@extends('layouts.admin')

@section('title', $record->name)

@section('content')
@php
    $status = is_object($record->status) ? $record->status : \App\Enums\RecordStatus::tryFrom($record->status ?? 'active');
@endphp

<x-ui.page-header
    :title="$record->name"
    :subtitle="'Campus ' . $record->code"
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Institution Setup', 'href' => route('institution.dashboard')],
        ['label' => 'Campuses', 'href' => route('institution.campuses.index')],
        ['label' => $record->name],
    ]"
>
    <x-slot:actions>
        <x-ui.button variant="ghost" icon="bi-printer" :href="route('institution.campuses.print', $record)" target="_blank">Print</x-ui.button>
        <x-ui.button variant="primary" icon="bi-pencil-square" :href="route('institution.campuses.edit', $record)">Edit</x-ui.button>
    </x-slot:actions>
</x-ui.page-header>

@include('institution.partials.flash')

<div class="row g-4">
    <div class="col-lg-8">
        <x-ui.card title="Campus details">
            <div class="row g-3">
                <div class="col-md-4"><span class="text-muted-bv small d-block">Code</span><strong class="text-mono">{{ $record->code }}</strong></div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Type</span>{{ $record->campus_type?->label() ?? '—' }}</div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Capacity</span>{{ $record->capacity ?? '—' }}</div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Dean</span>{{ $record->dean?->name ?? '—' }}</div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Principal</span>{{ $record->principal?->name ?? '—' }}</div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Status</span><x-ui.status-pill :status="$status?->value ?? 'active'" :label="$status?->label()" /></div>
                <div class="col-12"><span class="text-muted-bv small d-block">Address</span>{{ $record->address ?? '—' }}</div>
                @if($record->latitude || $record->longitude)
                    <div class="col-md-6"><span class="text-muted-bv small d-block">Coordinates</span>{{ $record->latitude }}, {{ $record->longitude }}</div>
                @endif
                @if($record->description)
                    <div class="col-12"><span class="text-muted-bv small d-block">Description</span>{{ $record->description }}</div>
                @endif
            </div>
        </x-ui.card>
    </div>
    <div class="col-lg-4">
        <x-ui.card title="Institution">
            <p class="mb-1 fw-semibold">{{ $record->institution?->name ?? '—' }}</p>
            <p class="text-muted-bv small mb-0">Created {{ $record->created_at?->format('d M Y') }}</p>
        </x-ui.card>
        <div class="mt-3">
            @include('institution.partials.row-actions', ['record' => $record])
        </div>
    </div>
</div>
@endsection