@extends('public.layout.app') {{-- keep your existing front layout if different --}}
@section('title', $department->name)

@section('body')
<section class="section pt-5">
    <div class="container">

        {{-- Header --}}
        <div class="glass shadow-soft p-4 p-lg-5 mb-4">
            <div class="d-flex flex-wrap justify-content-between align-items-start gap-3">
                <div>
                    <a href="{{ route('front.departments.index') }}" class="btn btn-outline-light btn-sm mb-3">
                        <i class="fa-solid fa-arrow-left me-1"></i> {{ __('front.back_to_list_2') }}
                    </a>

                    <div class="d-flex flex-wrap align-items-center gap-2 mb-2">
                        @if($department->faculty)
                            <span class="badge-soft">
                                <i class="fa-solid fa-layer-group me-1"></i>
                                {{ $department->faculty->name }}
                            </span>
                        @endif

                        @if(optional($department->faculty)->university)
                            <span class="badge-soft">
                                <i class="fa-solid fa-building-columns me-1"></i>
                                {{ $department->faculty->university->name }}
                            </span>
                        @endif

                        @if($department->code)
                            <span class="badge-soft">
                                <i class="fa-solid fa-hashtag me-1"></i>{{ $department->code }}
                            </span>
                        @endif
                    </div>

                    <h2 class="fw-extrabold mb-0" style="letter-spacing:-.02em;">
                        {{ $department->name }}
                    </h2>
                    <p class="text-muted2 mb-0 mt-2">
                        {{ __('front.department_details_and_related_faculty_university') }}
                    </p>
                </div>

                {{-- Quick Actions --}}
                <div class="text-end">
                    <div class="d-flex flex-column gap-2">
                        @if($department->faculty_id)
                            <a class="btn btn-info-soft"
                               href="{{ route('front.departments.index', ['faculty_id' => $department->faculty_id]) }}">
                                <i class="fa-solid fa-filter me-1"></i> {{ __('front.more_from_same_faculty') }}
                            </a>
                        @endif

                        @if($department->code)
                            <a class="btn btn-outline-light"
                               href="{{ route('front.departments.index', ['q' => $department->code]) }}">
                                <i class="fa-solid fa-magnifying-glass me-1"></i> {{ __('front.search_by_code') }}
                            </a>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <div class="row g-3">
            {{-- Main --}}
            <div class="col-lg-8">
                <div class="card-soft shadow-soft p-3 p-lg-4">
                    <h5 class="fw-bold mb-3">
                        <i class="fa-regular fa-id-card me-1 text-muted2"></i> {{ __('front.about_department') }}
                    </h5>

                    <div class="alert alert-soft mb-0">
                        <div class="d-flex flex-wrap gap-2">
                            <span class="badge-soft">
                                <span class="text-muted2">{{ __('front.name') }}</span>
                                <strong class="ms-1">{{ $department->name }}</strong>
                            </span>

                            <span class="badge-soft">
                                <span class="text-muted2">{{ __('front.code') }}</span>
                                <strong class="ms-1">{{ $department->code ?? '—' }}</strong>
                            </span>

                            <span class="badge-soft">
                                <span class="text-muted2">{{ __('front.created') }}</span>
                                <strong class="ms-1">{{ optional($department->created_at)->format('Y-m-d') }}</strong>
                            </span>

                            <span class="badge-soft">
                                <span class="text-muted2">{{ __('front.updated_2') }}</span>
                                <strong class="ms-1">{{ optional($department->updated_at)->format('Y-m-d') }}</strong>
                            </span>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Sidebar --}}
            <div class="col-lg-4">
                <div class="card-soft shadow-soft p-3 p-lg-4 mb-3">
                    <h6 class="fw-bold mb-3">
                        <i class="fa-solid fa-layer-group me-1 text-muted2"></i> {{ __('front.related') }}
                    </h6>

                    <div class="d-flex justify-content-between py-1">
                        <span class="text-muted2">{{ __('front.faculty') }}</span>
                        <span class="fw-semibold">{{ $department->faculty?->name ?? '—' }}</span>
                    </div>

                    <div class="d-flex justify-content-between py-1">
                        <span class="text-muted2">{{ __('front.university') }}</span>
                        <span class="fw-semibold">{{ optional($department->faculty?->university)->name ?? '—' }}</span>
                    </div>
                </div>

                <div class="glass shadow-soft p-3 p-lg-4">
                    <h6 class="fw-bold mb-2">
                        <i class="fa-solid fa-lightbulb me-1 text-muted2"></i> {{ __('front.tip') }}
                    </h6>
                    <p class="text-muted2 mb-0">
                        {{ __('front.go_back_to_the_list_and_use_filters_to_find_departments') }}
                    </p>
                </div>
            </div>
        </div>

    </div>
