@extends('layouts.pdf-layout')
<style>
    /* Avoid breaking inside tables or rows */
    tbody {
        page-break-inside: avoid;
    }

    tr, th, td {
        page-break-inside: avoid;
        page-break-after: auto;
        mpdf-page-break-inside: avoid;
    }

    .table-stripped-none tr:nth-child(odd),
    .table-stripped-none tr:nth-child(even) {
        background-color: transparent;
    }

    .checkbox-container {
        position: relative;
    }

    .checkbox-box {
        border: 1px solid #ccc;
        background-color: #fff;
        cursor: pointer;
    }

    .checkbox-box.checked {
        background-color: #007bff;
        border-color: #007bff;
    }

    .hidden-checkbox {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }
</style>

@section('letter_title')
    <div class="title">
        <hr>
        <h4> <strong>PARCEL DISPATCH MANIFEST, DATE {{ $date }}</strong> </h4>
    </div>
    <table class="table-stripped-none" border='none'>
        <tr>
            <td>VEHICLE: <strong>{{ $vehicle }}</strong></td>
        </tr>
        <tr>
            <td>DRIVER: <strong>{{ strtoupper($driver) }}</strong></td>
        </tr>
        <tr>
            <td>HANDLER: <strong>{{ strtoupper($handler) }}</strong></td>
        </tr>
    </table>
@endsection

@section('content')
    <center>
        <table class="table1" border="1" style="font-size: 8px; width: 100%">
            <thead>
                <tr>
                    <th style="width:5%">S.N</th>
                    <th style="width:8%; white-space:nowrap">Pax No</th>
                    <th style="width:10%">Receipt</th>
                    <th style="width:12%">From</th>
                    <th style="width:10%">Destination</th>
                    <th style="width:17%">Consignor</th>
                    <th style="width:10%">Consignee</th>
                    <th style="width:7%">Quantity</th>
                    <th style="width:6%">Rate</th>
                    <th style="width:8%">Mark</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($parcels as $index => $parcel)
                    <tr>
                        <td>{{ $index + 1 }}</td>
                        <td>{{ $parcel->id }}</td>
                        <td>{{ $parcel->tracking_number }}</td>
                        <td>{{ $parcel->parcelInformation && $parcel->parcelInformation->originOffice && $parcel->parcelInformation->originOffice->branch ? $parcel->parcelInformation->originOffice->branch->name : '' }}</td>
                        <td>{{ $parcel->destinationOffice && $parcel->destinationOffice->branch->name ? $parcel->destinationOffice->branch->name : '' }}</td>
                        <td>{{ strtoupper($parcel->parcelInformation->sender->name) }}</td>
                        <td>{{ strtoupper($parcel->receiver ? $parcel->receiver->name : '') }}</td>
                        <td style="text-align:center">{{ $parcel->quantity }}</td>
                        <td style="text-align:right">{{ number_format($parcel->rate) }}</td>
                        <td style="text-align:center;">
                            <div class="checkbox-container">
                                <div class="checkbox-box" style="width: 30px; height: 30px;"></div>
                                <input type="checkbox" name="mark[]" value="{{ $parcel->id }}" class="hidden-checkbox">
                            </div>
                        </td>
                    </tr>
                @endforeach
            </tbody>
            <tfoot>
                <tr>
                    <th colspan="8" style="text-align: right"><b>TOTAL</b></th>
                    <th style="text-align: right">
                        <b>
                            @php
                                $total_rate_amount = collect($parcels)->sum('rate');
                                echo number_format($total_rate_amount);
                            @endphp
                        </b>
                    </th>
                </tr>
            </tfoot>
        </table>
    </center>
@endsection