@extends('public.layout.app')
@section('title', $faculty->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.faculties.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">
                        <span class="badge-soft">
                            <i class="fa-solid fa-building-columns me-1"></i>
                            {{ $faculty->university?->name ?? '—' }}
                        </span>
                        @if($faculty->code)
                            <span class="badge-soft">
                                <i class="fa-solid fa-hashtag me-1"></i>{{ $faculty->code }}
                            </span>
                        @endif
                        <span class="badge-success-soft">
                            <i class="fa-solid fa-sitemap me-1"></i>
                            {{ __('front.departments_2') }} <strong class="ms-1">{{ $faculty->departments_count ?? $faculty->departments->count() }}</strong>
                        </span>
                    </div>

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

                {{-- Quick actions --}}
                <div class="text-end">
                    <div class="d-flex flex-column gap-2">
                        <a class="btn btn-info-soft"
                           href="{{ route('front.faculties.index', ['university_id' => $faculty->university_id]) }}">
                            <i class="fa-solid fa-layer-group me-1"></i> {{ __('front.more_from_same_university') }}
                        </a>

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

        @if($faculty->information)
            <div class="card-soft shadow-soft p-3 p-lg-4 mb-4">
                <h5 class="fw-bold mb-3">
                    <i class="fa-regular fa-circle-info me-1 text-muted2"></i> Faculty information
                </h5>
                <div class="text-muted2" style="line-height:1.9">
                    {!! nl2br(e($faculty->information)) !!}
                </div>
            </div>
        @endif

        <div class="row g-3">
            {{-- Departments --}}
            <div class="col-lg-8">
                <div class="card-soft shadow-soft p-3 p-lg-4">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <h5 class="fw-bold mb-0">
                            <i class="fa-solid fa-sitemap me-1 text-muted2"></i> {{ __('front.departments') }}
                        </h5>
                        <span class="badge-soft">
                            {{ __('front.total') }} <strong>{{ $faculty->departments->count() }}</strong>
                        </span>
                    </div>

                    @if($faculty->departments->count())
                        <div class="row g-3">
                            @foreach($faculty->departments as $d)
                                <div class="col-12">
                                    <div class="glass p-3 p-lg-4">
                                        <div class="d-flex flex-wrap justify-content-between gap-2 mb-3">
                                            <div>
                                                <h5 class="fw-bold mb-1">{{ $d->name }}</h5>
                                                <div class="text-muted2 small">{{ __('front.code_2') }}: {{ $d->code ?? '-' }}</div>
                                            </div>
                                            <a class="btn btn-info-soft btn-sm" href="{{ route('front.departments.show', $d->id) }}">
                                                Department details <i class="fa-solid fa-arrow-right ms-1"></i>
                                            </a>
                                        </div>

                                        <div class="d-flex flex-wrap gap-2">
                                            @forelse($d->programs as $program)
                                                <a class="badge-soft text-decoration-none" href="{{ route('front.programs.show', $program->id) }}">
                                                    <i class="fa-solid fa-graduation-cap me-1"></i>{{ $program->name }}
                                                    @if($program->degree_type) <span class="text-muted2">({{ $program->degree_type }})</span> @endif
                                                </a>
                                            @empty
                                                <span class="text-muted2 small">Programs will appear here after academic setup.</span>
                                            @endforelse
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    @else
                        <div class="alert alert-soft mb-0">
                            <i class="fa-regular fa-circle-info me-1"></i>
                            {{ __('front.no_departments_available_for_this_faculty') }}
                        </div>
                    @endif
                </div>
            </div>

            {{-- Side Info --}}
            <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-regular fa-id-card me-1 text-muted2"></i> {{ __('front.faculty_info') }}
                    </h6>

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

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

                    <div class="d-flex justify-content-between py-1">
                        <span class="text-muted2">{{ __('front.created_2') }}</span>
                        <span class="fw-semibold">{{ optional($faculty->created_at)->format('Y-m-d') }}</span>
                    </div>

                    <div class="d-flex justify-content-between py-1">
                        <span class="text-muted2">{{ __('front.updated') }}</span>
                        <span class="fw-semibold">{{ optional($faculty->updated_at)->format('Y-m-d') }}</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.use_the_list_page_filters_to_quickly_find_faculties_by') }}
                    </p>
                </div>
            </div>
        </div>

    </div>
</section>
<section class="uni-page pt-0">
    <div class="container">
        <div class="uni-layout">
            <main class="uni-stack">
                @include('public.partials.important-notes', ['notes' => $faculty->public_notes ?? null])
                @include('public.partials.comment-section', ['type' => 'faculty', 'id' => $faculty->id, 'comments' => $comments ?? collect()])
                @include('public.partials.feedback-form', ['type' => 'faculty', 'id' => $faculty->id])
            </main>
            <aside class="uni-stack">
                @include('public.partials.share-buttons', ['title' => $faculty->name])
                @include('public.partials.apply-cta')
            </aside>
        </div>
    </div>
</section>
@endsection