</section>
@endsection

@section('body')
@php
    $programCount = $department->programs->count();
    $courseCount = $department->programs->sum(fn ($program) => $program->semesters->sum(fn ($semester) => $semester->courses->count()));
    $subtitle = $department->public_summary
        ?: 'Explore department vision, programs, admission requirements, learning facilities, courses, and career pathways.';
    $heroMeta = array_filter([
        $department->faculty?->name ? '<i class="fa-solid fa-layer-group"></i> ' . e($department->faculty->name) : null,
        $department->code ? '<i class="fa-solid fa-hashtag"></i> ' . e($department->code) : null,
        '<i class="fa-solid fa-graduation-cap"></i> ' . $programCount . ' programs',
        '<i class="fa-solid fa-book-open"></i> ' . $courseCount . ' courses',
    ]);
    $infoSections = [
        ['title' => 'Vision', 'icon' => 'fa-eye', 'body' => $department->vision],
        ['title' => 'Mission', 'icon' => 'fa-bullseye', 'body' => $department->mission],
        ['title' => 'Objectives', 'icon' => 'fa-list-check', 'body' => $department->objectives],
        ['title' => 'Admission Requirements', 'icon' => 'fa-file-signature', 'body' => $department->admission_requirements],
        ['title' => 'Eligibility', 'icon' => 'fa-user-check', 'body' => $department->eligibility],
        ['title' => 'Facilities', 'icon' => 'fa-laptop-file', 'body' => $department->facilities],
        ['title' => 'Career Opportunities', 'icon' => 'fa-briefcase', 'body' => $department->career_opportunities],
    ];
@endphp

@include('public.partials.page-hero', [
    'title' => $department->name,
    'subtitle' => $subtitle,
    'kicker' => 'Academic Department',
    'image' => $department->banner_image ? asset('storage/' . $department->banner_image) : asset('images/afghan-online-education/logo.png'),
    'breadcrumbs' => ['Departments' => route('front.departments.index'), $department->name => null],
    'meta' => $heroMeta,
    'showApply' => true,
])

