@extends('admin.layout.app')

@section('body')
<div class="card card-page p-3 shadow-sm">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h4 class="mb-0">{{ $department->name }}</h4>
            <small class="text-muted d-flex flex-wrap gap-2">
                <span class="badge bg-info">
                    <i class="fas fa-layer-group me-1"></i> {{ $department->faculty->name ?? '—' }}
                </span>
                @if(optional($department->faculty)->university)
                    <span class="badge bg-light text-dark border">
                        <i class="fas fa-university me-1"></i> {{ $department->faculty->university->name }}
                    </span>
                @endif
                <span class="badge bg-light text-dark border">{{ __('admin.code') }}: {{ $department->code ?? '—' }}</span>
            </small>
        </div>

        <div class="d-flex gap-2">
            <a href="{{ route('departments.edit',$department->id) }}" class="btn btn-outline-primary">{{ __('admin.edit') }}</a>
            <a href="{{ route('departments.index',['faculty_id'=>$department->faculty_id]) }}" class="btn btn-outline-secondary">{{ __('admin.back') }}</a>
        </div>
    </div>

    <div class="row g-3">
        <div class="col-md-4"><strong>{{ __('admin.id_2') }}</strong> {{ $department->id }}</div>
        <div class="col-md-4"><strong>{{ __('admin.faculty_3') }}</strong> {{ $department->faculty->name ?? '—' }}</div>
        <div class="col-md-4"><strong>{{ __('admin.code_2') }}</strong> {{ $department->code ?? '—' }}</div>
    </div>

    <hr>

    <div class="d-flex flex-wrap gap-2">
        <a href="{{ route('departments.index',['faculty_id'=>$department->faculty_id]) }}" class="btn btn-light">
            <i class="fas fa-list me-2"></i> {{ __('admin.back_to_list') }}
        </a>
        <a href="#" class="btn btn-light">
            <i class="fas fa-book me-2"></i> {{ __('admin.courses_n_a') }}
        </a>
    </div>
</div>
@endsection