@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="$record->code"
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Institution Setup', 'href' => route('institution.dashboard')],
        ['label' => 'Study Plan Periods', 'href' => route('institution.study-plan-periods.index')],
        ['label' => $record->name],
    ]"
>
    <x-slot:actions>
        <x-ui.button variant="ghost" icon="bi-printer" :href="route('institution.study-plan-periods.print', $record)" target="_blank">Print</x-ui.button>
        <x-ui.button variant="primary" icon="bi-pencil-square" :href="route('institution.study-plan-periods.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="Period 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">Session</span>{{ $record->academicSession?->name ?? '—' }}</div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Type</span>{{ $record->period_type?->label() ?? '—' }}</div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Sequence</span>{{ $record->sequence ?? '—' }}</div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Credits</span>{{ $record->credits ?? '—' }}</div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Status</span><x-ui.status-pill :status="$status?->value" :label="$status?->label()" /></div>
                <div class="col-md-6"><span class="text-muted-bv small d-block">Start Date</span>{{ $record->start_date?->format('d M Y') ?? '—' }}</div>
                <div class="col-md-6"><span class="text-muted-bv small d-block">End Date</span>{{ $record->end_date?->format('d M Y') ?? '—' }}</div>
            </div>
        </x-ui.card>
    </div>
    <div class="col-lg-4">
        <x-ui.card title="Actions">@include('institution.partials.row-actions', ['record' => $record])</x-ui.card>
    </div>
</div>
@endsection