@extends('layouts.admin')

@section('title', 'ID Preview — ' . $record->fullName())

@section('content')
<x-ui.page-header
    :title="'ID Preview'"
    :subtitle="$record->fullName()"
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Students', 'href' => route('registration.students.index')],
        ['label' => $record->fullName(), 'href' => route('registration.students.show', $record)],
        ['label' => 'ID Preview'],
    ]"
/>

@include('institution.partials.flash')

<div class="row justify-content-center">
    <div class="col-md-6">
        <x-ui.card title="Student ID card">
            <div class="p-4 border rounded-3 text-center" style="background: linear-gradient(135deg, rgba(255,122,0,0.12), rgba(0,217,255,0.08));">
                <div class="mb-3 text-muted-bv small">BV-SIS STUDENT ID</div>
                <h3 class="mb-1">{{ $record->fullName() }}</h3>
                <p class="mb-1"><strong>{{ $record->computer_number ?? '—' }}</strong></p>
                <p class="text-muted-bv small mb-3">{{ $record->student_number ?? '—' }}</p>
                <p class="mb-0">{{ $record->programme?->name ?? 'Programme not set' }}</p>
                <p class="text-muted-bv small">{{ $record->campus?->name ?? '' }}</p>
            </div>
        </x-ui.card>
    </div>
</div>
@endsection