@extends('layouts.frontend')

@section('title', 'Examination Results - Kidscholl Academy')

@section('content')
    <!-- Page Header -->
    <section class="page-header text-center">
        <div class="container">
            <h1 class="page-header-title">Results Notices</h1>
            <p class="lead text-muted">Official updates regarding exams, grades, and terminal reports announcements.</p>
        </div>
    </section>

    <!-- Results Notices Grid -->
    <section class="section-padding bg-white pt-0">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    @forelse($resultNotices as $notice)
                        <div class="kids-card card p-4 mb-4 border-start border-5 border-success">
                            <div class="d-flex justify-content-between align-items-center mb-3">
                                <span class="badge bg-success kids-badge text-white">Results Notice</span>
                                <small class="text-muted"><i class="bi bi-calendar3"></i> {{ \Carbon\Carbon::parse($notice->created_at)->format('d F Y') }}</small>
                            </div>
                            <h3 class="text-success mb-2">{{ $notice->title }}</h3>
                            <p class="text-muted">{{ $notice->description }}</p>
                            @if($notice->attachment_path)
                                <a href="{{ asset('storage/' . $notice->attachment_path) }}" class="btn btn-sm btn-outline-success" download>
                                    <i class="bi bi-file-earmark-pdf-fill"></i> Download Result Schedule PDF
                                </a>
                            @endif
                        </div>
                    @empty
                        <div class="kids-card card p-5 text-center bg-light">
                            <div class="fs-1 text-muted"><i class="bi bi-file-earmark-spreadsheet"></i></div>
                            <h4 class="mt-3 text-dark">No Results Published Yet</h4>
                            <p class="text-muted small">All term-wise and section report notifications will display here. Parents should login to their Parent Portal account to view and download specific student report sheets under the "Result Cards" section.</p>
                            <a href="{{ route('parent.login') }}" class="btn btn-kids-primary align-self-center mt-3">Parent Portal Login</a>
                        </div>
                    @endforelse
                </div>

                <div class="col-lg-4">
                    <div class="p-4 bg-light rounded-4 shadow-sm border mb-4">
                        <h5 class="text-dark mb-3"><i class="bi bi-info-circle-fill text-danger me-2"></i> Report Cards Access</h5>
                        <p class="text-muted small">As per kids privacy regulations, individual scores, class grade comparisons, and teacher comments are not shared publicly. Parents can download report cards by navigating to:</p>
                        <ol class="small text-muted ps-3">
                            <li class="mb-1">Go to Parent Portal</li>
                            <li class="mb-1">Authenticate with OTP</li>
                            <li class="mb-1">Go to "Result Cards" tab</li>
                            <li class="mb-0">Click Download</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection