@extends('layouts.appAdmin')

@section('content')
<div class="container">
    <div class="card">
        <div class="card-body">
            <h4 class="card-title">
                <a href="{{ route('menus.index') }}" class="mr-4"
                    ><i class="icon ion-md-arrow-back"></i
                ></a>
                Editer un menu
            </h4>

            <x-form
                method="PUT"
                action="{{ route('menus.update', $menu) }}"
                class="mt-4"
            >
                @include('app.menus.form-inputs')

                <div class="mt-4">
                    <a href="{{ route('menus.index') }}" class="btn btn-light">
                        <i class="icon ion-md-return-left text-primary"></i>
                        @lang('crud.common.back')
                    </a>

                    <a href="{{ route('menus.create') }}" class="btn btn-light">
                        <i class="icon ion-md-add text-primary"></i>
                        @lang('crud.common.create')
                    </a>

                    <button type="submit" class="btn btn-primary float-right">
                        <i class="icon ion-md-save"></i>
                        @lang('crud.common.update')
                    </button>
                </div>
            </x-form>
        </div>
    </div>
</div>

<script type="text/javascript">
    // les jours à bloquer sur le calendrier
      var disableDates = '{{ json_encode($dateBloqueTab) }}';
      var dateCal = new Date();
      dateCal.setDate(dateCal.getDate()-1);
    
           $('#date_menu').datepicker({
        format: "dd/mm/yyyy",
        startDate: dateCal, // pour réserver que des dates dans le futur!
        todayBtn: true,
        language: "fr",
        autoclose: true,
        todayHighlight: true,
         beforeShowDay: function(date){
             
                    dmy = date.toLocaleDateString("fr-FR", { 
                    year: "numeric",
                    month: "2-digit",
                    day: "2-digit",
                    });
                    //console.log(dmy);
                    if(disableDates.indexOf(dmy) != -1){
                        return {enabled: false, classes: 'highlighted', tooltip: 'Déjà créé'};
                    }
                    else{
                        return true;
                    }
                    
                }
    });
        
    </script>
@endsection