@extends('layouts.app')

@section('title', 'Creation d\'une checklist')

@section('content')
    <div class="container-fluid">
        <form action="{{ route('checklist.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="row mb-3">
                <div class="col">
                    <div class="card shadow mb-3">
                        <div class="card-header py-3">
                            <p class="text-primary m-0 fw-bold">Depart</p>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col">
                                    <div class="row">
                                        <div class="form-check pl-6">
                                            @isset($dps)
                                                <label class="form-check-label" for="mission">
                                                    <strong>Mission</strong>
                                                </label>
                                                <input type="text" id="mission" name="mission" class="form-control" value="{{$dps->nom_evenement}}" readonly>
                                                <input type="hidden" name="id_mission" value="{{$dps->id}}">
                                            @else
                                                <label class="form-check-label" for="mission">
                                                    <strong>Mission</strong>
                                                </label>
                                                <input type="text" id="mission" name="mission" class="form-control">
                                            @endif
                                            <input type="hidden" name="depart_user_id" value="{{auth()->id()}}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col">
                                    <div class="form-check pl-6">
                                        <label class="form-check">
                                            <strong>Choix du véhicule</strong>
                                        </label>
                                        <select name="vehicule_id" id="vehicule_id" class="form-control">
                                            <option value="" selected>Choisir un véhicule</option>
                                            @foreach($vehicules as $vehicule)
                                                <option value="{{ $vehicule->id }}">{{ $vehicule->nom }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="form-check pl-6">
                                        <label class="form-check">
                                            <strong>Complement</strong>
                                        </label>
                                        <select name="complement" id="complement" class="form-control">
                                            <option value="" selected>Aucun</option>
                                            <option value="Remorque">Remorque</option>
                                            <option value="VTT">VTT</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col">
                                    <div class="row">
                                        <div class="form-check pl-6">
                                            <label class="form-check-label" for="depart_time">
                                                <strong>Heure</strong>
                                            </label>
                                            <input type="time" id="depart_time" name="depart_time" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="row">
                                        <div class="form-check pl-6">
                                            <label class="form-check-label" for="depart_date">
                                                <strong>Date</strong>
                                            </label>
                                            <input type="date" id="depart_date" name="depart_date" class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row mb-3">
                <div class="col">
                    <button type="submit" class="btn btn-primary">Enregistrer</button>
                </div>
            </div>
        </form>
    </div>
@endsection