@extends('public.layout.app')
@section('title', __('front.home'))

@php
    $pageSummary = function ($page, $fallback, $limit = 210) {
        if ($page && ! empty($page->body)) {
            return \Illuminate\Support\Str::limit(trim(strip_tags($page->body)), $limit);
        }

        return $fallback;
    };

    $about = $pages['about'] ?? null;
    $mission = $pages['mission'] ?? null;
    $vision = $pages['vision'] ?? null;
    $career = $pages['career'] ?? null;

    $heroBackground = ! empty($websiteSettings['home_hero_image'])
        ? asset('storage/' . $websiteSettings['home_hero_image'])
        : asset('images/afghan-online-education/logo.png');

    $homeUrl = function ($value, $fallback) {
        $value = trim((string) $value);
        if ($value === '') {
            return $fallback;
        }

        if (\Illuminate\Support\Str::startsWith($value, ['http://', 'https://', '#'])) {
            return $value;
        }

        return url($value);
    };

    \App\Models\Finance\ModuleSetting::ensureDefaults();
    $publicFormVisible = fn ($key) => \App\Models\Finance\ModuleSetting::allows('online_forms') && \App\Models\Finance\ModuleSetting::allows($key);
    $frontendSectionVisible = fn ($key) => \App\Support\VisibilitySettings::isFrontendSectionVisible($key);
    $heroPrimaryUrl = $homeUrl($websiteSettings['home_hero_primary_button_url'] ?? null, route('front.apply.create'));
    if (! $publicFormVisible('public_form_online_apply') && $heroPrimaryUrl === route('front.apply.create')) {
        $heroPrimaryUrl = route('front.programs.index');
    }
    $heroSecondaryUrl = $homeUrl($websiteSettings['home_hero_secondary_button_url'] ?? null, route('front.programs.index'));

    $statsCards = [
        ['label' => 'Faculties', 'value' => $stats['faculties'] ?? 0, 'icon' => 'fa-landmark', 'href' => route('front.faculties.index'), 'tone' => 'emerald'],
        ['label' => 'Departments', 'value' => \Illuminate\Support\Facades\Schema::hasTable('departments') ? \App\Models\Department::count() : 0, 'icon' => 'fa-diagram-project', 'href' => route('front.departments.index'), 'tone' => 'sky'],
        ['label' => 'Courses', 'value' => $stats['courses'] ?? 0, 'icon' => 'fa-book-open', 'href' => route('front.courses.index'), 'tone' => 'amber'],
        ['label' => 'Enrolled Students', 'value' => $stats['enrollments'] ?? ($stats['students'] ?? 0), 'icon' => 'fa-user-graduate', 'href' => route('front.programs.index'), 'tone' => 'rose'],
    ];

    $formLinks = [
        ['module' => 'public_form_online_apply', 'label' => 'Online Apply', 'note' => 'Admission form', 'icon' => 'fa-file-signature', 'href' => route('front.apply.create')],
        ['module' => 'public_form_admission_track', 'label' => 'Track Admission', 'note' => 'Check application status', 'icon' => 'fa-clipboard-check', 'href' => route('front.admission.track')],
        ['module' => 'public_form_membership', 'label' => 'Membership', 'note' => 'Join the community', 'icon' => 'fa-id-card', 'href' => route('front.membership.create')],
        ['module' => 'public_form_volunteer_lecturer', 'label' => 'Volunteer Lecturer', 'note' => 'Teach and mentor', 'icon' => 'fa-chalkboard-user', 'href' => route('front.volunteer.create')],
        ['module' => 'public_form_volunteer_staff', 'label' => 'Volunteer Staff', 'note' => 'Administrative support', 'icon' => 'fa-people-carry-box', 'href' => route('front.volunteer_staff.create')],
        ['module' => 'public_form_donation', 'label' => 'Donation', 'note' => 'Support students', 'icon' => 'fa-hand-holding-heart', 'href' => route('front.donation.create')],
        ['module' => 'public_form_contact', 'label' => 'Contact Form', 'note' => 'Send a message', 'icon' => 'fa-envelope', 'href' => route('front.contact')],
    ];
    $formLinks = collect($formLinks)->filter(fn ($link) => $publicFormVisible($link['module']))->values();
@endphp

