@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');
        $typeLabel = str($record->type ?? 'news')->replace('_', ' ')->title()->toString();
        $mediaUrl = static function ($asset): ?string {
            if (! $asset?->file_path) return null;
            $path = $asset->file_path;
            if (str($path)->startsWith(['http://', 'https://', '/'])) return $path;
            if (str($path)->startsWith(['storage/', 'images/'])) return asset($path);
            return ($asset->disk ?: 'public') === 'public'
                ? asset('storage/'.$path)
                : \Illuminate\Support\Facades\Storage::disk($asset->disk)->url($path);
        };
        $imageUrl = $mediaUrl($record->image);
        $documentUrl = $mediaUrl($record->document);
    @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.news-announcements.index') }}">
                    <i data-lucide="arrow-left" width="16" height="16" aria-hidden="true"></i> All news &amp; announcements
                </a>
                <div class="submission-title-row">
                    <div class="submission-icon" aria-hidden="true"><i data-lucide="newspaper" width="23" height="23"></i></div>
                    <div>
                        <p class="submission-eyebrow">{{ $typeLabel }} details</p>
                        <h1>{{ $record->title_en ?: 'News/Announcement #'.$record->id }}</h1>
                        <p class="submission-reference">Record #{{ $record->id }} <span aria-hidden="true">·</span> {{ $record->slug ?: 'No slug assigned' }}</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.news-announcements.edit', $record->id) }}"><i data-lucide="pencil" width="16" height="16" aria-hidden="true"></i> Edit record</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">Event information</p><h2>{{ $record->event_date?->format('d M Y') ?? 'News &amp; announcement details' }}</h2></div>
                        <span class="submission-type">{{ $typeLabel }}</span>
                    </div>
                    <dl class="submission-data-grid">
                        <div class="submission-data-item"><dt>Event date</dt><dd>{{ $record->event_date?->format('l, d F Y') ?? 'Not specified' }}</dd></div>
                        <div class="submission-data-item"><dt>Event time</dt><dd>{{ $record->event_time ?: 'Not specified' }}</dd></div>
                        <div class="submission-data-item"><dt>Venue</dt><dd>{{ $record->venue_en ?: 'Not specified' }}</dd></div>
                        <div class="submission-data-item"><dt>Assamese venue</dt><dd>{{ $record->venue_as ?: 'Not specified' }}</dd></div>
                        <div class="submission-data-item"><dt>Published at</dt><dd>{{ $record->published_at?->format('d M Y, h:i A') ?? 'Not scheduled' }}</dd></div>
                        <div class="submission-data-item"><dt>Featured</dt><dd>{{ $record->is_featured ? 'Yes' : 'No' }}{{ $record->is_featured && $record->featured_order !== null ? ' · Order '.$record->featured_order : '' }}</dd></div>
                    </dl>
                </section>

                <section class="submission-panel">
                    <div class="submission-panel-heading"><div><p class="submission-eyebrow">English</p><h2>{{ $record->title_en ?: 'English content' }}</h2></div><span class="submission-type">English</span></div>
                    @if ($record->description_en)<p class="submission-description">{{ $record->description_en }}</p>@endif
                    <div class="submission-message">{{ $record->content_en ?: 'No English content provided.' }}</div>
                </section>

                <section class="submission-panel">
                    <div class="submission-panel-heading"><div><p class="submission-eyebrow">Assamese</p><h2>{{ $record->title_as ?: 'অসমীয়া বিষয়বস্তু' }}</h2></div><span class="submission-type">অসমীয়া</span></div>
                    @if ($record->description_as)<p class="submission-description">{{ $record->description_as }}</p>@endif
                    <div class="submission-message">{{ $record->content_as ?: 'অসমীয়াত কোনো বিষয়বস্তু দিয়া হোৱা নাই।' }}</div>
                </section>
            </div>

            <aside class="submission-side-column">
                <section class="submission-panel">
                    <div class="submission-panel-heading"><div><p class="submission-eyebrow">Media</p><h2>News &amp; event image</h2></div><i class="submission-section-icon" data-lucide="image" width="20" height="20" aria-hidden="true"></i></div>
                    @if ($imageUrl)
                        <a class="submission-preview" href="{{ $imageUrl }}" target="_blank" rel="noopener"><img src="{{ $imageUrl }}" alt="{{ $record->title_en }}"></a>
                    @else
                        <div class="submission-empty"><i data-lucide="image-off" width="20" height="20" aria-hidden="true"></i> No image attached.</div>
                    @endif
                </section>

                <section class="submission-panel">
                    <div class="submission-panel-heading"><div><p class="submission-eyebrow">Attachment</p><h2>Related document</h2></div><i class="submission-section-icon" data-lucide="file-text" width="20" height="20" aria-hidden="true"></i></div>
                    @if ($documentUrl)
                        <div class="submission-file-row"><span class="submission-pdf-mark">FILE</span><div class="submission-file-info"><strong>{{ $record->document->title_en ?: basename($record->document->file_path) }}</strong><small>{{ $record->document->file_path }}</small></div><a class="submission-file-button" href="{{ $documentUrl }}" target="_blank" rel="noopener"><i data-lucide="external-link" width="15" height="15"></i> Open file</a></div>
                    @else
                        <div class="submission-empty"><i data-lucide="file-x-2" width="20" height="20" aria-hidden="true"></i> No document attached.</div>
                    @endif
                </section>

                <section class="submission-panel submission-record-panel">
                    <p class="submission-eyebrow">Record</p><h2>Record information</h2>
                    <dl class="submission-contact-list">
                        <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>

    <style>
        .submission-description { margin: -7px 0 17px; color: var(--submission-muted); font-size: 13px; line-height: 1.7; white-space: pre-line; }
    </style>
@endsection