<div class="d-flex flex-row-reverse">
    @if ($item->status != 2)<!-- Si la solicitud de permiso laboral no fue rechazada -->
        @if ($item->support_document_required == 1)<!-- Si es requerido el documento de soporte, la opcion viene del tipo de permiso -->

            @if ($item->support_document == NULL)<!-- Si no se subio el documento de soporte o se encuentra vacio en la base de datos -->
                <a href="javascript:void(0)" wire:click.prevent="openUploadSupportDocument({{ $item->id }})"
                    class="btn btn-square f-right btn-warning">
                    Subir documento <i class="fa fa-upload"></i>
                </a>
            @else
                @switch($item->status_support_document)
                    @case(1)<!--  si el documento esta pendiente de aprobacion -->
                        <span class="btn btn-square f-right btn-success">
                            Documento de soporte Aprobado <i class="fa fa-check"></i>
                        </span>
                    @break
                    @case(2)
                        <span class="badge badge-danger px-4 py-2 fs-6 text-break badge-square">
                            Documento de soporte Rechazado <i class="fa fa-times"></i>
                        </span>
                    @break
                    @case(3)<!--  si el documento es rechazado y se solicito correccion -->
                        <a tabindex="0" class="btn btn-small px-2 m-l-5  btn-danger help-popover f-right"
                        role="button"
                        data-bs-toggle="popover"
                        data-bs-trigger="focus"
                        title="Soporte rechazado"
                        data-bs-content="Para ver el motivo del rechazo, haga click en el botón subir documento.">
                        <i class="fa fa-question-circle"></i>
                        </a>
                        <a href="javascript:void(0)" wire:click.prevent="openUploadSupportDocument({{ $item->id }})"
                            class="btn btn-square f-right btn-danger">
                            Subir correción del documento <i class="fa fa-upload"></i>
                        </a>
                    @break
                    @default
                        <span class="btn btn-square f-right btn-warning">
                            El documento esta pendiente de aprobación <i class="fa fa-clock"></i>
                        </span>
                @endswitch
            @endif<!--  fin del if para verificar si el documento de soporte esta vacio o no -->
        @endif
    @endif<!-- fin del if para verificar si la solicitud de permiso laboral fue rechazada -->
</div>
