@php
        if(Auth::check() && Auth::user()->hasRole('user')){
            $layoutDirectory = 'layouts.app';
        }else{
            $layoutDirectory = 'layouts.appAdmin';
        }
        
    @endphp
 @extends($layoutDirectory)

@section('content')

    @if(isset($Message))
    <div class="alert alert-danger"> {{ $Message}}</div>
  @endif
<h3>Voir les réservations</h3>
<div class="mb-2 p-4" id="sandbox-container">
    <label for="basic-addon1" class="form-label">Veuillez sélectionnez une date</label>
    <div class="input-group mb-3">
        
        <span class="input-group-text" id="basic-addon1"><i class="far fa-calendar-alt"></i></span>
        <input type="text" class="form-control form-control-lg" placeholder="Selectionnez une date" aria-label="Selectionnez une date" aria-describedby="basic-addon1">
      </div>
</div>


@if (isset($date_dereservation))

            <div class="container">
                <div class="card bg-light text-center mb-2 p-2">
                    <div class="card-body">
                        
                            <h3 class="card-title">@lang('crud.bookings.index_title') du  {{ \Carbon\Carbon::parse($date_dereservation )->format('d/m/Y') ?? '-' }}
                              (  {{ \Carbon\Carbon::now(new \DateTimeZone(config('cantinrae.inrae.zonefortime')))->isoFormat('HH:mm:ss') }} )
                            </h3>
                    
                    
                        <a href="{{ route('listeresa', ['date_resa' => $date_dereservation]) }}" class="btn btn-primary"><i class="fas fa-sync-alt"></i> Rafraichir la page</a>
                        <a href="{{ route('previewlisteresa', ['date_resa' => $date_dereservation]) }}" class="btn btn-primary"><i class="fas fa-print"></i> Imprimer</a>
                    </div>
                </div>
            
            </div>
            <div class="container">
                <div class="row">
                <div class="col">
                    <div class="card p-2 mt-2 mx-auto bg-light">
                        <div class="card-body">
                        <h6 class="card-title">Nombre total de réservation </h6>
                        <h1 class="display-5"> {{ $nbrResa }}</h1>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card p-2 mt-2 mx-auto bg-light">
                        <div class="card-body">
                        <h6 class="card-title">Les plats </h6>
                        <h6 class="">
                            @foreach ( $nbrPlats as $nbrPlat)
                            <li>{{ getPlatName($nbrPlat->leplat) }} : <span class="badge bg-info text-dark">{{ $nbrPlat->total }}</span></li>
                        @endforeach    
                        </h6>
                        </div>
                    </div>
                    
                </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                <div class="col">
                    <div class="card p-2 mt-2 mx-auto bg-light">
                        <div class="card-body">
                        <h6 class="card-title">Services</h6>
                        <h6 class="">
                            @foreach ( $nbrService as $thenbrService)
                            <li> {{ $thenbrService->service }} : <span class="badge bg-info text-dark">{{ $thenbrService->totalService }}</span></li>
                        @endforeach    
                        </h6>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card p-2 mt-2 mx-auto bg-light">
                        <div class="card-body">
                        <h6 class="card-title">Lieux de restauration</h6>
                        <h6 class="">
                            @foreach ( $nbrLieu as $thenbrLieu)
                            <li> {{ $thenbrLieu->lieu }} : <span class="badge bg-info text-dark">{{ $thenbrLieu->totalLieu }}</span></li>
                        @endforeach    
                        </h6>
                        </div>
                    </div>
                    
                </div>
                </div>
            </div>

            <div class="container">
                <div class="row">
                <div class="col ">
                    <div class="row">
                        @foreach ($lesResas as $keyresaLePlat => $resaLePlat)
                        <div class="col  col-xl-6 col-xxl-6">
                            <div class="card p-2 mt-2 mx-auto  bg-light">
                                <div class="card-body">
                                    <h6 class="card-title"> {{ getPlatName($keyresaLePlat) }}</h6>
                                    
                                    @foreach ( $resaLePlat as $keyresaService => $resaService)
                                        <div class="card p-2 mt-2 mx-auto">
                                            <div class="card-body">
                                            <h6 class="card-title"> {{ $keyresaService }}</h6>

                                                @foreach ( $resaService as $keyresaLieux =>$resaLieux)
                                                <div class="card p-2 mt-2 mx-auto">
                                                    <div class="card-body">
                                                    <h6 class="card-title"> {{ $keyresaLieux }}</h6>
                                                    
                                                        @foreach ( $resaLieux as $keyresaNom =>$resaNom)
                                                        <li style="list-style: none;"><i class="far fa-square"></i> {{ $resaNom->name }} </li>
                                                        @endforeach 
                                                    </div>
                                                </div>
                                                @endforeach   
                                            </div>
                                        </div>
                                    @endforeach
                                    
                                </div>
                            </div>
                        </div>
                        @endforeach
                        </div>
                </div>
                </div>
            </div>
@else
    
@endif




  <script type="text/javascript">

    
$('#sandbox-container input').datepicker({
    language: "fr",
    daysOfWeekDisabled: "0",
    todayBtn: "linked",
    todayHighlight: true
}).on('changeDate', function(e) {
    //$('#other-input').val(e.format(0,"dd/mm/yyyy"));
    // alert(e.format(0,"yyyy-mm-dd"));
    window.location.replace("{{ route('listeresa') }}"+"?date_resa="+e.format(0,"yyyy-mm-dd"));
    //console.log(e.date); 
});
        
    </script>
@endsection