@php
    $video = $video ?? null;
    $sourceType = old('source_type', $video?->source_type?->value ?? 'upload');
@endphp

@if (auth()->user()->isAdmin() && ! $video)
    <div class="field field-span">
        <label for="advertiser_id">Anunciante</label>
        <select id="advertiser_id" name="advertiser_id" required>
            <option value="">Selecione</option>
            @foreach ($advertisers as $advertiser)
                <option value="{{ $advertiser->id }}" @selected((string) old('advertiser_id') === (string) $advertiser->id)>
                    {{ $advertiser->contact_name }} — {{ $advertiser->company?->displayName() }}
                </option>
            @endforeach
        </select>
        @error('advertiser_id') <p class="field-error">{{ $message }}</p> @enderror
    </div>
@endif

<div class="field field-span">
    <label>Origem do vídeo</label>
    <div class="inline-actions" style="flex-wrap: wrap; gap: 0.75rem;">
        @foreach (\App\Enums\VideoSourceType::cases() as $option)
            <label class="btn-secondary" style="cursor: pointer;">
                <input
                    type="radio"
                    name="source_type"
                    value="{{ $option->value }}"
                    @checked($sourceType === $option->value)
                    @disabled($video && $video->source_type !== $option)
                    style="margin-right: 0.4rem;"
                >
                {{ $option->label() }}
            </label>
        @endforeach
    </div>
    @error('source_type') <p class="field-error">{{ $message }}</p> @enderror
</div>

<div class="field field-span">
    <label for="title">Título</label>
    <input id="title" name="title" value="{{ old('title', $video?->title) }}" required>
    @error('title') <p class="field-error">{{ $message }}</p> @enderror
</div>

<div class="field field-span">
    <label for="description">Descrição</label>
    <textarea id="description" name="description" rows="3">{{ old('description', $video?->description) }}</textarea>
    @error('description') <p class="field-error">{{ $message }}</p> @enderror
</div>

<div class="field field-span" data-video-source="embed" @if($sourceType === 'upload' && ! $video?->isEmbed()) hidden @endif>
    <label for="embed_url">Link do TikTok ou Instagram</label>
    <input
        id="embed_url"
        name="embed_url"
        type="url"
        value="{{ old('embed_url', $video?->embed_url) }}"
        placeholder="https://www.tiktok.com/@usuario/video/123..."
        @if($sourceType !== 'upload' || $video?->isEmbed()) required @endif
    >
    <p class="field-hint">Cole o link público do vídeo ou Reels. O portal exibirá o embed da plataforma.</p>
    @error('embed_url') <p class="field-error">{{ $message }}</p> @enderror
</div>

<div class="field" data-video-source="upload" @if($sourceType !== 'upload' && ! $video?->isEmbed()) hidden @endif>
    <label for="file">{{ $video ? 'Substituir MP4' : 'Arquivo MP4' }}</label>
    <input id="file" name="file" type="file" accept="video/mp4,.mp4" @required(! $video && $sourceType === 'upload')>
    <p class="field-hint">
        Máximo {{ $maxVideoMb }} MB neste servidor.
        @if ($phpUploadMb < $configuredMaxVideoMb)
            O PHP aceita {{ $phpUploadMb }} MB; o limite da plataforma está em {{ $configuredMaxVideoMb }} MB.
        @endif
        @if ($video && ! $video->status->allowsFileReplace())
            O arquivo só pode ser trocado enquanto o status for enviado ou reprovado.
        @endif
    </p>
    @error('file') <p class="field-error">{{ $message }}</p> @enderror
</div>

<div class="field">
    <label for="min_watch_seconds">Tempo mínimo na tela (segundos)</label>
    <input
        id="min_watch_seconds"
        name="min_watch_seconds"
        type="number"
        min="5"
        max="180"
        value="{{ old('min_watch_seconds', $video?->min_watch_seconds ?? 60) }}"
    >
    <p class="field-hint">Quanto tempo a pessoa precisa permanecer na tela do vídeo para liberar o Wi-Fi.</p>
    @error('min_watch_seconds') <p class="field-error">{{ $message }}</p> @enderror
</div>

<div class="field">
    <label for="thumbnail">Capa (opcional)</label>
    @if ($video?->thumbnail_path)
        <img class="logo-preview" src="{{ route('panel.videos.thumbnail', $video) }}" alt="Capa atual">
    @endif
    <input id="thumbnail" name="thumbnail" type="file" accept="image/jpeg,image/png,image/webp">
    <p class="field-hint">JPG, PNG ou WEBP. Se vazio no upload MP4, o sistema tenta gerar um quadro do vídeo.</p>
    @error('thumbnail') <p class="field-error">{{ $message }}</p> @enderror
</div>

<script>
(() => {
    const form = document.currentScript?.closest('form');
    if (!form) return;

    const uploadBlock = form.querySelector('[data-video-source="upload"]');
    const embedBlock = form.querySelector('[data-video-source="embed"]');
    const fileInput = form.querySelector('#file');
    const embedInput = form.querySelector('#embed_url');

    form.querySelectorAll('input[name="source_type"]').forEach((radio) => {
        radio.addEventListener('change', () => {
            const isUpload = radio.value === 'upload' && radio.checked;
            if (!radio.checked) return;

            uploadBlock.hidden = !isUpload;
            embedBlock.hidden = isUpload;

            if (fileInput) fileInput.required = isUpload && !{{ $video ? 'true' : 'false' }};
            if (embedInput) embedInput.required = !isUpload;
        });
    });
})();
</script>