@extends('layouts.app')

@section('content')
    <style>
        .audit-filter { margin: 18px 0; display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: end; }
        .field label { display: block; margin-bottom: 6px; font-weight: 500; }
        .field select { width: 100%; border: 1px solid #cfd8e3; border-radius: 8px; padding: 10px 12px; font: inherit; background: #fff; }
        .summary-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 16px 0; }
        .summary-chip { border: 1px solid var(--line); background: #fff; border-radius: 8px; padding: 14px; }
        .summary-chip strong { display: block; color: var(--blue); font-size: 26px; line-height: 1; margin-bottom: 6px; }
        .summary-chip span { color: var(--muted); }
        .section-card { margin-top: 18px; }
        .section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
        .section-head h2 { margin: 0; font-size: 22px; }
        .small-muted { color: var(--muted); font-size: 13px; }
        .issue-list { display: grid; gap: 10px; }
        .issue-item { border: 1px solid var(--line); border-radius: 8px; padding: 12px 14px; background: #fff; }
        .issue-item.warning { border-color: #fedf89; background: #fffbeb; }
        .issue-item.danger { border-color: #fecaca; background: #fff1f2; }
        .issue-title { font-weight: 700; margin-bottom: 4px; }
        .status-ok { border: 1px solid #bbf7d0; background: #f0fdf4; color: #166534; border-radius: 8px; padding: 12px 14px; }
        @media (max-width: 860px) {
            .audit-filter { grid-template-columns: 1fr; }
            .summary-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        }
        @media (max-width: 560px) {
            .summary-row { grid-template-columns: 1fr; }
        }
    </style>

    <div class="toolbar">
        <div>
            <h1 class="page-title">ตรวจสอบปีการศึกษา</h1>
            <p class="page-subtitle">เช็คความเรียบร้อยของห้องเรียน รายชื่อนักเรียน และสถานะจบการศึกษาหลังนำเข้าข้อมูลหรือเลื่อนชั้น</p>
        </div>
    </div>

    <form class="card audit-filter" method="get" action="{{ route('academic-year-audit.index') }}">
        <div class="field">
            <label for="academic_year_id">ปี/เทอมที่ต้องการตรวจสอบ</label>
            <select id="academic_year_id" name="academic_year_id">
                @foreach ($academicYears as $year)
                    <option value="{{ $year->id }}" @selected(optional($selectedYear)->id === $year->id)>{{ $year->label }}</option>
                @endforeach
            </select>
        </div>
        <button class="btn" type="submit">ตรวจสอบ</button>
    </form>

    @if (! $selectedYear)
        <div class="card">
            <strong>ยังไม่มีปีการศึกษา</strong>
            <p class="page-subtitle" style="margin-top:6px;">เพิ่มปี/เทอมก่อน แล้วค่อยเริ่มสร้างห้องหรือ import นักเรียน</p>
        </div>
    @else
        <div class="summary-row">
            <div class="summary-chip"><strong>{{ $summary['classrooms'] }}</strong><span>ห้องเรียน</span></div>
            <div class="summary-chip"><strong>{{ $summary['assigned_students'] }}</strong><span>นักเรียนที่จัดห้องแล้ว</span></div>
            <div class="summary-chip"><strong>{{ $summary['graduated'] }}</strong><span>จบการศึกษา</span></div>
            <div class="summary-chip"><strong>{{ $summary['issues'] }}</strong><span>รายการที่ควรตรวจ</span></div>
        </div>

        <div class="card section-card">
            <div class="section-head">
                <div>
                    <h2>รายการที่ควรตรวจ</h2>
                    <div class="small-muted">{{ $selectedYear->label }}</div>
                </div>
            </div>

            @if ($issues->isEmpty())
                <div class="status-ok">ไม่พบประเด็นที่ต้องตรวจสอบ ข้อมูลปี/เทอมนี้ดูเรียบร้อยดี</div>
            @else
                <div class="issue-list">
                    @foreach ($issues as $issue)
                        <div class="issue-item {{ $issue['level'] }}">
                            <div class="issue-title">{{ $issue['title'] }}</div>
                            <div>{{ $issue['detail'] }}</div>
                        </div>
                    @endforeach
                </div>
            @endif
        </div>

        <div class="card section-card">
            <div class="section-head">
                <div>
                    <h2>ห้องเรียนในปีนี้</h2>
                    <div class="small-muted">ใช้เช็คว่าห้องครบและจำนวนนักเรียนใกล้เคียงกับที่คาดไว้ไหม</div>
                </div>
            </div>

            <div class="table-wrap">
                <table>
                    <thead>
                        <tr>
                            <th>ห้องเรียน</th>
                            <th>ครูที่ปรึกษา</th>
                            <th>จำนวนนักเรียน</th>
                            <th style="width:120px;"></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($classroomRows as $row)
                            <tr>
                                <td>{{ $row['classroom']->name }}</td>
                                <td>{{ $row['advisor'] ?? '-' }}</td>
                                <td>{{ $row['students_count'] }}</td>
                                <td><a class="btn secondary" href="{{ route('classrooms.show', $row['classroom']) }}">เปิดดู</a></td>
                            </tr>
                        @empty
                            <tr><td colspan="4">ยังไม่มีห้องเรียนในปี/เทอมนี้</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <div class="card section-card">
            <div class="section-head">
                <div>
                    <h2>นักเรียนจบการศึกษา</h2>
                    <div class="small-muted">ส่วนนี้ใช้ดูเด็กที่ไม่ได้จัดเข้าห้องปลายทาง เช่น ม.3 ที่ไม่เรียนต่อ หรือ ม.6 ที่จบการศึกษา</div>
                </div>
            </div>

            <div class="table-wrap">
                <table>
                    <thead>
                        <tr>
                            <th>เลขประจำตัว</th>
                            <th>นักเรียน</th>
                            <th>ห้องเดิม</th>
                            <th>สถานะ</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($graduatedStatuses as $status)
                            <tr>
                                <td>{{ $status->student->student_code ?? '-' }}</td>
                                <td>{{ $status->student->full_name ?? '-' }}</td>
                                <td>{{ $status->sourceClassroom->name ?? '-' }}</td>
                                <td>{{ \App\Models\StudentAcademicStatus::labels()[$status->status] ?? $status->status }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="4">ยังไม่มีรายการจบการศึกษาในปี/เทอมนี้</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    @endif
@endsection