@extends('layouts.panel')

@section('title', 'Vídeos')
@section('heading', $queue ? 'Fila de análise' : 'Vídeos')
@section('lede', $queue ? 'Peças enviadas aguardando revisão' : 'Biblioteca e fluxo de aprovação')

@section('content')
<div class="page-toolbar">
    <form method="GET" class="filter-bar">
        @if ($queue)
            <input type="hidden" name="queue" value="1">
        @endif
        <div class="field">
            <label for="q">Busca</label>
            <input id="q" name="q" value="{{ $filters['q'] }}" placeholder="Título, arquivo ou anunciante">
        </div>
        <div class="field">
            <label for="status">Status</label>
            <select id="status" name="status">
                <option value="">Todos</option>
                @foreach (\App\Enums\VideoStatus::cases() as $status)
                    <option value="{{ $status->value }}" @selected($filters['status'] === $status->value)>{{ $status->label() }}</option>
                @endforeach
            </select>
        </div>
        <button type="submit" class="btn-secondary">Filtrar</button>
        @if (auth()->user()->isAdmin())
            @if ($queue)
                <a href="{{ route('panel.videos.index') }}" class="btn-link">Ver todos</a>
            @else
                <a href="{{ route('panel.videos.index', ['queue' => 1]) }}" class="btn-link">Fila de análise</a>
            @endif
        @endif
    </form>
    @can('create', \App\Models\Video::class)
        <a href="{{ route('panel.videos.create') }}" class="btn-primary">Enviar vídeo</a>
    @endcan
</div>

@if ($videos->isEmpty())
    <section class="work-panel">
        <div class="empty-state">
            <p class="empty-kicker">Mídia</p>
            <h3>{{ $queue ? 'Nada na fila agora' : 'Nenhum vídeo encontrado' }}</h3>
            <p>
                @if (auth()->user()->isAdvertiser())
                    Envie um MP4. Ele entra como enviado e só vai ao ar depois da aprovação.
                @else
                    Os anunciantes enviam as peças. A aprovação e a publicação ficam neste painel.
                @endif
            </p>
        </div>
    </section>
@else
    <div class="record-list">
        @foreach ($videos as $video)
            <article class="record-card">
                <div class="record-card-main">
                    @if ($video->thumbnail_path)
                        <img class="record-thumb" src="{{ route('panel.videos.thumbnail', $video) }}" alt="">
                    @else
                        <span class="record-avatar" aria-hidden="true">▶</span>
                    @endif
                    <div>
                        <h3 class="record-card-title">{{ $video->title }}</h3>
                        <p class="record-card-sub">{{ $video->advertiser?->company?->displayName() ?? $video->advertiser?->contact_name }}</p>
                        <p class="record-card-meta">
                            <span>{{ $video->formattedDuration() }}</span>
                            <span>{{ $video->formattedSize() }}</span>
                            <span>{{ $video->original_filename }}</span>
                        </p>
                    </div>
                </div>
                <div class="record-card-aside">
                    <x-status-badge :status="$video->status" />
                    <div class="table-actions">
                        <a class="btn-link" href="{{ route('panel.videos.show', $video) }}">Ver</a>
                        @can('update', $video)
                            <a class="btn-link" href="{{ route('panel.videos.edit', $video) }}">Editar</a>
                        @endcan
                        @can('delete', $video)
                            @if (app(\App\Services\VideoLibraryService::class)->canDelete($video))
                                <x-delete-button
                                    :action="route('panel.videos.destroy', $video)"
                                    :confirm="'Excluir o vídeo «'.$video->title.'» e o arquivo armazenado?'"
                                />
                            @else
                                @can('forceDelete', $video)
                                    <x-delete-button
                                        :action="route('panel.videos.destroy', $video)"
                                        :confirm="'Apaga sessões e impressões deste vídeo e remove o arquivo. Não dá para desfazer. Excluir «'.$video->title.'»?'"
                                        label="Excluir com histórico"
                                        title="Excluir vídeo e histórico"
                                        confirm-button="Sim, apagar tudo"
                                        :force="true"
                                    />
                                @endcan
                            @endif
                        @endcan
                    </div>
                </div>
            </article>
        @endforeach
        @if ($videos->hasPages())
            <div class="pagination-wrap">{{ $videos->links() }}</div>
        @endif
    </div>
@endif
@endsection