@if ($shipperBox->isCompleted())
<br>
<section>
    @if ($shipperBox->isPending())
    <div>
        <a href="{{route('shipperBoxes.shangeStatus',[$shipperBox->id,App\Models\ShipperBox::STATUS_WAITING])}}"
            class="btn btn-outline-success waves-effect">
            <span class="ti ti-check me-2"></span> Marque Sac en cours
        </a>
    </div>
    @elseif ($shipperBox->isWaiting())
    <!-- Button trigger modal -->
    <button type="button" class="btn btn-outline-success waves-effect" data-bs-toggle="modal"
        data-bs-target="#shipperBox{{$shipperBox->id}}">
        Cloturer le sac
    </button>

    <!-- Modal -->
    <div class="modal fade" id="shipperBox{{$shipperBox->id}}" tabindex="-1" role="dialog"
        aria-labelledby="modelTitleId" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Marque ce sac comme cloturer</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form
                    action="{{route('shipperBoxes.shangeStatus',[$shipperBox->id,App\Models\ShipperBox::STATUS_CLOSED])}}"
                    method="get">
                    <div class="modal-body">
                        <p>Vous êtes sur le point de marquer ce sac comme cloturer</p>
                        <div class="row">
                            <x-form.input col="12" type="text" name="tracking" label="Numero de suivi" required />
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
                        <button type="submit" class="btn btn-primary">Envoyer</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    @elseif ($shipperBox->isClosed())
    <div>
        <a href="{{route('shipperBoxes.shangeStatus',[$shipperBox->id,App\Models\ShipperBox::STATUS_SHIPPED])}}"
            class="btn btn-outline-danger waves-effect">
            <span class="ti ti-check me-2"></span> Envoyer le sac
        </a>
    </div>
    @elseif ($shipperBox->isShipped())
    <div>
        <a href="{{route('shipperBoxes.shangeStatus',[$shipperBox->id,App\Models\ShipperBox::STATUS_RECEIVED])}}"
            class="btn btn-outline-success waves-effect">
            <span class="ti ti-check me-2"></span> Sac recue
        </a>
    </div>
    @endif
</section>
@endif