<section class="uni-page">
    <div class="container">
        <div class="uni-layout">
            <main class="uni-stack">
                <section class="uni-panel">
                    <div class="uni-section-title">
                        <span><i class="fa-solid fa-diagram-project"></i></span>
                        <div>
                            <small>{{ $department->faculty?->name ?? 'Faculty' }}</small>
                            <h2>Department Overview</h2>
                        </div>
                    </div>
                    <div class="uni-rich-text">
                        <p>{{ $subtitle }}</p>
                        @if($department->head_name || $department->head_message)
                            <div class="uni-mini-card mt-4">
                                <strong>{{ $department->head_name ?: 'Department Head' }}</strong>
                                @if($department->head_message)
                                    <p>{!! nl2br(e($department->head_message)) !!}</p>
                                @endif
                            </div>
                        @endif
                    </div>
                </section>

                <div class="uni-stat-grid">
                    <div class="uni-stat"><span>{{ $programCount }}</span><small>Programs</small></div>
                    <div class="uni-stat"><span>{{ $courseCount }}</span><small>Courses</small></div>
                    <div class="uni-stat"><span>{{ $department->teaching_language ?: 'Flexible' }}</span><small>Teaching Language</small></div>
                </div>

                @foreach($infoSections as $section)
                    @if($section['body'])
                        <section class="uni-panel">
                            <div class="uni-section-title">
                                <span><i class="fa-solid {{ $section['icon'] }}"></i></span>
                                <div>
                                    <small>Department Information</small>
                                    <h2>{{ $section['title'] }}</h2>
                                </div>
                            </div>
                            <div class="uni-rich-text">{!! nl2br(e($section['body'])) !!}</div>
                        </section>
                    @endif
                @endforeach

                <section class="uni-panel">
                    <div class="uni-section-title">
                        <span><i class="fa-solid fa-graduation-cap"></i></span>
                        <div>
                            <small>Academic Pathways</small>
                            <h2>Programs and Courses</h2>
                        </div>
                    </div>
                    <div class="uni-stack">
                        @forelse($department->programs as $program)
                            <article class="uni-mini-card">
                                <div class="d-flex flex-wrap justify-content-between gap-2 mb-3">
                                    <div>
                                        <h3 class="h5 fw-bold mb-1">{{ $program->name }}</h3>
                                        <div class="text-muted small">{{ $program->degree_type ?: 'Academic program' }}</div>
                                    </div>
                                    <a class="btn btn-sm btn-accent" href="{{ route('front.programs.show', $program->id) }}">View Program</a>
                                </div>
                                <div class="table-responsive">
                                    <table class="table align-middle mb-0">
                                        <thead><tr><th>Semester</th><th>Course</th><th>Credits</th></tr></thead>
                                        <tbody>
                                            @forelse($program->semesters as $semester)
                                                @forelse($semester->courses as $course)
                                                    <tr>
                                                        <td>{{ $semester->name }}</td>
                                                        <td><a href="{{ route('front.courses.show', $course->id) }}">{{ $course->title }}</a></td>
                                                        <td>{{ $course->credit_hours ?: '-' }}</td>
                                                    </tr>
                                                @empty
                                                    <tr><td>{{ $semester->name }}</td><td colspan="2" class="text-muted">Courses will be added soon.</td></tr>
                                                @endforelse
                                            @empty
                                                <tr><td colspan="3" class="text-muted">Semesters and courses will appear after setup.</td></tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                            </article>
                        @empty
                            <div class="alert alert-soft mb-0">Programs will appear here after academic setup.</div>
                        @endforelse
                    </div>
                </section>

                @include('public.partials.important-notes', ['notes' => $department->public_notes])
                @include('public.partials.comment-section', ['type' => 'department', 'id' => $department->id, 'comments' => $comments ?? collect()])
                @include('public.partials.feedback-form', ['type' => 'department', 'id' => $department->id])
                @include('public.partials.apply-cta')
            </main>

            <aside class="uni-stack">
                @include('public.partials.share-buttons', ['title' => $department->name])
                <section class="uni-panel">
                    <div class="uni-section-title">
                        <span><i class="fa-solid fa-circle-info"></i></span>
                        <div>
                            <small>Related</small>
                            <h2>Department Facts</h2>
                        </div>
                    </div>
                    <div class="uni-fact-list">
                        <div><span>Faculty</span><strong>{{ $department->faculty?->name ?? '-' }}</strong></div>
                        <div><span>University</span><strong>{{ $department->faculty?->university?->name ?? '-' }}</strong></div>
                        <div><span>Code</span><strong>{{ $department->code ?? '-' }}</strong></div>
                        <div><span>Contact</span><strong>{{ $department->contact_info ?? '-' }}</strong></div>
                    </div>
                </section>
                <section class="uni-panel">
                    @php
                        \App\Models\Finance\ModuleSetting::ensureDefaults();
                        $publicFormVisible = fn ($key) => \App\Models\Finance\ModuleSetting::allows('online_forms') && \App\Models\Finance\ModuleSetting::allows($key);
                    @endphp
                    <div class="smart-side-links">
                        <a href="{{ route('front.departments.index', ['faculty_id' => $department->faculty_id]) }}"><i class="fa-solid fa-filter"></i> More from Faculty</a>
                        <a href="{{ route('front.programs.index', ['department_id' => $department->id]) }}"><i class="fa-solid fa-graduation-cap"></i> Department Programs</a>
                        @if($publicFormVisible('public_form_online_apply'))
                            <a href="{{ route('front.apply.create') }}"><i class="fa-solid fa-file-signature"></i> Apply Online</a>
                        @endif
                        @if($publicFormVisible('public_form_contact'))
                            <a href="{{ route('front.contact') }}"><i class="fa-solid fa-envelope"></i> Contact Admissions</a>
                        @endif
                    </div>
                </section>
            </aside>
        </div>
    </div>
</section>
@overwrite