@extends('layouts.base')
@section('heading')
     {{ __( $car->name.' - ' . $car->number) }}
@endsection
@section('info')
    Schedule a document
@endsection
@section('body')
    <div class="m-auto py-6 grid place-content-center_">
        <div class="">
            <form action="{{ route('cars.documents.store', $car->id) }}"" method="post" class="w-full">
                @csrf
                <div class="w-full bg-blue-50_">
                    <label for="file_id" class="block text-gray-400 m-2 text-sm">Select a document</label>
                    <select class="w-full rounded-lg hover:border-blue-400 focus:border-blue-400 border-none hover:border-2 focus:border-2 " name="file_id" id="file_id" placeholder="">
                                                @foreach (\App\Models\File::all() as $file)
                            <option value="{{ $file->id }}">{{ $file->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="mt-2 w-full">
                    <label for="due_date" class="block text-gray-400 m-2 text-sm">Expiry Date</label>
                    <input type="date" class="w-full rounded-lg hover:border-blue-400 focus:border-blue-400 border-none hover:border-2 focus:border-2" name="due_date" id="due_date" value="{{ date('Y-m-d') }}"  min="{{ date('Y-m-d') }}">
                </div>
                <div class="m-2 p-3 bg-gray-200 rounded-lg">
                    <div class="mt-2">
                        <label for="prior_7" class="block text-gray-400 m-2 text-sm_">Remind me: </label>
                    </div>
                    <div class="mt-2 w-full">
                        <input type="checkbox" class="" name="prior_7" value="1" id="prior_7" value="7"><label for="prior_7"> 7 days prior</label>
                    </div>
                    <div class="mt-2 w-full">
                        <input type="checkbox" class="" name="prior_14" value="1" id="prior_14" value="7"><label for="prior_14"> 14 days prior</label>
                    </div>
                    <div class="mt-2 w-full">
                        <label for="date" class="block text-gray-400 m-2 text-sm">Reminder on</label>
                        <input type="date" class="w-full rounded-lg hover:border-blue-400 focus:border-blue-400 border-none hover:border-2 focus:border-2" name="custom_date" id="custom_date" min="{{ date('Y-m-d') }}" value="">
                    </div>
                </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