@section('title', 'No Poverty 1| GIU')
@extends('front.new.layouts.app')
@section('content')
    <style>
        .main-title {
            text-align: center;
            font-weight: 700;
            color: #dc3545;
            margin-bottom: 40px;
        }

        .box {
            max-width: 700px;
            margin: 0 auto 30px auto;
            padding: 25px 30px;
            border: 1px solid #e6e6e6;
            border-radius: 12px;
            background: #fff;
            text-align: center;
            transition: 0.25s;
        }

        .box:hover {
            box-shadow: 0 8px 24px rgba(220,53,69,0.12);
            transform: translateY(-3px);
        }

        .section-title {
            font-size: 22px;
            font-weight: 600;
            color: #dc3545;
            margin-bottom: 20px;
        }

        .link-item {
            display: block;
            padding: 10px;
            color: #000;
            font-weight: 500;
            text-decoration: none;
            border-bottom: 1px solid #f4f4f4;
            transition: 0.2s;
        }

        .link-item:last-child {
            border-bottom: none;
        }

        .link-item:hover {
            color: #dc3545;
            padding-left: 5px;
        }
    </style>
{{-- Bnanner--}}
<div id="carouselExampleIndicators" class="carousel slide banner-margin-top" data-bs-ride="carousel" data-bs-interval="3000">
    <div class="carousel-inner">
        <div class="carousel-item active">
            <img src="{{ asset('front/new/img/sdgs/banners/no_poverty.png') }}" class="d-block w-100" alt="First slide">
        </div>
    </div>

</div>
    <div class="container py-5">

        <!-- MAIN TITLE -->
        <h2 class="main-title">
            Proportion of Students Receiving Financial Aid <br>to Attend University Because of Poverty
        </h2>

        <!-- BOX 1 -->
        <div class="box">
            <div class="section-title">Low Income Students Receiving Financial Aid</div>

            <a href="{{ route('poverty.indicator_low_income_aid') }}" class="link-item">
                 Low Income Students Receiving Financial Aid
            </a>
        </div>

        <!-- BOX 2 -->
        <div class="box">
            <div class="section-title">University Anti-poverty Programmes</div>

            <a href="{{ route('poverty.bottom_quintile_admission') }}" class="link-item">
                Bottom financial quintile admission target
            </a>
            <a href="{{ route('poverty.bottom_quintile_success') }}" class="link-item">
                Bottom financial quintile student success
            </a>
            <a href="{{ route('poverty.low_income_student_support') }}" class="link-item">
                Low-income student support
            </a>
            <a href="{{ route('poverty.bottom_quintile_student_support') }}" class="link-item">
                Bottom financial quintile student support
            </a>
            <a href="{{ route('poverty.low_lower_middle_income_support') }}" class="link-item">
                Low or lower-middle income countries student support
            </a>
        </div>

        <!-- BOX 3 -->
        <div class="box">
            <div class="section-title">Community Anti-poverty Programmes</div>

            <a href="{{ route('poverty.local_startup_assistance') }}" class="link-item">
                Local start-up assistance
            </a>
            <a href="{{ route('poverty.local_startup_financial') }}" class="link-item">
                Local start-up financial assistance
            </a>
            <a href="{{ route('poverty.services_access') }}" class="link-item">
                Programmes for services access
            </a>
            <a href="{{ route('poverty.policy') }}" class="link-item">
                Policy addressing poverty
            </a>
        </div>
        <!-- BOX 4 -->
        <div class="box">
            <div class="section-title">External SDG-AUDIT Report 2024</div>

            <a href="{{ route('external-sdg-audit-report-2024') }}" class="link-item">
                External SDG Audit Report
            </a>
        </div>
    </div>
@endsection
@push('js')
@endpush