{{-- Como creo un cabecera para todas las paginas --}}
<table width="100%" class="table-header" style=" background-color:"  cellspacing="0" cellpadding="5">
    <tr>
        <td width="20%" class="text-center">
            <img src="{{ public_path('images/logo_optica_cosmos.jpg') }}" alt="Logo" width="100">
        </td>
        <td class="text-center">
            <h2>Reporte de {{ $reporteTypeTitle }}</h2>
            <p>Sucursal: {{ App\Models\Branch::find($id_branch)->name ?? 'Todas' }}</p>
            <p>Desde: {{ \Carbon\Carbon::parse($date_from)->format('d/m/Y') }} Hasta: {{ \Carbon\Carbon::parse($date_to)->format('d/m/Y') }}</p>
            <p>Tipo de Reporte: {{ $report_type == 'all' ? 'Todos' : ($report_type == 'with_invoice' ? 'Con Factura' : 'Sin Factura') }}</p>
            <p>Entrega Rápida: {{ $delivery_fast == 'all' ? 'Todos' : ($delivery_fast == 'yes' ? 'Si' : 'No') }}</p>
        </td>
        <td width="20%" class="text-center">
            <p>{{ \Carbon\Carbon::now()->format('d/m/Y H:i:s') }}</p>
        </td>
    </tr>
</table>



<table width="100%" class="table" style=" background-color:"  cellspacing="0" cellpadding="5">
    <thead style="display: table-header-group">
        <tr class="font-bold border text-center">
            <th width="5%">Nº</th>
            <th>FechaIngreso</th>
            <th>Cliente</th>
            <th>Cristal Lejos</th>
            <th>Armazón Lejos</th>
            <th>Cristal Cerca</th>
            <th>Armazón Cerca</th>
            <th>Total $us</th>
            <th>Total Bs</th>
            <th>ACuenta $us</th>
            <th>ACuenta Bs</th>
            <th>Saldo $us</th>
            <th>Saldo Bs</th>
            <th></th>
        </tr>
    </thead>
    @php
    $total_sus = 0;
    $total_bs = 0;
    $total_down_payment_sus = 0;
    $total_down_payment_bs = 0;
    $total_balance_sus = 0;
    $total_balance_bs = 0;
    @endphp
    @foreach ($salesReports as $sale)
    @php
    $total_sus += $sale->total_sus;
    $total_bs += $sale->total_bs;
    $total_down_payment_sus += $sale->down_payment_sus;
    $total_down_payment_bs += $sale->down_payment_bs;
    $total_balance_sus += $sale->balance_sus;
    $total_balance_bs += $sale->balance_bs;
    @endphp
    <tr class="border">
        <td width="5%">{{ $sale->nr_orden_full }}</td>
        <td>{{$sale->created_at->format("d/m/Y")}}
            <br>
            {{$sale->created_at->format("H:i:s")}}</td>
        <td>{{ $sale->customer->person->full_names }}</td>
        <td>{{$sale->crystalTyperFar->name ??''}} - {{$sale->crystalSubTyperFar->name ?? ''}} - {{$sale->far_crystal_details ?? ''}}</td>
        <td>{{$sale->inventoryFrameFar->brand->name ?? ''}} - {{$sale->inventoryFrameFar->frameType->name ?? ''}} - {{$sale->inventoryFrameFar->code ?? ''}} - {{$sale->frame_far_detail}} - {{$sale->frame_far_qrcode ?? ''}}</td>
        <td>{{$sale->crystalTyperNear->name ??''}} - {{$sale->crystalSubTyperNear->name ?? ''}} - {{$sale->near_crystal_details ?? ''}}</td>
        <td>{{$sale->inventoryFrameNear->brand->name ?? ''}} - {{$sale->inventoryFrameNear->frameType->name ?? ''}} - {{$sale->inventoryFrameNear->code ?? ''}} - {{$sale->frame_near_detail}} - {{$sale->frame_near_qrcode ?? ''}}</td>
        <td class="text-right">{{ number_format($sale->total_sus, 2) }}</td>
        <td class="text-right">{{ number_format($sale->total_bs, 2) }}</td>
        <td class="text-right">{{ number_format($sale->down_payment_sus, 2) }}</td>
        <td class="text-right">{{ number_format($sale->down_payment_bs, 2) }}</td>
        <td class="text-right">{{ number_format($sale->balance_sus, 2) }}</td>
        <td class="text-right">{{ number_format($sale->balance_bs, 2) }}</td>
        <td>{{ $sale->with_invoice == 'yes' ? 'S|'. $sale->invoice_number.'|' .$sale->invoice_number_delivery: 'N' }}</td>
    </tr>
    @endforeach
    <tr>
        <td colspan="7" class="font-bold text-right">Total</td>
        <td class="text-right font-bold">{{ number_format($total_sus, 2) }}</td>
        <td class="text-right font-bold">{{ number_format($total_bs, 2) }}</td>
        <td class="text-right font-bold">{{ number_format($total_down_payment_sus, 2) }}</td>
        <td class="text-right font-bold">{{ number_format($total_down_payment_bs, 2) }}</td>
        <td class="text-right font-bold">{{ number_format($total_balance_sus, 2) }}</td>
        <td class="text-right font-bold">{{ number_format($total_balance_bs, 2) }}</td>
        <td></td>
    </tr>
</table>


<style type="text/css">
* {
    font-size: 9pt;
}
.table thead tr th{
    border: 1px solid #000;

}
.font-bold{
    font-weight: bold;
}
.table tr td{
    border: 1px solid #000;
    padding: 5px;
    margin: 10px;
}
.border, tr.border td, tr.border th{
    border: 1px solid #000;
}
.border-only{
    border: 1px solid #000;
}
.table-p tr td{
    padding: 2px;
    margin: 2px;
}
.border-bottom td{
    border-bottom: 1px dashed #000;
}
.text-right{
    text-align: right;
}
.text-center{
    text-align: center;
}
.dashed-border{
    border-top: 1px dashed #000;
}
.red{
    background-color: red;
}
</style>