@unless($archived ?? false)
@php
    $currentStateForButton = $option->state;
    $showAccepter = $currentStateForButton === \App\Enums\OptionState::CREATED;
    $showAnnuler = ! $showAccepter
        && $currentStateForButton !== \App\Enums\OptionState::EXPIRED
        && $currentStateForButton !== \App\Enums\OptionState::CONFIRMED
        && $currentStateForButton !== \App\Enums\OptionState::CANCELED;
    $canRefuse = $currentStateForButton === \App\Enums\OptionState::CREATED;
    $hasPrimaryAction = $showAccepter || $showAnnuler;
    $isSupport = auth()->user()->isRole('ROLE_SUPPORT');
    $canModifyDuration = $currentStateForButton !== \App\Enums\OptionState::REFUSED
        && $currentStateForButton !== \App\Enums\OptionState::CONFIRMED;
@endphp
@if($hasPrimaryAction)
<div class="btn-group option-actions-split" role="group" aria-label="Actions option">
    @if($showAccepter)
        <button type="button" class="btn btn-sm btn-outline-dark" data-bs-toggle="modal" data-bs-target="#option-accept-modal-{{ $option->id }}">Accepter</button>
    @elseif($showAnnuler)
        <button type="button" class="btn btn-sm btn-outline-dark" data-bs-toggle="modal" data-bs-target="#option-cancel-modal-{{ $option->id }}">Annuler</button>
    @endif
    <button type="button" class="btn btn-sm btn-outline-dark dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false" title="Autres actions">
        <span class="visually-hidden">Autres actions</span>
    </button>
    @include('partner.options.partials.actions-dropdown-menu', ['option' => $option, 'canRefuse' => $canRefuse, 'isSupport' => $isSupport, 'canModifyDuration' => $canModifyDuration])
</div>
@else
<div class="dropdown">
    <button class="btn btn-sm btn-outline-secondary dropdown-toggle dropdown-toggle-no-arrow" type="button" data-bs-toggle="dropdown" aria-expanded="false" title="Actions">
        <i class="fas fa-chevron-down" aria-hidden="true"></i>
        <span class="visually-hidden">Actions</span>
    </button>
    @include('partner.options.partials.actions-dropdown-menu', ['option' => $option, 'canRefuse' => $canRefuse, 'isSupport' => $isSupport, 'canModifyDuration' => $canModifyDuration])
</div>
@endif
@if($showAccepter)
<form id="validate-form-{{ $option->id }}" method="POST" action="{{ route('partner.options.validate', $option) }}" style="display: none;">
    @csrf
</form>
@endif
@if($canRefuse)
<form id="refuse-form-{{ $option->id }}" method="POST" action="{{ route('partner.options.refuse', $option) }}" style="display: none;">
    @csrf
</form>
@endif
@if($showAnnuler)
<form id="cancel-form-{{ $option->id }}" method="POST" action="{{ route('partner.options.cancel', $option) }}" style="display: none;">
    @csrf
</form>
@endif
@if($isSupport)
<form id="delete-form-{{ $option->id }}" action="{{ route('partner.options.destroy', $option) }}" method="POST" style="display: none;">
    @csrf
    @method('DELETE')
</form>
<form id="test-confirm-form-{{ $option->id }}" method="POST" action="{{ route('partner.options.test-confirm', $option) }}" style="display: none;">
    @csrf
</form>
@endif
@if($showAccepter)
<div class="modal fade" id="option-accept-modal-{{ $option->id }}" tabindex="-1" aria-labelledby="option-accept-modal-label-{{ $option->id }}" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header no-border">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
            </div>
            <div class="modal-body">
                <h5 class="text-18 text-dark">Êtes-vous certains de vouloir accepter cette option ?</h5>
                <p class="text-grey text-14">Cette action est irréversible.</p>
            </div>
            <div class="modal-footer no-border d-flex flex-column gap-2 align-items-stretch">
                <button type="submit" form="validate-form-{{ $option->id }}" class="btn btn-success w-100">Oui, accepter l'option</button>
                <button type="button" class="btn btn-outline-secondary text-dark w-100" data-bs-dismiss="modal">Annuler</button>
            </div>
        </div>
    </div>
</div>
@endif
@if($showAnnuler)
<div class="modal fade" id="option-cancel-modal-{{ $option->id }}" tabindex="-1" aria-labelledby="option-cancel-modal-label-{{ $option->id }}" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header no-border">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
            </div>
            <div class="modal-body">
                <h5 class="text-18 text-dark">Êtes-vous certains de vouloir annuler cette option ?</h5>
                <p class="text-grey text-14">Cette action est irréversible.</p>
            </div>
            <div class="modal-footer no-border d-flex flex-column gap-2 align-items-stretch">
                <button type="submit" form="cancel-form-{{ $option->id }}" class="btn btn-danger w-100">Oui, annuler l'option</button>
                <button type="button" class="btn btn-outline-secondary text-dark w-100" data-bs-dismiss="modal">Annuler</button>
            </div>
        </div>
    </div>
</div>
@endif
@if(!($archived ?? false))
<form id="update-date-end-form-{{ $option->id }}" method="POST" action="{{ route('partner.options.update-date-end', $option) }}">
    @csrf
</form>
<div class="modal fade" id="option-date-end-modal-{{ $option->id }}" tabindex="-1" aria-labelledby="option-date-end-modal-label-{{ $option->id }}" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header no-border">
                <h5 class="modal-title text-18 text-dark" id="option-date-end-modal-label-{{ $option->id }}">Modifier la date de fin</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
            </div>
            <div class="modal-body">
                <p class="text-grey text-14 mb-3">Définissez la nouvelle date et heure de fin d&apos;option.</p>
                <label for="option-date-end-input-{{ $option->id }}" class="form-label">Date et heure de fin</label>
                <input type="datetime-local"
                       id="option-date-end-input-{{ $option->id }}"
                       name="date_end"
                       form="update-date-end-form-{{ $option->id }}"
                       value="{{ $option->date_end?->format('Y-m-d\TH:i') ?? now()->addHour()->format('Y-m-d\TH:i') }}"
                       class="form-control"
                       required>
            </div>
            <div class="modal-footer no-border d-flex flex-column gap-2 align-items-stretch">
                <button type="submit" form="update-date-end-form-{{ $option->id }}" class="btn btn-primary w-100">Enregistrer</button>
                <button type="button" class="btn btn-outline-secondary text-dark w-100" data-bs-dismiss="modal">Annuler</button>
            </div>
        </div>
    </div>
</div>
@endif
@if($canRefuse)
<div class="modal fade" id="option-refuse-modal-{{ $option->id }}" tabindex="-1" aria-labelledby="option-refuse-modal-label-{{ $option->id }}" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header no-border">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
            </div>
            <div class="modal-body">
                <h5 class="text-18 text-dark">Êtes-vous certains de vouloir refuser cette option ?</h5>
                <p class="text-grey text-14">Cette action est irréversible.</p>
            </div>
            <div class="modal-footer no-border d-flex flex-column gap-2 align-items-stretch">
                <button type="submit" form="refuse-form-{{ $option->id }}" class="btn btn-danger w-100">Oui, refuser l'option</button>
                <button type="button" class="btn btn-outline-secondary text-dark w-100" data-bs-dismiss="modal">Annuler</button>
            </div>
        </div>
    </div>
</div>
@endif
@endunless