@php $video = $video ?? null; @endphp

<div>
    <label for="youtube_url" class="block text-sm font-medium text-ink-700">Lien YouTube</label>
    <input type="url" name="youtube_url" id="youtube_url" value="{{ old('youtube_url', $video?->original_url) }}"
           placeholder="https://www.youtube.com/watch?v=..." required
           class="mt-1 w-full rounded-lg border border-ink-900/15 px-3 py-2.5 text-sm focus:border-congo-800 focus:outline-none">
    <p class="mt-1 text-xs text-ink-500">
        Collez simplement le lien complet (youtube.com/watch, youtu.be, avec ou sans temps de départ « t=14s »).
        L'identifiant et le temps de démarrage sont extraits automatiquement — jamais besoin de saisir un iframe.
    </p>
    @error('youtube_url')<p class="mt-1 text-xs text-accent-red">{{ $message }}</p>@enderror
    @if ($video)
        <p class="mt-1 text-xs text-ink-500">Actuellement : identifiant <strong>{{ $video->youtube_id }}</strong>, démarrage à <strong>{{ $video->start_seconds }}s</strong>.</p>
    @endif
</div>

<div class="mt-5">
    <label for="title" class="block text-sm font-medium text-ink-700">Titre</label>
    <input type="text" name="title" id="title" value="{{ old('title', $video?->title) }}" required
           class="mt-1 w-full rounded-lg border border-ink-900/15 px-3 py-2.5 text-sm focus:border-congo-800 focus:outline-none">
    @error('title')<p class="mt-1 text-xs text-accent-red">{{ $message }}</p>@enderror
</div>

<div class="mt-5">
    <label for="description" class="block text-sm font-medium text-ink-700">Description (facultatif)</label>
    <textarea name="description" id="description" rows="3"
              class="mt-1 w-full rounded-lg border border-ink-900/15 px-3 py-2.5 text-sm focus:border-congo-800 focus:outline-none">{{ old('description', $video?->description) }}</textarea>
    @error('description')<p class="mt-1 text-xs text-accent-red">{{ $message }}</p>@enderror
</div>

<div class="mt-5 grid gap-5 sm:grid-cols-2">
    <div>
        <label for="category" class="block text-sm font-medium text-ink-700">Catégorie (facultatif)</label>
        <input type="text" name="category" id="category" value="{{ old('category', $video?->category) }}"
               class="mt-1 w-full rounded-lg border border-ink-900/15 px-3 py-2.5 text-sm focus:border-congo-800 focus:outline-none">
    </div>
    <div>
        <label for="published_on" class="block text-sm font-medium text-ink-700">Date ou contexte (facultatif)</label>
        <input type="date" name="published_on" id="published_on" value="{{ old('published_on', $video?->published_on?->format('Y-m-d')) }}"
               class="mt-1 w-full rounded-lg border border-ink-900/15 px-3 py-2.5 text-sm focus:border-congo-800 focus:outline-none">
    </div>
</div>

<div class="mt-5 space-y-3 border-t border-ink-900/10 pt-5">
    <label class="flex items-center gap-2 text-sm text-ink-700">
        <input type="checkbox" name="published" value="1" @checked(old('published', $video?->published ?? true))> Publiée
    </label>
    <label class="flex items-center gap-2 text-sm text-ink-700">
        <input type="checkbox" name="featured" value="1" @checked(old('featured', $video?->featured))>
        Définir comme vidéo principale
        <span class="text-xs text-ink-500">(une seule à la fois — les autres seront automatiquement dé-sélectionnées)</span>
    </label>
</div>