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

<style>
.invoice-warning-row td {
    background: #fff8d9 !important;
    border-top: 1px solid #ffe58f !important;
    border-bottom: 1px solid #ffe58f !important;
}
</style>

<div class="table-responsive">
    <table class="table table-xl mb-0 thead-border-top-0 table-striped">
        <thead>
            <tr>
                <th>Numero de Orden</th>
                <th>Fecha</th>
                <th>Cliente</th>
                <th>Sucursal</th>
                <th>Tienda</th>
                <th>Estatus</th>
                <th>COMENTARIOS</th>
                <th>Estatus de Pago</th>
                <th>Saldo por cancelar</th>
                <th>REFERENCIA</th>
                <th>TRACKING</th>
                <th class="w-50px">Ver</th>
            </tr>
        </thead>

        <tbody class="list" id="invoices">

            @foreach ($invoices as $invoice)

                <tr class="{{ ((string)$invoice->sent === '0') ? 'invoice-warning-row' : '' }}">

                    {{-- ORDEN --}}
                    <td class="h6">

                        <a href="{{ route('invoices.details', $invoice->id) }}">
                            BS{{ $invoice->id }}{{ $invoice->identificador }}
                        </a>

                        @if((string)$invoice->sent === '0')
                            <div class="badge badge-warning mt-1">
                                CORREO
                            </div>
                        @endif

                    </td>

                    {{-- FECHA --}}
                    <td class="h6">
                        {{ $invoice->formatted_invoice_date }}
                    </td>

                    {{-- CLIENTE --}}
                    <td class="h6">

                        <a href="https://dashboard.boxshoplogistics.com/customers/{{ $invoice->customer->id }}/details" target="_blank">

                            {{ $invoice->customer->display_name }}

                            @if($invoice->customer->cedula)
                                ({{ $invoice->customer->cedula }})
                            @endif

                        </a>

                    </td>

                    {{-- SUCURSAL --}}
                    <td class="h6">
                        {{ $invoice->sucursal }}
                    </td>

                    {{-- TIENDA --}}
                    <td class="h6">

                        <div class="badge badge-primary fs-0-9rem">
                            {{ $invoice->web }}
                        </div>

                    </td>

                    {{-- ESTATUS --}}
                    <td class="h6">

                        @if($invoice->estatus !== 'PAGO WEB')

                            <div class="badge badge-info fs-0-9rem">
                                {{ $invoice->estatus }}
                            </div>

                        @else

                            <div class="badge badge-danger fs-0-9rem">
                                {{ $invoice->estatus }}
                            </div>

                        @endif

                    </td>

                    {{-- COMENTARIOS --}}
                    <td class="h6">

                        @if($invoice->private_notes)

                            <div class="alert alert-danger py-1 px-2 mb-0 d-inline-flex align-items-center">
                                VERIFICAR
                            </div>

                        @else

                            <div class="alert alert-success py-1 px-2 mb-0 d-inline-flex align-items-center">
                                NINGUNO
                            </div>

                        @endif

                    </td>

                    {{-- ESTATUS DE PAGO --}}
                    <td class="h6">

                        @if($invoice->paid_status == 'UNPAID')

                            <div class="badge badge-warning fs-0-9rem">
                                POR PAGAR
                            </div>

                        @elseif($invoice->paid_status == 'PARTIALLY_PAID')

                            <div class="badge badge-info fs-0-9rem">
                                PAGO PARCIAL
                            </div>

                        @elseif($invoice->paid_status == 'PAID')

                            <div class="badge badge-success fs-0-9rem">
                                PAGADO
                            </div>

                        @endif

                    </td>

                    {{-- SALDO --}}
                    <td class="h6">
                        {!! money($invoice->due_amount, $invoice->currency_code) !!}
                    </td>

                    {{-- REFERENCIA --}}
                    <td class="h6">

                        @if($invoice->reference_number)
                            CONVERTIDO {{ $invoice->reference_number }}
                        @endif

                    </td>

                    {{-- TRACKING --}}
                    <td class="h6">

                        @if($invoice->tracking)
                            {{ $invoice->tracking }}
                        @endif

                    </td>

                    {{-- VER --}}
                    <td class="h6">

                        <a href="{{ route('invoices.details', $invoice->id) }}" class="btn btn-sm btn-link">

                            <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">
    {{ $invoices->links() }}
</div>

@else

<div class="row justify-content-center card-body pb-0 pt-5">
    <i class="material-icons fs-64px">description</i>
</div>

<div class="row justify-content-center card-body pb-5">
    <p class="h4">{{ __('messages.no_invoices_yet') }}</p>
</div>

@endif