@extends('layouts.appAdmin')


@section('content')
@php

@endphp
<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>
                @lang('crud.menus.create_title')
            </h4>

            <x-form
                method="POST"
                action="{{ route('menus.store') }}"
                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>

                    <button type="submit" class="btn btn-primary float-right">
                        <i class="icon ion-md-save"></i>
                        @lang('crud.common.create')
                    </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();
//   console.log("avant");
//   console.log(dateCal);
  dateCal.setDate(dateCal.getDate());
//   console.log(dateCal);
//   console.log("apres");
       $('#date_menu').datepicker({
    format: "yyyy-mm-dd",
    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