{{-- Sample weekly timetable used by the Scheduling and portal mockups. --}}
@php
    $ttRows = [
        ['7:30 AM', '8:30 AM', '60 min', [
            ['c5', 'Flag Ceremony', 'Room 101', ''],
            ['c1', 'Effective Comm.', '1 hr · Room 101', 'M. Santos'],
            ['c3', 'General Math', '1 hr · Room 101', 'J. Reyes'],
            ['c1', 'Effective Comm.', '1 hr · Room 101', 'M. Santos'],
            ['c3', 'General Math', '1 hr · Room 101', 'J. Reyes'],
        ]],
        ['8:30 AM', '9:30 AM', '60 min', [
            ['c4', 'General Science', '1 hr · Science Lab', 'A. Cruz'],
            ['c3', 'General Math', '1 hr · Room 101', 'J. Reyes'],
            null,
            ['c4', 'General Science', '1 hr · Science Lab', 'A. Cruz'],
            ['c6', 'Life & Career', '1 hr · Room 101', 'C. Mendoza'],
        ]],
        'Recess',
        ['9:45 AM', '10:45 AM', '60 min', [
            ['c6', 'Life & Career', '1 hr · Room 101', 'C. Mendoza'],
            null,
            ['c4', 'General Science', '1 hr · Science Lab', 'A. Cruz'],
            null,
            ['c2', 'PE and Health', '1 hr · Gym', 'R. Garcia'],
        ]],
    ];
@endphp
<div class="ss-tt-wrap">
    <table class="ss-tt">
        <tr>
            <th class="tcol">Start</th><th class="tcol">End</th>
            <th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th>
        </tr>
        @foreach ($ttRows as $row)
            @if (is_string($row))
                <tr><td class="tcol">9:30</td><td class="tcol">9:45</td><td class="break" colspan="5">{{ $row }}</td></tr>
            @else
                <tr>
                    <td class="tcol">{{ $row[0] }}<span class="ss-sub">{{ $row[2] }}</span></td>
                    <td class="tcol">{{ $row[1] }}</td>
                    @foreach ($row[3] as $cell)
                        <td>
                            @if ($cell)
                                <div class="ss-cell {{ $cell[0] }}"><b>{{ $cell[1] }}</b><span class="m">{{ $cell[2] }}</span>@if ($cell[3])<br><span class="m">{{ $cell[3] }}</span>@endif</div>
                            @else
                                <div class="ss-cell empty">Available</div>
                            @endif
                        </td>
                    @endforeach
                </tr>
            @endif
        @endforeach
    </table>
</div>