@extends('admin.layout.app')
@section('title', __('admin.view').' '.__('admin.attendance'))
@section('body')
<div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
    <div><h4 class="mb-1">{{ __('admin.attendance') }}</h4><p class="text-muted mb-0">{{ $attendance->student?->name ?? '-' }} · {{ optional($attendance->date)->format('Y-m-d') }}</p></div>
    <div class="d-flex gap-2"><a href="{{ route('admin.attendance.edit', $attendance) }}" class="btn btn-primary">{{ __('admin.edit') }}</a><a href="{{ route('admin.attendance.index') }}" class="btn btn-outline-secondary">{{ __('admin.back') }}</a></div>
</div>
@if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
<div class="card border-0 shadow-sm lms-card"><div class="card-body"><div class="row g-3">
    <div class="col-md-6"><small class="text-muted">{{ __('admin.student') }}</small><div class="fw-semibold">{{ $attendance->student?->name ?? '-' }}</div></div>
    <div class="col-md-6"><small class="text-muted">{{ __('admin.courses') }}</small><div class="fw-semibold">{{ $attendance->course?->title ?? '-' }}</div></div>
    <div class="col-md-4"><small class="text-muted">{{ __('admin.date') }}</small><div>{{ optional($attendance->date)->format('Y-m-d') }}</div></div>
    <div class="col-md-4"><small class="text-muted">{{ __('admin.status') }}</small><div><span class="status-pill status-{{ $attendance->status }}">{{ __('labels.' . $attendance->status) }}</span></div></div>
    <div class="col-md-4"><small class="text-muted">Marked By</small><div>{{ $attendance->marker?->name ?? 'System' }}</div></div>
    <div class="col-12"><small class="text-muted">{{ __('admin.remarks') }}</small><div>{{ $attendance->remarks ?: '-' }}</div></div>
    <div class="col-md-6"><small class="text-muted">Created</small><div>{{ $attendance->created_at?->format('Y-m-d H:i') }}</div></div>
    <div class="col-md-6"><small class="text-muted">Updated</small><div>{{ $attendance->updated_at?->format('Y-m-d H:i') }}</div></div>
</div></div></div>
@endsection