@extends('layouts.panel')

@section('title', $video->title)
@section('heading', $video->title)
@section('lede', 'Ficha do vídeo')

@section('content')
<section class="work-panel">
    <header class="work-panel-head">
        <div>
            <h2>{{ $video->advertiser?->company?->displayName() ?? $video->advertiser?->contact_name }}</h2>
            <p>
                {{ $video->source_type->label() }}
                @if ($video->isEmbed())
                    · {{ $video->embed_url }}
                @else
                    · {{ $video->original_filename }} · {{ $video->formattedSize() }}
                @endif
                · {{ $video->requiredWatchSeconds() }}s na tela
            </p>
        </div>
        <x-status-badge :status="$video->status" />
    </header>

    <div class="video-stage">
        @if ($video->isEmbed())
            <iframe
                class="video-preview"
                src="{{ $video->embed_url }}"
                title="{{ $video->title }}"
                allow="autoplay; encrypted-media; picture-in-picture"
                allowfullscreen
                loading="lazy"
            ></iframe>
        @else
            <video class="video-preview" controls preload="metadata" @if($video->thumbnail_path) poster="{{ route('panel.videos.thumbnail', $video) }}" @endif>
                <source src="{{ route('panel.videos.stream', $video) }}" type="{{ $video->mime ?: 'video/mp4' }}">
            </video>
        @endif
    </div>

    <dl class="detail-grid">
        <div>
            <dt>Anunciante</dt>
            <dd>{{ $video->advertiser?->contact_name ?? '—' }}</dd>
        </div>
        <div>
            <dt>Enviado em</dt>
            <dd>{{ $video->submitted_at?->timezone(config('app.timezone'))->format('d/m/Y H:i') ?? '—' }}</dd>
        </div>
        <div>
            <dt>Analisado em</dt>
            <dd>{{ $video->reviewed_at?->timezone(config('app.timezone'))->format('d/m/Y H:i') ?? '—' }}</dd>
        </div>
        <div>
            <dt>Publicado em</dt>
            <dd>{{ $video->published_at?->timezone(config('app.timezone'))->format('d/m/Y H:i') ?? '—' }}</dd>
        </div>
        @if ($video->description)
            <div class="field-span">
                <dt>Descrição</dt>
                <dd>{{ $video->description }}</dd>
            </div>
        @endif
        @if ($video->rejected_reason)
            <div class="field-span">
                <dt>Motivo da reprovação</dt>
                <dd>{{ $video->rejected_reason }}</dd>
            </div>
        @endif
    </dl>
</section>

@can('review', $video)
    <section class="work-panel">
        <header class="work-panel-head">
            <div>
                <h2>Fluxo de aprovação</h2>
                <p>Enviado → em análise → aprovado ou reprovado → publicado. Pausar e finalizar valem depois da publicação.</p>
            </div>
        </header>
        <div class="workflow-actions">
            @if (in_array($video->status, [\App\Enums\VideoStatus::Submitted, \App\Enums\VideoStatus::InReview], true))
                @if ($video->status === \App\Enums\VideoStatus::Submitted)
                    <form method="POST" action="{{ route('panel.videos.review', $video) }}">
                        @csrf
                        <button type="submit" class="btn-secondary">Marcar em análise</button>
                    </form>
                @endif

                <form method="POST" action="{{ route('panel.videos.approve', $video) }}" class="workflow-approve">
                    @csrf
                    @if (! $video->duration_ms)
                        <div class="field">
                            <label for="duration_seconds">Duração (segundos)</label>
                            <input id="duration_seconds" name="duration_seconds" type="number" min="5" max="180" required>
                            <p class="field-hint">O servidor não leu a duração. Informe para poder aprovar.</p>
                        </div>
                    @endif
                    <button type="submit" class="btn-primary">Aprovar</button>
                </form>

                <form
                    method="POST"
                    action="{{ route('panel.videos.reject', $video) }}"
                    class="workflow-reject"
                    data-confirm="O anunciante verá o motivo informado."
                    data-confirm-title="Reprovar vídeo"
                    data-confirm-button="Sim, reprovar"
                >
                    @csrf
                    <div class="field">
                        <label for="rejected_reason">Motivo da reprovação</label>
                        <textarea id="rejected_reason" name="rejected_reason" rows="2" required maxlength="500">{{ old('rejected_reason') }}</textarea>
                        @error('rejected_reason') <p class="field-error">{{ $message }}</p> @enderror
                    </div>
                    <button type="submit" class="btn-danger">Reprovar</button>
                </form>
            @endif

            @if (in_array($video->status, [\App\Enums\VideoStatus::Approved, \App\Enums\VideoStatus::Paused], true))
                <form method="POST" action="{{ route('panel.videos.publish', $video) }}">
                    @csrf
                    <button type="submit" class="btn-primary">Publicar</button>
                </form>
            @endif

            @if ($video->status === \App\Enums\VideoStatus::Published)
                <form method="POST" action="{{ route('panel.videos.pause', $video) }}">
                    @csrf
                    <button type="submit" class="btn-secondary">Pausar</button>
                </form>
            @endif

            @if (in_array($video->status, [\App\Enums\VideoStatus::Published, \App\Enums\VideoStatus::Paused], true))
                <form method="POST" action="{{ route('panel.videos.finish', $video) }}">
                    @csrf
                    <button type="submit" class="btn-secondary">Finalizar</button>
                </form>
            @endif
        </div>
    </section>
@endcan

<div class="inline-actions">
    @can('update', $video)
        <a href="{{ route('panel.videos.edit', $video) }}" class="btn-primary">Editar</a>
    @endcan
    <a href="{{ route('panel.videos.index') }}" class="btn-secondary">Voltar</a>
    @can('delete', $video)
        @if (app(\App\Services\VideoLibraryService::class)->canDelete($video))
            <x-delete-button
                :action="route('panel.videos.destroy', $video)"
                confirm="Excluir este vídeo e o arquivo armazenado?"
                button-class="btn-danger"
            />
        @else
            @can('forceDelete', $video)
                <x-delete-button
                    :action="route('panel.videos.destroy', $video)"
                    confirm="Apaga todas as sessões e impressões deste vídeo e remove o arquivo. Use para limpar dados de teste. Não dá para desfazer."
                    label="Excluir com histórico"
                    title="Excluir vídeo e histórico"
                    confirm-button="Sim, apagar tudo"
                    button-class="btn-danger"
                    :force="true"
                />
            @endif
        @endif
    @endcan
</div>
@endsection