{{-- resources/views/school/transcripts/preview.blade.php --}}
@extends('layouts.app')
@section('title', 'Transcript Preview')
@section('breadcrumb', 'Transcripts › ' . $student->full_name)

@section('content')
<div class="row justify-content-center">
<div class="col-lg-8">

<div class="card table-card">
    <div class="card-header py-3 d-flex justify-content-between align-items-center"
         style="background:#f8fff9;">
        <div>
            <h5 class="fw-bold mb-0" style="color:#0f3d23;">
                <i class="bi bi-file-earmark-text me-2" style="color:#c9a94d;"></i>Academic Transcript Preview
            </h5>
            <small class="text-muted">{{ $student->full_name }} — {{ $student->mcss_student_id }}</small>
        </div>
        <span class="badge px-3 py-2" style="background:#e8f5ee; color:#0f3d23; font-size:.85rem;">
            Cumulative GPA: {{ $history['cumulative_gpa'] ?? '—' }}
            ({{ $history['gpa_class'] ?? '—' }})
        </span>
    </div>

    <div class="card-body p-4">

        {{-- Schools attended --}}
        <div class="mb-3" style="font-size:.83rem;">
            <strong>Schools attended:</strong>
            {{ implode(' → ', $history['schools_attended']) }}
        </div>

        {{-- Session blocks --}}
        @foreach($history['history'] as $session)
        <div class="border rounded mb-3 overflow-hidden">
            <div class="px-3 py-2 d-flex justify-content-between align-items-center"
                 style="background:#f0f4ff; border-bottom:1px solid #ddd;">
                <div>
                    <span class="fw-bold">{{ $session['session'] }}</span> —
                    <span>{{ $session['class'] }}</span>
                    <span class="badge bg-secondary ms-2" style="font-size:.72rem;">{{ $session['school_code'] }}</span>
                </div>
                @if($session['session_gpa'])
                <span class="badge" style="background:#e8f5ee; color:#1a6b3c;">
                    Session GPA {{ $session['session_gpa'] }}
                </span>
                @endif
            </div>
            @foreach($session['terms'] as $term)
            <div class="px-3 pt-2 pb-1">
                <div style="font-size:.8rem; font-weight:600; color:#555; margin-bottom:4px;">
                    {{ $term['term_name'] }}
                    @if($term['term_gpa']) — GPA: <span style="color:#1a6b3c;">{{ $term['term_gpa'] }}</span> @endif
                </div>
                <div class="table-responsive">
                    <table class="table table-sm table-bordered mb-2" style="font-size:.78rem;">
                        <thead class="table-dark">
                            <tr><th>Subject</th><th>CA1</th><th>CA2</th><th>Exam</th><th>Total</th><th>Grade</th><th>Remark</th></tr>
                        </thead>
                        <tbody>
                            @foreach($term['subjects'] as $s)
                            <tr @if($s['is_absent']) class="table-warning" @endif>
                                <td>{{ $s['subject'] }}</td>
                                <td>{{ $s['ca1'] ?? '—' }}</td>
                                <td>{{ $s['ca2'] ?? '—' }}</td>
                                <td>{{ $s['is_absent'] ? 'ABS' : ($s['exam'] ?? '—') }}</td>
                                <td class="fw-bold">{{ $s['total'] ?? '—' }}</td>
                                <td class="fw-bold" style="color:{{ $s['grade'] === 'F' ? '#c62828' : '#1a6b3c' }}">
                                    {{ $s['grade'] ?? '—' }}
                                </td>
                                <td class="text-muted">{{ $s['remark'] ?? '—' }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            @endforeach
        </div>
        @endforeach

        {{-- Generate form --}}
        <div class="border-top pt-4">
            <h6 class="fw-bold mb-3">Issue Official Transcript (PDF)</h6>
            <form action="{{ route('school.transcripts.generate', $student) }}" method="POST" target="_blank">
                @csrf
                <div class="input-group" style="max-width:500px;">
                    <input type="text" name="purpose" class="form-control"
                           placeholder="Purpose, e.g. University Admission, Employment…" required>
                    <button type="submit" class="btn" style="background:#1a6b3c; color:#fff;">
                        <i class="bi bi-file-earmark-arrow-down me-1"></i>Download PDF
                    </button>
                </div>
                <div class="form-text mt-1">
                    A tamper-proof verification code will be embedded in the PDF.
                </div>
            </form>

            <div class="mt-3">
                <a href="{{ route('school.transcripts.history', $student) }}"
                   class="btn btn-sm btn-outline-secondary" style="border-radius:6px;">
                    <i class="bi bi-clock-history me-1"></i>View Issuance History
                </a>
            </div>
        </div>
    </div>
</div>

</div>
</div>
@endsection