@section('body')
<div class="aoe-home">
    @if($frontendSectionVisible('hero') || $frontendSectionVisible('learning_panel'))
    <section class="aoe-hero" style="--hero-bg: url('{{ $heroBackground }}');">
        <div class="aoe-grid-pattern"></div>

        <div class="container">
            @if($frontendSectionVisible('hero'))
            <div class="aoe-hero-inner">
                <div class="aoe-hero-copy">
                    <span class="aoe-kicker"><i class="fa-solid fa-graduation-cap"></i> {{ $websiteSettings['home_hero_kicker'] ?? 'Free education for Afghan learners' }}</span>
                    <h1>{{ $websiteSettings['home_hero_title'] ?? 'Knowledge has no borders, no barriers.' }}</h1>
                    <p>{{ $websiteSettings['home_hero_description'] ?? 'Afghan Online Education brings accessible, high-quality education to learners across Afghanistan and the diaspora through modern online programs, courses, and digital services.' }}</p>
                    <div class="aoe-hero-actions">
                        <a href="{{ $heroPrimaryUrl }}" class="aoe-btn aoe-btn-primary">
                            <i class="fa-solid fa-file-signature"></i> {{ $websiteSettings['home_hero_primary_button_text'] ?? 'Apply for admission' }}
                        </a>
                        <a href="{{ $heroSecondaryUrl }}" class="aoe-btn aoe-btn-ghost">
                            <i class="fa-solid fa-layer-group"></i> {{ $websiteSettings['home_hero_secondary_button_text'] ?? 'Explore programs' }}
                        </a>
                    </div>
                </div>
            </div>
            @endif

            @if($frontendSectionVisible('learning_panel'))
            <div class="aoe-learning-panel public-animated-block">
                <div class="aoe-learning-logo-card">
                    <img src="{{ asset('images/afghan-online-education/logo.png') }}" alt="Afghan Online Education">
                </div>
                <div class="aoe-learning-text-card">
                    <span>{{ $websiteSettings['home_hero_panel_label'] ?? 'Professional online learning' }}</span>
                    <h2>{{ number_format($stats['programs'] ?? 0) }} programs, one connected academic gateway</h2>
                    <p>{{ $websiteSettings['home_hero_panel_text'] ?? 'Modern courses, academic programs, student and teacher portals, admissions, digital resources, and public services designed for Afghan learners everywhere.' }}</p>
                </div>
            </div>
            @endif
        </div>
    </section>
    @endif

    @if($frontendSectionVisible('academic_counts'))
    <section class="aoe-section aoe-counts" id="academic-counts">
        <div class="container">
            <div class="aoe-section-head">
                <span class="aoe-kicker"><i class="fa-solid fa-chart-simple"></i> {{ $websiteSettings['home_counts_kicker'] ?? 'Academic counts' }}</span>
                <h2>{{ $websiteSettings['home_counts_title'] ?? 'Explore the institution by numbers' }}</h2>
            </div>
            <div class="aoe-count-grid">
                @foreach($statsCards as $card)
                    <a href="{{ $card['href'] }}" class="aoe-count-card aoe-tone-{{ $card['tone'] }}">
                        <i class="fa-solid {{ $card['icon'] }}"></i>
                        <strong>{{ number_format($card['value']) }}</strong>
                        <span>{{ $card['label'] }}</span>
                    </a>
                @endforeach
            </div>
        </div>
    </section>
    @endif

    @if($frontendSectionVisible('mission_strip'))
    <section class="aoe-mission-strip public-animated-block">
        <div class="container">
            <div class="aoe-mission-box">
                <span class="aoe-mission-bar" aria-hidden="true"></span>
                <div>
                    <p>“{{ $pageSummary($mission, 'Education is the most powerful pathway to rebuild communities, create opportunity, and give every Afghan learner a stronger future.', 260) }}”</p>
                    <small>Afghan Online Education — Mission</small>
                </div>
            </div>
        </div>
    </section>
    @endif

    @if($frontendSectionVisible('story_cards'))
    <section class="aoe-section">
        <div class="container">
            <div class="aoe-story-grid">
                <a href="{{ route('front.mission') }}" class="aoe-story-card">
                    <span><i class="fa-solid fa-bullseye"></i> Mission</span>
                    <h2>{{ $mission->title ?? 'Mission' }}</h2>
                    <p>{{ $pageSummary($mission, 'Deliver accessible, high-quality online education with practical academic support for Afghan learners everywhere.') }}</p>
                </a>
                <a href="{{ route('front.vision') }}" class="aoe-story-card">
                    <span><i class="fa-regular fa-eye"></i> Vision</span>
                    <h2>{{ $vision->title ?? 'Vision' }}</h2>
                    <p>{{ $pageSummary($vision, 'Become a trusted digital learning institution that connects students with knowledge, values, skills, and opportunity.') }}</p>
                </a>
                <a href="{{ route('front.about') }}" class="aoe-story-card aoe-story-wide">
                    <span><i class="fa-regular fa-building"></i> {{ $websiteSettings['home_story_about_label'] ?? 'About us' }}</span>
                    <h2>{{ $about->title ?? 'About Afghan Online Education' }}</h2>
                    <p>{{ $pageSummary($about, 'Afghan Online Education brings structured programs, student services, digital resources, and public academic information into one modern website.') }}</p>
                </a>
            </div>
        </div>
    </section>
    @endif

    @if($frontendSectionVisible('about_band'))
    <section class="aoe-section aoe-about-band">
        <div class="container">
            <div class="aoe-message">
                <span class="aoe-kicker"><i class="fa-solid fa-building-columns"></i> {{ $websiteSettings['home_about_kicker'] ?? 'About us' }}</span>
                <h2>{{ $websiteSettings['home_about_title'] ?? 'Leadership for open, accountable, and modern learning' }}</h2>
                <p>{{ $websiteSettings['home_about_description'] ?? 'Our commitment is to make education reachable, organized, and useful for every learner who trusts this institution with their future.' }}</p>
                <a href="{{ route('front.about') }}" class="aoe-btn aoe-btn-primary">
                    <i class="fa-solid fa-arrow-right"></i> {{ $websiteSettings['home_about_button_text'] ?? 'Read about us' }}
                </a>
            </div>
        </div>
    </section>
    @endif

    @if($frontendSectionVisible('latest_updates'))
    <section class="aoe-section" id="latest">
        <div class="container">
            <div class="aoe-section-head aoe-split-head">
                <div>
                    <span class="aoe-kicker"><i class="fa-regular fa-newspaper"></i> {{ $websiteSettings['home_latest_kicker'] ?? 'Latest updates' }}</span>
                    <h2>{{ $websiteSettings['home_latest_title'] ?? 'Posts and events' }}</h2>
                </div>
                <div class="aoe-head-links">
                    <a href="{{ route('front.posts.index') }}">All posts</a>
                    <a href="{{ route('front.events.index') }}">All events</a>
                </div>
            </div>

            <div class="aoe-latest-grid">
                <div class="aoe-post-list">
                    @forelse($posts as $post)
                        @php
                            $postImage = $post->cover_image ? asset('storage/' . $post->cover_image) : $heroBackground;
                        @endphp
                        <a href="{{ route('front.posts.show', $post->slug) }}" class="aoe-post-card">
                            <img src="{{ $postImage }}" alt="{{ $post->title }}">
                            <div>
                                <span>{{ optional($post->published_at ?? $post->created_at)->format('M d, Y') }}</span>
                                <strong>{{ $post->title }}</strong>
                                <small>{{ \Illuminate\Support\Str::limit(strip_tags($post->body ?? ''), 96) ?: 'Read the latest announcement from Afghan Online Education.' }}</small>
                            </div>
                        </a>
                    @empty
                        <div class="aoe-empty">Latest posts will appear after publishing.</div>
                    @endforelse
                </div>

                <div class="aoe-event-stack">
                    @forelse($events as $event)
                        <a href="{{ route('front.events.show', $event->slug) }}" class="aoe-event-row">
                            <i class="fa-solid fa-calendar-check"></i>
                            <div>
                                <span>{{ optional($event->published_at ?? $event->created_at)->format('M d, Y') }}</span>
                                <strong>{{ $event->title }}</strong>
                            </div>
                        </a>
                    @empty
                        <div class="aoe-empty">Events will appear after publishing.</div>
                    @endforelse
                </div>
            </div>
        </div>
    </section>
    @endif

    @if($frontendSectionVisible('community_stories'))
    <section class="aoe-section aoe-community-stories">
        <div class="container">
            <div class="aoe-section-head aoe-split-head">
                <div>
                    <span class="aoe-kicker"><i class="fa-solid fa-comments"></i> {{ $websiteSettings['home_testimonials_kicker'] ?? 'Stories' }}</span>
                    <h2>{{ $websiteSettings['home_testimonials_title'] ?? 'Student, teacher, alumni, and partner stories' }}</h2>
                </div>
                <div class="aoe-head-links">
                    <a href="{{ route('front.testimonials.index') }}" class="aoe-inline-link">All voices</a>
                    @if($partners->first())
                        <a href="{{ route('front.content-items.show', ['type' => 'partner', 'slug' => $partners->first()->slug]) }}" class="aoe-inline-link">Partners</a>
                    @endif
                </div>
            </div>

            <div class="aoe-story-filters" aria-label="Story categories">
                <span><i class="fa-solid fa-user-graduate"></i> Students</span>
                <span><i class="fa-solid fa-chalkboard-user"></i> Teachers</span>
                <span><i class="fa-solid fa-graduation-cap"></i> Alumni</span>
                <span><i class="fa-solid fa-handshake"></i> Partners</span>
            </div>

            <div class="aoe-community-grid">
                <div class="aoe-community-card aoe-voice-panel">
                    <div class="aoe-proof-head">
                        <i class="fa-solid fa-quote-left"></i>
                        <h3>Community voices</h3>
                    </div>

                    <div class="aoe-voice-list">
                        @forelse($testimonials->take(4) as $testimonial)
                            @php
                                $testimonialPhoto = $testimonial->photo ? asset('storage/' . $testimonial->photo) : null;
                            @endphp
                            <article class="aoe-voice-item">
                                <div class="aoe-person">
                                    @if($testimonialPhoto)
                                        <img src="{{ $testimonialPhoto }}" alt="{{ $testimonial->name }}">
                                    @else
                                        <span>{{ \Illuminate\Support\Str::upper(\Illuminate\Support\Str::substr($testimonial->name, 0, 1)) }}</span>
                                    @endif
                                    <div>
                                        <strong>{{ $testimonial->name }}</strong>
                                        <small>{{ $testimonial->role_or_program ?? ucfirst($testimonial->audience_type) }}</small>
                                    </div>
                                </div>
                                <p>{{ \Illuminate\Support\Str::limit($testimonial->quote, 118) }}</p>
                            </article>
                        @empty
                            <div class="aoe-empty">Testimonials will appear after publishing.</div>
                        @endforelse
                    </div>
                </div>

                <div class="aoe-community-card aoe-proof-compact">
                    <div class="aoe-proof-head">
                        <i class="fa-solid fa-award"></i>
                        <h3>Recognition and partners</h3>
                    </div>

                    <div class="aoe-logo-compact">
                        @forelse($accreditations->take(3) as $item)
                            <a href="{{ route('front.content-items.show', ['type' => $item->type, 'slug' => $item->slug]) }}" class="aoe-logo-tile">
                                @if($item->cover_image)
                                    <img src="{{ asset('storage/' . $item->cover_image) }}" alt="{{ $item->title }}">
                                @else
                                    <i class="fa-solid {{ $item->icon ?: 'fa-award' }}"></i>
                                @endif
                                <span>{{ $item->title }}</span>
                            </a>
                        @empty
                            <div class="aoe-empty">Accreditation logos can be added from Website Content Items.</div>
                        @endforelse
                    </div>

                    <div class="aoe-partner-row">
                        @forelse($partners->take(4) as $item)
                            <a href="{{ route('front.content-items.show', ['type' => $item->type, 'slug' => $item->slug]) }}">
                                <i class="fa-solid {{ $item->icon ?: 'fa-building' }}"></i>
                                <span>{{ $item->title }}</span>
                            </a>
                        @empty
                            <span>Partner profiles can be added from Website Content Items.</span>
                        @endforelse
                    </div>

                    <div class="aoe-story-pill-list">
                        @forelse($successStories->take(3) as $item)
                            <a href="{{ route('front.content-items.show', ['type' => $item->type, 'slug' => $item->slug]) }}" class="aoe-story-pill">
                                <i class="fa-solid {{ $item->icon ?: 'fa-graduation-cap' }}"></i>
                                <span>{{ $item->title }}</span>
                                <small>{{ \Illuminate\Support\Str::limit($item->summary ?: strip_tags($item->body), 72) }}</small>
                            </a>
                        @empty
                            <div class="aoe-empty">Success stories can be added from Website Content Items.</div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </section>
    @endif

    @if($frontendSectionVisible('team'))
    <section class="aoe-section">
        <div class="container">
            <div class="aoe-section-head aoe-split-head">
                <div>
                    <span class="aoe-kicker"><i class="fa-solid fa-people-group"></i> {{ $websiteSettings['home_team_kicker'] ?? 'HR team' }}</span>
                    <h2>{{ $websiteSettings['home_team_title'] ?? 'People behind the institution' }}</h2>
                </div>
                <a href="{{ route('front.team.index') }}" class="aoe-inline-link">Full team</a>
            </div>

            <div class="aoe-team-grid">
                @forelse($teamMembers as $member)
                    @php
                        $memberPhoto = $member->photo ? asset('storage/' . $member->photo) : null;
                    @endphp
                    <a href="{{ route('front.team.show', $member->slug) }}" class="aoe-team-card">
                        @if($memberPhoto)
                            <img src="{{ $memberPhoto }}" alt="{{ $member->name }}">
                        @else
                            <div class="aoe-team-initial">{{ \Illuminate\Support\Str::upper(\Illuminate\Support\Str::substr($member->name, 0, 1)) }}</div>
                        @endif
                        <span>{{ \Illuminate\Support\Str::headline($member->team_group) }}</span>
                        <strong>{{ $member->name }}</strong>
                        <small>{{ $member->position ?? $member->department ?? 'Team member' }}</small>
                    </a>
                @empty
                    <div class="aoe-empty">HR team profiles will appear after publishing.</div>
                @endforelse
            </div>
        </div>
    </section>
    @endif

    @if($frontendSectionVisible('social_portals'))
    <section class="aoe-section">
        <div class="container">
            <div class="aoe-social-portal-grid">
                <div class="aoe-social-band">
                    <span class="aoe-kicker"><i class="fa-solid fa-share-nodes"></i> {{ $websiteSettings['home_social_kicker'] ?? 'Social media' }}</span>
                    <h2>{{ $websiteSettings['home_social_title'] ?? 'Follow official updates' }}</h2>
                    <p>{{ $websiteSettings['home_social_description'] ?? 'Announcements, events, admissions news, and student communication are connected through the official public channels.' }}</p>
                    <div class="aoe-social-links">
                        <a href="{{ $websiteSettings['contact_facebook_url'] ?? '#' }}" target="_blank" rel="noopener" aria-label="Facebook">
                            <i class="fab fa-facebook-f"></i>
                        </a>
                        @if($publicFormVisible('public_form_contact'))
                            <a href="{{ route('front.contact') }}" aria-label="Email">
                                <i class="fa-solid fa-envelope"></i>
                            </a>
                        @endif
                        <a href="{{ route('front.directory') }}" aria-label="Website directory">
                            <i class="fa-solid fa-compass"></i>
                        </a>
                    </div>
                </div>

                <div class="aoe-portal-band">
                    <span class="aoe-kicker"><i class="fa-solid fa-right-to-bracket"></i> Portals</span>
                    <div class="aoe-portal-links">
                        <a href="{{ route('student.login.form') }}"><i class="fa-solid fa-user-graduate"></i><span>Student Portal</span></a>
                        <a href="{{ route('teacher.login.form') }}"><i class="fa-solid fa-chalkboard-user"></i><span>Teacher Portal</span></a>
                        <a href="{{ route('front.certificate.verify') }}"><i class="fa-solid fa-shield-halved"></i><span>Certificate Verify</span></a>
                        @if($publicFormVisible('public_form_employer'))
                            <a href="{{ route('front.employer.index') }}"><i class="fa-solid fa-briefcase"></i><span>Employer Portal</span></a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>
    @endif

    @if($frontendSectionVisible('forms') && $formLinks->count())
    <section class="aoe-section aoe-forms">
        <div class="container">
            <div class="aoe-section-head">
                <span class="aoe-kicker"><i class="fa-solid fa-file-lines"></i> {{ $websiteSettings['home_forms_kicker'] ?? 'Forms place' }}</span>
                <h2>{{ $websiteSettings['home_forms_title'] ?? 'Forms and public services' }}</h2>
            </div>
            <div class="aoe-form-grid">
                @foreach($formLinks as $link)
                    <a href="{{ $link['href'] }}" class="aoe-form-link">
                        <i class="fa-solid {{ $link['icon'] }}"></i>
                        <strong>{{ $link['label'] }}</strong>
                        <span>{{ $link['note'] }}</span>
                    </a>
                @endforeach
            </div>
        </div>
    </section>
    @endif
</div>
@endsection