@php
    Auth::user()->lastname !== null ? $lastname = Auth::user()->lastname : $lastname = old('lastname');
    Auth::user()->firstname !== null ? $firstname = Auth::user()->firstname : $firstname = old('firstname');
    Auth::user()->phone !== null ? $phone = Auth::user()->phone : $phone = old('phone');
    $option->id_option_demande_statut_md == 2 ? $route = route('options.confirm',$option) : $route = "";
    Auth::user()->address !== null ? $address = Auth::user()->address->line_1 : $address = old('address');
    Auth::user()->address->city !== null ? $city = Auth::user()->address->city : $city = old('city');
@endphp
<span class="text-bebas h3 d-inline-block">Confirmez votre option </span>
<small class="d-inline-block text-red text-bebas float-end"><i class="far fa-clock"></i> 
  {{ $option->expire_at->diffForHumans() }}
</small> <br>
<p>Vous avez jusqu'au {{ $option->expire_at->format('d/m/Y') }} à {{ $option->expire_at->format('H:i') }} pour confirmer votre option. Une fois votre option confirmée, vous passerez à la signature de la réservation.</p>
<form action="{{ $route }}" method="post">
  <input type="hidden" name="id" value="{{ $option->id }}">
    @csrf
    {{-- <x-label for="lastname" value="Votre nom" /> 
    <div class="mb-2 input-group">
      <div class="bg-white input-group-prepend input-form-login border-input-left">
        <small class="fw-bold"><i class="fa-sharp fal fa-circle-user text-grey i-input"></i></small>
      </div>
      <x-input id="lastname" type="text" name="lastname" value="{{ $lastname }}" required autofocus placeholder="Saisissez votre nom" required/>
    </div>
    <x-label for="firstname" value="Votre prénom" /> 
    <div class="mb-2 input-group">
      <div class="bg-white input-group-prepend input-form-login border-input-left">
        <small class="fw-bold"><i class="fa-sharp fal fa-circle-user text-grey i-input"></i></small>
      </div>
      <x-input id="firstname" type="text" name="firstname" value="{{ $firstname }}" required autofocus placeholder="Saisissez votre prénom" required/>
    </div>
    <x-label for="phone" value="Votre numéro" /> 
    <div class="mb-2 input-group">
        <div class="bg-white input-group-prepend input-form-login border-input-left">
          <small class="fw-bold"><i class="fa-sharp fal fa-circle-phone text-grey i-input"></i></small>
        </div>
        <x-input id="phone" type="tel" name="phone" value="{{ $phone }}" required autofocus placeholder="Saisissez votre numéro" required/>
    </div>
    <x-label for="address" value="Votre adresse" /> 
    <div class="mb-2 input-group">
      <div class="bg-white input-group-prepend input-form-login border-input-left">
        <small class="fw-bold"><i class="far fa-location-dot text-grey i-input"></i></small>
      </div>
      <x-input id="address" type="text" name="address" value="{{ $address }}" required autofocus placeholder="Saisissez votre adresse" required />
    </div>
    <div class="position-relative">
      <x-label for="city" value="Votre ville" /> 
      <div class="mb-2 input-group">
          <div class="bg-white input-group-prepend input-form-login border-input-left">
            <small class="fw-bold"><i class="far fa-city text-grey i-input"></i></small>
          </div>
          <x-input id="city" type="text" name="city" value="{{ $city }}" class="localisation" autofocus placeholder="Saisissez votre ville" required onkeyup="localisation_search(this)" onkeyup="localisation_search(this)" data-target="choose-localisation" onchange="search_result_number()"/>
      </div>
      <div class="p-2 bg-white rounded choose-localisation choose-localisation-style d-none position-absolute" style="z-index: 3">
          <span class="pb-1 text-bebas d-block w-100 text-gray localisation-cities-title d-none text-primary">Ville</span>
          <div class="localisation-cities"></div>
      </div>
    </div> --}}

    <div class="mt-5 form-group">
        <span class="text-white cursor-pointer btn bg-secondary btn-hover-info text-bebas d-inline-block me-2 mb-3"
        data-route="{{ route('options.cancel', $option) }}" data-id="{{ $option->id }}" onclick="$(this).addClass('disabled'); update_option($(this))">Annuler</span>

        <button type="submit"
            class="text-white btn btn-primary btn-hover-primary text-bebas d-inline-block me-2 mb-3">
            confirmer mon option
        </button>
        @if($option->renew > 0)
          <span class="text-white cursor-pointer btn bg-info btn-hover-info text-bebas d-inline-block me-2 mb-3" data-route="{{ route('options.renew',$option) }}" data-id="{{ $option->id }}" onclick="$(this).addClass('disabled'); update_option($(this))">Renouveler</span>
        @endif


    </div>
</form>

@section('search-bar-js')
    <script src="{{ asset('libs/search-bar/script.js') }}?t={{ config('app.js_version') }}" async></script>  
@endsection

@section('workflow.js')
    <script src="{{ asset('libs/workflow/script.js') }}?t={{ config('app.js_version') }}" async></script>  
@endsection