@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