@extends('layouts.app')

@section('content')
    <div class="row">
        <div class="col-sm-6 col-lg-4">
            <form action="{{route('indexIsHere')}}" class="form-group">
                @csrf
                <div class="input-group date" id="datetimepickerMonth" data-target-input="nearest">
                    <input type="text" name="date" class="form-control datetimepicker-input"
                           data-target="#datetimepickerMonth" value="{{$date}}"/>
                    <div class="input-group-append" data-target="#datetimepickerMonth" data-toggle="datetimepicker">
                        <div class="input-group-text"><i class="mdi mdi-calendar"></i></div>
                    </div>
                    <button class="btn btn-primary ml-2">Rechercher</button>
                </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">Nombre de jours</th>
        </tr>
        </thead>
        <tbody>
        @if($visites)
            @foreach($visites as $visite)
                <tr>
                    <td>{{$visite->nom}}</td>
                    <td>{{$visite->prenom}}</td>
                    <td>{{$visite->nbrDeJours}}</td>
                </tr>
            @endforeach
        @endif
        </tbody>
    </table>
@endsection