@if($invoiceslistoparaentregar->count() > 0)

<div class="table-responsive">
    <table class="table table-hover align-middle mb-0">
        <thead class="bg-light">
            <tr>
                <th>Orden</th>
                <th>Fecha</th>
                <th>Cliente</th>
                <th>Sucursal</th>
                <th>Estatus</th>
                <th>Llegada</th>
                <th class="text-right">Saldo</th>
                <th class="text-center">Ver</th>
            </tr>
        </thead>

        <tbody>
            @foreach ($invoiceslistoparaentregar as $invoice)
                <tr>

                    <!-- ORDEN -->
                    <td>
                        <a href="{{ route('invoices.details', $invoice->id) }}" class="fw-bold text-primary">
                            BS{{ $invoice->id }}{{ $invoice->identificador }}
                        </a>
                    </td>

                    <!-- FECHA -->
                    <td class="text-muted">
                        {{ $invoice->formatted_invoice_date }}
                    </td>

                    <!-- CLIENTE -->
                    <td>
                        <div class="fw-semibold">
                            {{ $invoice->customer->display_name }}
                        </div>
                        @if($invoice->customer->cedula)
                            <small class="text-muted">({{ $invoice->customer->cedula }})</small>
                        @endif
                    </td>

                    <!-- SUCURSAL -->
                    <td>
                        <span class="badge bg-light text-dark border">
                            {{ $invoice->sucursal }}
                        </span>
                    </td>

                    <!-- ESTATUS -->
                    <td>
                        @if($invoice->estatus)
                            <span class="status-badge status-ready">
                                {{ $invoice->estatus }}
                            </span>
                        @endif
                    </td>

                    <!-- FECHA LLEGADA -->
                    <td class="text-muted">
                        {{ $invoice->fechalistoparaentregar ?? '-' }}
                    </td>

                    <!-- SALDO -->
                    <td class="text-right fw-bold text-danger">
                        {!! money($invoice->due_amount, $invoice->currency_code) !!}
                    </td>

                    <!-- VER -->
                    <td class="text-center">
                        <a href="{{ route('invoices.details', $invoice->id) }}" class="btn btn-sm btn-outline-primary">
                            <i class="material-icons icon-16pt">arrow_forward</i>
                        </a>
                    </td>

                </tr>
            @endforeach
        </tbody>
    </table>
</div>

<div class="row card-body pagination-light justify-content-center text-center">
    {{ $invoiceslistoparaentregar->links() }}
</div>

@else

<div class="empty-state text-center py-5">
    <i class="material-icons" style="font-size: 60px; color:#cbd5e1;">inventory_2</i>
    <h5 class="mt-3 mb-1">No hay órdenes listas para entregar</h5>
    <p class="text-muted mb-0">Cuando haya órdenes en sucursal aparecerán aquí</p>
</div>

@endif