@extends('layouts.base')
@section('heading')
     {{ __('Cars') }}
@endsection
@section('info')
    Add a car
@endsection
@section('body')
    <div class="m-auto py-6 grid place-content-center_">
        <div class="w-full">
            <form action="{{ route('cars.store') }}" method="post" class="w-full">
                @csrf
                <div class="w-full bg-blue-50_">
                    <label for="name" class="block text-gray-400 m-2 text-sm">Car Brand</label>
                    <input type="text" class="w-full rounded-lg hover:border-blue-400 focus:border-blue-400 border-none hover:border-2 focus:border-2 " name="name" id="name" placeholder="">
                </div>
                <div class="mt-2 w-full">
                    <label for="number" class="block text-gray-400 m-2 text-sm">Car plate number</label>
                    <input type="text" class="w-full rounded-lg hover:border-blue-400 focus:border-blue-400 border-none hover:border-2 focus:border-2 " name="number" id="number" placeholder="">
                </div>
                <div class="w-full">
                    <label for="email" class="block text-gray-400 m-2 text-sm">Email for reminders</label>
                    <input type="email" class="w-full rounded-lg hover:border-blue-400 focus:border-blue-400 border-none hover:border-2 focus:border-2 " name="email" id="email" placeholder="">
                </div>
                <div class="mt-4 w-full">
                    <button type="submit" class="w-full text-white rounded-lg py-2 px-3 bg-blue-500 hover:bg-blue-400">SUBMIT</button>
                </div>
            </form>
        </div>
    </div>
@endsection