@extends('layouts.pdf-layout')

<style>
    /* Ensure proper page breaks */
    table {
        page-break-inside: auto;
    }
    
    tr {
        page-break-inside: avoid;
        page-break-after: auto;
    }

    thead {
        display: table-header-group;
    }

    tfoot {
        display: table-footer-group;
    }

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

    .box {
        width: 330px;
        height: 330px;
        border: 1px solid #ccc;
        background-color: #fff;
    }

    /* Checkbox container */
    .checkbox-container {
        position: relative;
    }

    .checkbox-box {
        border: 1px solid #ccc;
        background-color: #fff;
        width: 30px;
        height: 30px;
        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>SUB ROUTE 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;">
            <thead>
                <tr>
                    <th style="width:5%">S.N</th>
                    <th style="width:6%; white-space:nowrap">Pax No</th>
                    <th style="width:10%">Receipt</th>
                    <th style="width:10%">Origin</th>
                    <th style="width:10%">Destination</th>
                    <th style="width:15%">Consignor</th>
                    <th style="width:15%">Consignee</th>
                    <th style="width:5%">Quantity</th>
                    <th style="width:7%">Amount</th>
                    <th style="width:10%">Mark</th>
                    <th style="width:15%">Sign</th>
                </tr>
            </thead>

            <tbody>
                @foreach ($groupedParcels as $route => $parcels)
                    <tr style="page-break-before: always;">
                        <td colspan="10" style="text-align:center; background-color: #f1f1f1; font-weight: bold;">
                            {{ $route }}
                        </td>
                    </tr>

                    @php
                        $rowspan = count($parcels);
                    @endphp

                    @foreach ($parcels as $index => $parcel)
                        <tr>
                            <td>{{ $loop->iteration }}</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 ? $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"></div>
                                    <input type="checkbox" name="mark[]" value="{{ $parcel->id }}" class="hidden-checkbox">
                                </div>
                            </td>

                            {{-- Add rowspan only on the first parcel of a route --}}
                            @if ($loop->first)
                                <td rowspan="{{ $rowspan }}" style="text-align:center;">
                                    _____________
                                </td>
                            @endif
                        </tr>
                    @endforeach
                @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($groupedParcels)->flatten()->sum('rate');
                                echo number_format($total_rate_amount);
                            @endphp
                        </b>
                    </th>
                </tr>
            </tfoot>
        </table>
    </center>
@endsection