@php
    $isEdit = isset($experience);
    $route = $isEdit ? route('experience.update', $experience->id) : route('experience.store');
@endphp
<form class="bg-gray-900 text-gray-100 w-full p-[25px] rounded-[10px]" action="{{ $route }}" method="POST" enctype="multipart/form-data">
    @csrf
    @if($isEdit)
        @method('PUT')
        @include('Admin.experiences.partials.form-fields', ['experience' => $experience])
    @else
        @include('Admin.experiences.partials.form-fields')
    @endif

   
    <div class="mt-6 flex items-center justify-end gap-x-6">
        <x-primary-button type="submit" class="rounded-md bg-[#4f46e5] px-3 py-2 text-sm font-semibold text-gray-100 shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500">{{ $isEdit ? 'Mettre à jour' : 'Créer' }}</x-primary-button>
    </div>
  </form>


  <script>

        $(function() {     
            $("#date_fin, #date_start").datepicker({
                dateFormat: "yy-mm-dd",
                onSelect: function(selectedDate) {
                    var startDate = $(this).datepicker("getDate");
                    $("#date_fin").datepicker("option", "minDate", startDate);
                 }
            });
       });
       
  </script>