@extends('layouts/app')

@section('content')
    <h3>Liste des Visites</h3>
    <div class="row">
        <div class="col-sm-6 col-lg-6">
            <form action="{{route('visites.index')}}" class="form-group">
                @csrf
                <div class="d-inline-flex">

                    <div class="input-group date mr-2" id="datetimepicker4" data-target-input="nearest">
                        <label class="input-group-text" for="inputGroupSelect01">Entre le</label>
                        <input type="text" name="date" class="form-control datetimepicker-input"
                               data-target="#datetimepicker4" value="{{$date}}"/>
                        <div class="input-group-append" data-target="#datetimepicker4" data-toggle="datetimepicker">
                            <div class="input-group-text"><i class="mdi mdi-calendar"></i></div>
                        </div>
                    </div>
                    <div class="input-group date" id="datetimepicker5" data-target-input="nearest">
                        <label class="input-group-text" for="inputGroupSelect01">et le</label>
                        <input type="text" name="dateend" class="form-control datetimepicker-input"
                               data-target="#datetimepicker5" value="{{$dateend}}"/>
                        <div class="input-group-append" data-target="#datetimepicker5" data-toggle="datetimepicker">
                            <div class="input-group-text"><i class="mdi mdi-calendar"></i></div>
                        </div>
                <button type="sumbit" class="btn ml-2 btn-primary">Rechercher</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <table class="table table-striped">
        <thead class="">
        <tr>
            <th scope="col">Nom</th>
            <th scope="col">Prenom</th>
            <th scope="col">Societe</th>
            <th scope="col">Visite</th>
            <th scope="col">Mail</th>
            <th scope="col">Téléphone</th>
            <th scope="col">Etat</th>
            <th scope="col">Code</th>
            <th scope="col">Arrivée</th>
            <th scope="col">Départ</th>
        </tr>
        </thead>
        <tbody>
        @if($visites)
            @foreach($visites as $visite)
                <tr>
                    <td>{{$visite->nom}}</td>
                    <td>{{$visite->prenom}}</td>
                    <td>{{$visite->societe}}</td>
                    <td>{{$visite->visite}}</td>
                    <td>{{$visite->mail}}</td>
                    <td>{{$visite->telphone}}</td>
                    <td>{{$visite->etat}}</td>
                    <td>{{$visite->code}}</td>
                    <td>{{\Carbon\Carbon::parse($visite->dateArrivee)->isoFormat("Do MMM YYYY" . ' à '. "HH\hmm") }}</td>
                    <td>{{\Carbon\Carbon::parse($visite->dateDepart)->isoFormat("Do MMM YYYY" . ' à '. "HH\hmm") }}</td>
                </tr>
            @endforeach
        @endif
        </tbody>
    </table>
@endsection