@php
    $slug = $page->slug ?? 'page';
    $icons = [
        'about-us' => 'fa-building-columns',
        'mission' => 'fa-bullseye',
        'vision' => 'fa-eye',
        'objective' => 'fa-list-check',
        'online-education' => 'fa-laptop-file',
        'career-development' => 'fa-briefcase',
        'chancellor-founder' => 'fa-user-tie',
        'finance' => 'fa-coins',
        'academic-affairs' => 'fa-building-columns',
        'teaching' => 'fa-chalkboard-user',
        'student-affairs' => 'fa-users',
        'research-administration' => 'fa-microscope',
        'administration' => 'fa-sitemap',
    ];
    $icon = $page->icon ?? ($icons[$slug] ?? 'fa-book-open-reader');
    $summary = $page->summary ?? \Illuminate\Support\Str::limit(strip_tags($page->body ?? ''), 180) ?: 'Learn online, grow beyond, and build the future through a modern digital learning environment.';
    $typeLabel = $page->type_label ?? 'University Information';
    $itemType = $page->type ?? null;
    $coverImage = $page->cover_image ?? null;
    $coverUrl = $coverImage ? asset('storage/' . $coverImage) : asset('images/afghan-online-education/logo.png');
    $relatedItems = $relatedItems ?? collect();
    \App\Models\Finance\ModuleSetting::ensureDefaults();
    $publicFormVisible = fn ($key) => \App\Models\Finance\ModuleSetting::allows('online_forms') && \App\Models\Finance\ModuleSetting::allows($key);

    $typeIndexRoutes = [
        'office' => ['label' => 'All Offices', 'icon' => 'fa-building-columns', 'href' => route('front.offices.index')],
        'committee' => ['label' => 'All Committees', 'icon' => 'fa-people-group', 'href' => route('front.committees.index')],
        'academic_section' => ['label' => 'Academic Sections', 'icon' => 'fa-layer-group', 'href' => route('front.academic_sections.index')],
    ];

    $quickLinks = [
        $typeIndexRoutes[$itemType] ?? ['label' => 'Website Directory', 'icon' => 'fa-compass', 'href' => route('front.directory')],
        $publicFormVisible('public_form_online_apply') ? ['label' => 'Apply Online', 'icon' => 'fa-file-signature', 'href' => route('front.apply.create')] : null,
        ['label' => 'Programs', 'icon' => 'fa-layer-group', 'href' => route('front.programs.index')],
        ['label' => 'Courses', 'icon' => 'fa-book-open', 'href' => route('front.courses.index')],
        $publicFormVisible('public_form_contact') ? ['label' => 'Contact', 'icon' => 'fa-envelope', 'href' => route('front.contact')] : null,
    ];
    $quickLinks = array_values(array_filter($quickLinks));
@endphp

<section class="smart-page-hero public-animated-block" style="--smart-cover:url('{{ $coverUrl }}');">
    <div class="container">
        <div class="smart-page-grid">
            <div>
                <a href="{{ route('front.home') }}" class="btn btn-outline-light btn-sm mb-4">
                    <i class="fa-solid fa-arrow-left me-1"></i> {{ __('front.home') }}
                </a>
                <div class="smart-page-kicker"><i class="fa-solid {{ $icon }}"></i> Afghan Online Education</div>
                <h1 class="smart-page-title">{{ $page->title }}</h1>
                <p class="smart-page-subtitle">{{ $summary }}</p>
            </div>

            <aside class="smart-page-panel">
                <div class="smart-page-icon"><i class="fa-solid {{ $icon }}"></i></div>
                <strong>{{ $typeLabel }}</strong>
                <p>Connected public information with clear pathways to admissions, programs, courses, services, and contact channels.</p>
            </aside>
        </div>
    </div>
</section>

<section class="smart-content">
    <div class="container">
        <div class="smart-content-layout">
            <article class="smart-content-card">
                <div class="smart-content-head">
                    <span><i class="fa-solid {{ $icon }}"></i></span>
                    <div>
                        <small>{{ $typeLabel }}</small>
                        <h2>Overview</h2>
                    </div>
                </div>
                <div class="smart-content-body">
                    @if(! $page->body)
                        <p class="mb-0">{{ __('front.no_content_yet') }}</p>
                    @else
                        {!! $page->body !!}
                    @endif
                </div>
            </article>

            <aside class="smart-side-card">
                <h3><i class="fa-solid fa-compass me-2 text-warning"></i> Quick actions</h3>
                <div class="smart-side-links">
                    @foreach($quickLinks as $link)
                        <a href="{{ $link['href'] }}"><i class="fa-solid {{ $link['icon'] }}"></i> {{ $link['label'] }}</a>
                    @endforeach
                </div>

                @if($relatedItems->count())
                    <div class="smart-related-block">
                        <h4>Related {{ strtolower($typeLabel) }}</h4>
                        <div class="smart-related-links">
                            @foreach($relatedItems as $related)
                                @php
                                    $relatedRoute = match($related->type) {
                                        'office' => route('front.offices.show', $related->slug),
                                        'committee' => route('front.committees.show', $related->slug),
                                        'academic_section' => route('front.academic_sections.show', $related->slug),
                                        default => route('front.content-items.show', ['type' => $related->type, 'slug' => $related->slug]),
                                    };
                                @endphp
                                <a href="{{ $relatedRoute }}">
                                    <i class="fa-solid {{ $related->icon ?: 'fa-circle-info' }}"></i>
                                    <span>{{ $related->title }}</span>
                                </a>
                            @endforeach
                        </div>
                    </div>
                @endif
            </aside>
        </div>

        @if($publicFormVisible('public_form_online_apply'))
        <div class="smart-cta">
            <div>
                <h3>Start your learning journey today</h3>
                <p>Apply online, explore programs, or contact the institution for guidance.</p>
            </div>
            <a href="{{ route('front.apply.create') }}" class="btn btn-accent px-4">
                <i class="fa-solid fa-file-signature me-1"></i> Apply Online
            </a>
        </div>
        @endif
    </div>
</section>