@if (!empty($data))
<table class="table table-hover text-nowrap">
    <tr><td colspan="8">{{ $headers }}</td></tr>
    <tbody>
        @foreach ($data as $key => $report)
        <tr>
            <td colspan="5" class="font-weight-bold"><b>{{ $key }}</b></td>
        </tr>
        <tr>
            <td>Terminal ID</td>
            <td>Date</td>
            <td>Sign on</td>
            <td>Sign off</td>
            <td>Sales</td>
        </tr>
        @foreach ($report as $rep)
        <tr>
            <td>{{ $rep['terminal'] }}</td>
            <td>{{ $rep['date'] }}</td>
            <td><span class="text-danger">{{ $rep['is_late_signon'] ? '*' : '' }}</span> {{ $rep['signon'] ? $rep['signon'] : '*__:__'}}</td>
            <td><span class="text-danger">{{ $rep['is_early_signoff'] ? '#' :'' }}</span> {{ $rep['signoff'] ? $rep['signoff'] : '#__:__' }}</td>
            <td align="right">{{ number_format($rep['amount'],2,'.',',') }}</td>
        </tr>
        @endforeach
        @endforeach
    </tbody>
    <tr>
        <td colspan="5" class="small">Note:<br>
            [ * ] = SSK late Sign On [ # ] = SSK early Sign off<br>
            [ --:-- ] = SSK not Sign On / Sign Off
        </td>
    </tr>
    <tr>
        <td colspan="5" class="small">
            Please refer to Agency Operating Hours as follow:
        </td>
    </tr>
    <tr>
        <td>Day</td>
        <td>Operating hours</td>
        <td>Things to note</td>
    </tr>
    <tr>
        <td>Monday</td>
        <td>9am - 2pm</td>
        <td>-</td>
    </tr>
    <tr>
        <td>Tuesday</td>
        <td>9am - 5pm</td>
        <td>8am - 7pm if it's a Special Draw Day</td>
    </tr>
    <tr>
        <td>Wednesday</td>
        <td>8am - 7pm</td>
        <td>Draw day</td>
    </tr>
    <tr>
        <td>Thursday</td>
        <td>Official rest day</td>
        <td>Some outlets may choose to operate, usually from 9am - 2pm</td>
    </tr>
    <tr>
        <td>Friday</td>
        <td>9am - 5pm</td>
        <td>-</td>
    </tr>
    <tr>
        <td>Saturday</td>
        <td>8am - 7pm</td>
        <td>Draw day</td>
    </tr>
    <tr>
        <td>Sunday</td>
        <td>8am - 7pm</td>
        <td>Draw Day</td>
    </tr>
</table>
@else
<p class="text-center">No data found</p>
@endif