<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Invoice Data Report</title>
    <style>
        body {
            font-family: 'Segoe UI', Arial, sans-serif;
            background-color: #f9fafb;
            color: #333;
            margin: 0;
            padding: 0;
        }
        h2 {
            color: #215c98;
            text-align: center;
            margin-bottom: 20px;
        }
        table {
            border-collapse: collapse;
            width: 100%;
            font-size: 14px;
            white-space: nowrap !important;
        }
        th, td {
            border: 1px solid #020813da;
            padding: 8px 10px;
            text-align: center;
            white-space: nowrap !important;
            text-overflow: ellipsis;
        }
        .td-left {
            text-align: left !important;
        }
        th {
            background-color: #215c98;
            color: #fff;
            white-space: nowrap !important;
        }
        tr:nth-child(even) {
            background-color: #f3f4f6;
        }
        .status-wentout {
            color: #10b981;
            font-weight: bold;
        }
        /* .status-pending {
            color: #ef4444;
            font-weight: bold;
        } */
        .status-pending-yellow {
        color: #eab308;
        font-weight: bold;
        }
        .status-pending-red {
            color: #ef4444;
            font-weight: bold;
        }
        .footer {
            text-align: center;
            font-size: 13px;
            color: #6b7280;
            margin-top: 30px;
        }
    </style>
</head>
<body>
    <div style="text-align: center; font-weight: bold;">
        {{ $company }}
    </div>
    <br>
    <p>{!! $greeting !!}</p>
    <div class="container">
        @if(empty($tableData))
            <p style="text-align:center;">No invoice in transit data available.</p>
        @else
            <table>
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Receiving Plant Code</th>
                        <th>Plant Name</th>
                        <th>Receiving Plant Name</th>
                        <th>Invoice Number</th>
                        <th>Transport Name</th>
                        <th>LR Number</th>
                        <th>LR Date</th>
                        <th>Transit Days</th>
                        <th>Overdue Days</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($tableData as $row)
                    <tr>
                        <td>{{ $row['no'] }}</td>
                        <td>{{ $row['receiving_plant'] }}</td>
                        <td>{{ $row['plant'] }}</td>
                        <td>{{ $row['receiving_plant_name'] }}</td>
                        <td>{{ $row['invoice_number'] }}</td>
                        <td class="td-left">{{ $row['transport_name'] }}</td>
                        <td>{{ $row['lr_bl_aw_number'] }}</td>
                        <td>
                            @if(!empty($row['lr_bl_aw_date']) && $row['lr_bl_aw_date'] != '-')
                                {{ \Carbon\Carbon::parse($row['lr_bl_aw_date'])->format('d-M-Y') }}
                            @else
                                -
                            @endif
                        </td>
                        {{-- <td>{{ $row['lr_bl_aw_date'] }}</td> --}}
                        <td>{{ $row['transit_days'] }}</td>
                        <td>{{ $row['status'] }}</td>

                        {{-- <td class="{{ $row['status_class'] ?? '' }}">
                            {{ $row['status'] }}
                        </td> --}}
                    </tr>
                @endforeach
                </tbody>
            </table>
        @endif
        <p>{!! $wishes !!}</p>
    </div>
</body>
</html>
