@extends('layouts.app')

@section('title', 'CMAT Preparation & Registration - DAV College')

@section('content')
<!-- Header Banner -->
<header class="bg-gradient-to-r from-dav-700 via-dav-600 to-dav-500 text-white shadow-md relative overflow-hidden">
    <div class="absolute inset-0 opacity-10 bg-[radial-gradient(ellipse_at_top_right,_var(--tw-gradient-stops))] from-white via-slate-900 to-slate-900"></div>
    <div class="container mx-auto px-4 py-4 relative z-10 flex flex-col md:flex-row items-center justify-between gap-4">
        <div class="site-header-brand flex items-center gap-4">
            <a href="{{ route('home') }}" class="flex items-center gap-3 hover:opacity-90 transition-all">
                <img src="{{ asset('logos/dav_logo_white.png') }}" alt="DAV College Logo" class="site-header-logo h-12 w-auto" style="margin-top: 0px; height: 50px;">
                <div class="site-header-text">
                    <h1 class="site-header-name text-lg font-extrabold leading-none">DAV College</h1>
                    <p class="site-header-affiliation text-[10px] opacity-90 mt-0.5">Affiliated to Tribhuvan University</p>
                </div>
            </a>
        </div>
        <div>
            <a href="{{ route('home') }}" class="btn btn-light text-dav-600 rounded-pill px-4 py-2 hover-lift text-sm font-semibold flex items-center gap-2">
                <i class="fa-solid fa-arrow-left"></i> Back to Home
            </a>
        </div>
    </div>
</header>

<div class="container mx-auto px-4 py-12 flex-grow flex items-center justify-center">
    <div class="w-full max-w-5xl">
        @include('cmat-content', ['isStandalone' => true])
    </div>
</div>
@endsection