@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' => 'Programme Tracks', 'href' => route('institution.programme-tracks.index')],
        ['label' => $record->name],
    ]"
>
    <x-slot:actions>
        <x-ui.button variant="ghost" icon="bi-printer" :href="route('institution.programme-tracks.print', $record)" target="_blank">Print</x-ui.button>
        <x-ui.button variant="primary" icon="bi-pencil-square" :href="route('institution.programme-tracks.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="Track 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">Programme</span>{{ $record->programme?->name ?? '—' }}</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>
                @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="Actions">@include('institution.partials.row-actions', ['record' => $record])</x-ui.card>
    </div>
</div>
@endsection