@extends('layouts.app')

@section('content')

{{-- Google Fonts --}}
@push('styles')
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap" rel="stylesheet">
<style>
    body {
        font-family: 'Poppins', sans-serif;
    }
</style>
@endpush

<div class="container py-4">

    <!-- Success Tip Box -->
    <div class="alert alert-success text-center fw-semibold">
        <strong>Tip:</strong> Please ensure that all your courses for the entire semester have been successfully registered.
    </div>

    <!-- Dashboard Tiles -->
    <div class="row g-4">
        @php
            $tiles = [
                ['title' => 'Semester Registration', 'desc' => 'Register for the current semester.', 'btn' => 'Start Registration', 'route' => 'student.registration', 'bg' => '#FFA500', 'btnclass' => 'btn-success'],
                ['title' => 'Registered Programme', 'desc' => 'View your registered programme details.', 'btn' => 'View Programme', 'route' => 'student.programmes', 'bg' => '#007bff', 'btnclass' => 'btn-outline-light'],
                ['title' => 'My Results', 'desc' => 'Check your exam results.', 'btn' => 'View Results', 'route' => 'student.results', 'bg' => '#FFD700', 'btnclass' => 'btn-success'],
                ['title' => 'Fees Balance', 'desc' => 'View your current balance.', 'btn' => '$0.00 → View Statement', 'route' => 'student.statement', 'bg' => '#FF6347', 'btnclass' => 'btn-danger'],
                ['title' => 'Coursework', 'desc' => 'Track your coursework.', 'btn' => 'View Coursework', 'route' => 'student.coursework', 'bg' => '#20B2AA', 'btnclass' => 'btn-primary'],
                ['title' => 'My Courses', 'desc' => 'See registered modules.', 'btn' => 'View Courses', 'route' => 'student.courses', 'bg' => '#5bc0de', 'btnclass' => 'btn-info'],
                ['title' => 'Notices', 'desc' => 'Latest announcements.', 'btn' => 'View Notices', 'route' => 'student.notices', 'bg' => '#9370DB', 'btnclass' => 'btn-light'],
                ['title' => 'Timetable', 'desc' => 'Class and exam schedule.', 'btn' => 'View Timetable', 'route' => 'student.timetable', 'bg' => '#6f42c1', 'btnclass' => 'btn-warning'],
                ['title' => 'Accommodation', 'desc' => 'Manage room details.', 'btn' => 'Manage Room', 'route' => 'student.accommodation', 'bg' => '#28a745', 'btnclass' => 'btn-dark'],
                ['title' => 'Downloads', 'desc' => 'Access files & forms.', 'btn' => 'Go to Downloads', 'route' => 'student.downloads', 'bg' => '#17a2b8', 'btnclass' => 'btn-outline-light'],
            ];
        @endphp

        @foreach ($tiles as $tile)
            <div class="col-md-6 col-lg-4 d-flex">
                <div class="card text-center text-white shadow border-0 w-100" style="background-color: {{ $tile['bg'] }}">
                    <div class="card-body d-flex flex-column justify-content-between h-100">
                        <div>
                            <h5 class="card-title fw-bold">{{ $tile['title'] }}</h5>
                            <p class="card-text small">{{ $tile['desc'] }}</p>
                        </div>
                        <a href="{{ route($tile['route']) }}" class="btn {{ $tile['btnclass'] }} mt-3">
                            {{ $tile['btn'] }}
                        </a>
                    </div>
                </div>
            </div>
        @endforeach
    </div>

    <!-- Logged-in Info -->
    <p class="text-muted text-center small mt-5">
        Logged in as <strong>{{ Auth::user()->name }}</strong> ({{ Auth::user()->email }})
    </p>
</div>

@endsection