@extends('pdf.layout')

@section('content')
    <style>
        .courses-table {
            width: 100%;
            border: none;
            border-collapse: collapse;
            font-size: 12px;
            margin-bottom: 20px;
            page-break-inside: auto;
        }

        .courses-table th {
            background-color: #f2f2f2;
            border: 1px solid #000;
            padding: 8px;
            text-align: left;
            font-weight: bold;
        }

        .courses-table td {
            border: 1px solid #000;
            padding: 8px;
            text-align: left;
        }

        .courses-table tbody tr:nth-child(even) {
            background-color: #f9f9f9;
        }

        h3 {
            margin-top: 25px;
            margin-bottom: 5px;
            font-size: 14px;
            font-weight: bold;
        }

        .course-headers th {
            background-color: #ffffff;
            color: rgb(35, 50, 87);
            padding: 6px 8px;
            text-align: center;
            font-weight: bold;
            font-size: 13px;
            border-bottom: none;
        }

        .course-row td {
            padding: 6px 8px;
            text-align: center;
            color: rgb(35, 50, 87);
            font-weight: normal;
            width: 16.66%;
            background-color: #ffffff;

        }

        .school_label {
            font-size: 13px;
            color: rgb(35, 50, 87);
            margin-bottom: 15px;
        }

        .info-line {
            margin: 2px 0;
            color: rgb(35, 50, 87);
        }

        .header {
            font-size: 20px;
            text-align: center;
            margin-bottom: 15px;
            color: rgb(35, 50, 87);
        }
    </style>

    <div class="header">
        <p>
            <strong>Course Catalog</strong>
        </p>
    </div>

    <table class="student-info" width="100%">
        <tr>
            <td class="left">
                <p class="info-line">
                    <strong>School code:</strong>
                    {{ $institution->code }}
                </p>
                <p class="info-line">
                    <strong>School name:</strong>
                    {{ $institution->name }}
                </p>

                <p class="info-line">
                    <strong>Academic Year:</strong>
                    {{ \Carbon\Carbon::parse($academicPeriod->start_date)->format('Y') }} -
                    {{ \Carbon\Carbon::parse($academicPeriod->end_date)->format('Y') }}
                </p>
            </td>
            <td class="right">
                <p class="info-line"><strong>Data accurate as of:</strong> {{ \Carbon\Carbon::now()->format('m/d/Y') }}</p>
            </td>
        </tr>
    </table>

    @php
        $schoolLevelLabels = [
            'elementary_school' => 'Elementary School',
            'middle_school' => 'Middle School',
            'high_school' => 'High School',
        ];
    @endphp

    @foreach (['elementary_school', 'middle_school', 'high_school'] as $schoolLevelKey)
        @if (!empty($courses[$schoolLevelKey]))
            @php
                $coursesInLevel = $courses[$schoolLevelKey];
            @endphp

            <h3 class="school_label">{{ $schoolLevelLabels[$schoolLevelKey] ?? $schoolLevelKey }}</h3>

            <table class="courses-table" width="100%">
                <thead>
                    <tr class="course-headers">
                        <th>Incoming course</th>
                        <th>Transferred course</th>
                        <th>Grade level</th>
                        <th>Credits</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($coursesInLevel as $course)
                        <tr class="course-row">
                            <td>{{ $course->incoming_name ?? 'N/A' }}</td>
                            <td>{{ $course->title ?? 'N/A' }}</td>
                            <td>{{ $course->grade->name ?? 'N/A' }}</td>
                            <td>{{ $course->credits ?? 'N/A' }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        @endif
    @endforeach
@endsection