@extends('layouts.admin')
@section('content')
    @php
        $statusLabel = str($record->status ?? 'draft')->replace('_', ' ')->title()->toString();
        $statusTone = $record->status === 'published' ? 'is-resolved' : ($record->status === 'archived' ? 'is-spam' : 'is-new');
    @endphp
    @include('admin.partials.submission-detail-styles')
    <div class="submission-detail">
        <header class="submission-detail-header"><div class="submission-heading"><a class="submission-back" href="{{ route('admin.featured-videos.index') }}"><i data-lucide="arrow-left" width="16" height="16"></i> All featured videos</a><div class="submission-title-row"><div class="submission-icon"><i data-lucide="clapperboard" width="23" height="23"></i></div><div><p class="submission-eyebrow">Featured video</p><h1>{{ $record->title_en ?: 'Video #'.$record->id }}</h1><p class="submission-reference">Record #{{ $record->id }} <span>·</span> {{ $record->created_at?->format('d M Y') ?? '—' }}</p></div></div></div><div class="submission-header-actions"><span class="submission-status {{ $statusTone }}"><span class="submission-status-dot"></span>{{ $statusLabel }}</span><a class="submission-edit" href="{{ route('admin.featured-videos.edit', $record->id) }}"><i data-lucide="pencil" width="16" height="16"></i> Edit video</a></div></header>
        <div class="submission-detail-grid"><div class="submission-main-column"><section class="submission-panel"><div class="submission-panel-heading"><div><p class="submission-eyebrow">Video preview</p><h2>{{ $record->title_en ?: 'Featured video' }}</h2></div><span class="submission-type">YouTube</span></div>@if ($record->youtube_embed_url)<div class="submission-video-frame"><iframe src="{{ $record->youtube_embed_url }}" title="{{ $record->title_en }}" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div>@else<div class="submission-empty"><i data-lucide="circle-play" width="20" height="20"></i> A valid YouTube URL is not available.</div>@endif</section><section class="submission-panel"><div class="submission-panel-heading"><div><p class="submission-eyebrow">Description</p><h2>Video information</h2></div><i class="submission-section-icon" data-lucide="align-left" width="20" height="20"></i></div><div class="submission-data-grid"><div class="submission-data-item"><dt>English description</dt><dd>{{ $record->description_en ?: '—' }}</dd></div><div class="submission-data-item"><dt>Assamese description</dt><dd>{{ $record->description_as ?: '—' }}</dd></div></div></section></div><aside class="submission-side-column"><section class="submission-panel submission-record-panel"><p class="submission-eyebrow">Record</p><h2>Video details</h2><dl class="submission-contact-list"><div><dt>Assamese title</dt><dd>{{ $record->title_as ?: '—' }}</dd></div><div><dt>YouTube URL</dt><dd><a href="{{ $record->youtube_url }}" target="_blank" rel="noopener">{{ $record->youtube_url ?: '—' }}</a></dd></div><div><dt>Status</dt><dd>{{ $statusLabel }}</dd></div><div><dt>Created</dt><dd>{{ $record->created_at?->format('d M Y, h:i A') ?? '—' }}</dd></div><div><dt>Last updated</dt><dd>{{ $record->updated_at?->format('d M Y, h:i A') ?? '—' }}</dd></div></dl></section></aside></div>
    </div>
@endsection