<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vehicle Entry 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;
        }

        .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 vehicle entry data available.</p>
        @else
            <table>
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Plant Name</th>
                        <th>Vehicle Number</th>
                        <th>Boom Opened</th>
                        <th>Entry Time</th>
                        <th>Exit Time</th>
                        <th>Duration</th>
                        <th>Type</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($tableData as $row)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ $row['plant'] }}</td>
                        <td>{{ $row['vehicleNumber'] }}</td>
                        <td>{{ $row['boom'] }}</td>
                        <td>{{ $row['entryTime'] }}</td>
                        <td>{{ $row['exitTime'] }}</td>
                        <td>{{ $row['duration'] }}</td>
                        <td>{{ $row['type'] }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        @endif
        <p>{!! $wishes !!}</p>
    </div>
</body>
</html>
