@extends('layouts.app')

@section('title', 'Scholarships & Awards - ' . $siteContext->name)

@section('content')
    <!-- breadcrumb -->
    <div class="site-breadcrumb" style="background-image: url('{{ asset('assets/img/breadcrumb/breadcrumb.jpg') }}'); background-size: cover; background-position: center; padding: 80px 0;">
        <div class="container text-center text-white">
            <h2 class="breadcrumb-title text-white">Scholarships & Awards</h2>
            <ul class="breadcrumb-menu d-flex justify-content-center list-unstyled gap-2 mt-2">
                <li><a href="{{ route('home') }}" class="text-white">Home</a></li>
                <li class="text-white">/</li>
                <li class="text-white">Admissions</li>
                <li class="text-white">/</li>
                <li class="active text-white">Scholarships</li>
            </ul>
        </div>
    </div>
    <!-- breadcrumb end -->

    <!-- scholarships section -->
    <div class="scholarships-area py-120">
        <div class="container">
            <div class="row align-items-center g-5 mb-5">
                <div class="col-lg-7">
                    <div class="scholarships-intro">
                        <span class="site-title-tagline"><i class="far fa-book-open-reader"></i> Financial Assistance</span>
                        <h2 class="site-title mb-4">Rewarding <span>Excellence</span> & Supporting Talent</h2>
                        <p class="text-justify mb-3">
                            At <strong>{{ $siteContext->name }}</strong>, we believe that financial challenges should never stand in the way of academic potential. We provide a generous array of scholarships to reward merit, encourage competitive academic spirits, and support talented or disadvantaged students.
                        </p>
                        <p class="text-justify mb-0">
                            Our scholarships cover a significant portion of tuition fees and are awarded based on both SEE Board performance and entrance exam outcomes. Review our structured categories below.
                        </p>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="card border-0 shadow-sm p-4 bg-light text-center border rounded">
                        <i class="fal fa-trophy-alt text-primary fs-1 mb-3"></i>
                        <h4 class="fw-bold mb-2">Prativa Ratna Award</h4>
                        <p class="text-muted small mb-0">
                            Our most prestigious academic accolade. Awarded along with a certificate to students who achieve the highest aggregate scores in the NEB +2 final evaluations.
                        </p>
                    </div>
                </div>
            </div>

            <!-- Scholarship Streams -->
            <div class="row g-5 mt-5">
                <!-- Science Stream Table -->
                <div class="col-lg-6">
                    <div class="card border-0 shadow-sm p-4 rounded h-100">
                        <h4 class="fw-bold mb-3 text-primary"><i class="fal fa-atom me-2"></i> Science Stream Criteria</h4>
                        <div class="table-responsive">
                            <table class="table table-hover align-middle mb-0">
                                <thead class="table-light">
                                    <tr>
                                        <th>Eligibility Criteria</th>
                                        <th>Tuition Waiver</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>SEE Excellence (Board Toppers - B/G)</td>
                                        <td><span class="badge bg-success text-white">100% Tuition Fee*</span></td>
                                    </tr>
                                    <tr>
                                        <td>SEE Excellence (Prativa Toppers - B/G)</td>
                                        <td><span class="badge bg-success text-white">100% Tuition Fee*</span></td>
                                    </tr>
                                    <tr>
                                        <td>Entrance Exam Topper (B/G)</td>
                                        <td><span class="badge bg-success text-white">100% Tuition Fee</span></td>
                                    </tr>
                                    <tr>
                                        <td>Government School Merit Topper (B/G)</td>
                                        <td><span class="badge bg-success text-white">100% Tuition Fee</span></td>
                                    </tr>
                                    <tr>
                                        <td>Entrance Exam Merit (Top 5 Ranked)</td>
                                        <td><span class="badge bg-info text-white">50% Tuition Fee</span></td>
                                    </tr>
                                    <tr>
                                        <td>Needy, Talented & Differently-Abled</td>
                                        <td><span class="badge bg-secondary text-white">20% - 100% Waiver*</span></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <!-- Management Stream Table -->
                <div class="col-lg-6">
                    <div class="card border-0 shadow-sm p-4 rounded h-100">
                        <h4 class="fw-bold mb-3 text-primary"><i class="fal fa-briefcase me-2"></i> Management / HM Stream</h4>
                        <div class="table-responsive">
                            <table class="table table-hover align-middle mb-0">
                                <thead class="table-light">
                                    <tr>
                                        <th>Eligibility Criteria</th>
                                        <th>Tuition Waiver</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>SEE Excellence (Board Toppers - B/G)</td>
                                        <td><span class="badge bg-success text-white">100% Tuition Fee*</span></td>
                                    </tr>
                                    <tr>
                                        <td>SEE Excellence (Prativa Toppers - B/G)</td>
                                        <td><span class="badge bg-success text-white">100% Tuition Fee*</span></td>
                                    </tr>
                                    <tr>
                                        <td>Entrance Exam Topper (B/G)</td>
                                        <td><span class="badge bg-success text-white">100% Tuition Fee</span></td>
                                    </tr>
                                    <tr>
                                        <td>Government School Merit Topper (B/G)</td>
                                        <td><span class="badge bg-success text-white">100% Tuition Fee</span></td>
                                    </tr>
                                    <tr>
                                        <td>Entrance Exam Merit (Top 5 Ranked)</td>
                                        <td><span class="badge bg-info text-white">50% Tuition Fee</span></td>
                                    </tr>
                                    <tr>
                                        <td>Needy, Talented & Differently-Abled</td>
                                        <td><span class="badge bg-secondary text-white">20% - 100% Waiver*</span></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Conditions Callout -->
            <div class="row mt-4">
                <div class="col-12 text-center">
                    <p class="text-muted small">
                        * Note: <em>B/G</em> indicates separate quotas for Boys and Girls. Terms and conditions apply based on regular terminal evaluation results.
                    </p>
                </div>
            </div>

            <!-- Awards Highlight -->
            <div class="row mt-5 pt-5 border-top align-items-center g-5">
                <div class="col-lg-6">
                    <div class="awards-details">
                        <span class="site-title-tagline"><i class="far fa-book-open-reader"></i> Recognition</span>
                        <h2 class="site-title mb-4">Academic <span>Incentives</span> & Honors</h2>
                        <p class="text-justify mb-4">
                            Excellence at {{ $siteContext->name }} does not go unnoticed. We motivate students to excel in their academic performance through term-based awards and tuition waivers.
                        </p>
                        
                        <div class="award-item-row d-flex align-items-start gap-3 mb-4">
                            <div class="icon bg-light-primary text-primary p-3 rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
                                <i class="fal fa-sparkles fs-4"></i>
                            </div>
                            <div>
                                <h5 class="fw-bold mb-1">Subsequent Term Waivers</h5>
                                <p class="text-muted mb-0">Grade XI and XII toppers receive 100% tuition waivers for the following term to maintain high academic momentum.</p>
                            </div>
                        </div>

                        <div class="award-item-row d-flex align-items-start gap-3">
                            <div class="icon bg-light-primary text-primary p-3 rounded-circle d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
                                <i class="fal fa-medal fs-4"></i>
                            </div>
                            <div>
                                <h5 class="fw-bold mb-1">Prativa Ratna Excellence</h5>
                                <p class="text-muted mb-0">Aggregate batch toppers are honored with medallions and character citations during public ceremonies.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="image-box position-relative rounded shadow overflow-hidden border">
                        <img src="{{ asset('assets/img/about/01.jpg') }}" alt="Awards Ceremony" class="img-fluid w-100">
                        <div class="bg-primary bg-opacity-75 position-absolute bottom-0 start-0 w-100 p-4 text-white">
                            <h5 class="text-white fw-bold mb-1">Motivating Future Builders</h5>
                            <p class="text-white opacity-75 small mb-0">Continuous support is provided to boost students' professional careers.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- scholarships section end -->
@endsection