@extends('admin.layouts.app')

@php
    $pageTitle = 'Admin - Tambah Video Manual';
    $pageHeading = 'Tambah Video Manual';
    $pageSubheading = 'Tambah metadata video tanpa upload file.';
@endphp

@push('head')
<style>
    .manual-wrap { max-width: 920px; }
    .group { margin-bottom: 14px; }
    label { display:block; margin-bottom:6px; font-weight:600; font-size:13px; }
    input[type=text], input[type=url], select { width:100%; padding:9px; border:1px solid #d1d5db; border-radius:8px; }
    .help { color:#6b7280; font-size:12px; margin-top:4px; }
    .errors { background:#fee2e2; color:#991b1b; border-radius:8px; padding:10px; margin-bottom:12px; font-size:13px; }
    .actions { display:flex; gap:8px; flex-wrap:wrap; }
    .grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    @media (max-width: 800px) { .grid { grid-template-columns:1fr; } }
</style>
@endpush

@section('content')
<div class="content-card manual-wrap">
    @if ($errors->any())
        <div class="errors">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ route('admin.videos.store-manual') }}" method="POST">
        @csrf

        <div class="group">
            <label for="title">Title</label>
            <input type="text" id="title" name="title" value="{{ old('title') }}" required>
        </div>

        <div class="group">
            <label for="provider">Provider</label>
            <input type="text" id="provider" name="provider" value="{{ old('provider') }}" placeholder="dood / mixdrop / streamtape" required>
        </div>

        <div class="group">
            <label for="embed_url">Embed URL</label>
            <input type="url" id="embed_url" name="embed_url" value="{{ old('embed_url') }}" placeholder="https://example.com/e/xxxx" required>
            <div class="help">Sistem akan coba extract HLS. Jika gagal, otomatis fallback ke iframe asli.</div>
        </div>

        <div class="group">
            <label for="thumbnail_url">Thumbnail URL (opsional)</label>
            <input type="url" id="thumbnail_url" name="thumbnail_url" value="{{ old('thumbnail_url') }}" placeholder="https://cdn.example.com/thumb.jpg">
        </div>

        <div class="grid">
            <div class="group">
                <label for="play_mode">Play Mode</label>
                <select id="play_mode" name="play_mode">
                    <option value="auto" @selected(old('play_mode', 'auto') === 'auto')>Auto (Extract → Iframe)</option>
                    <option value="hls" @selected(old('play_mode') === 'hls')>Force HLS</option>
                    <option value="iframe" @selected(old('play_mode') === 'iframe')>Force Iframe</option>
                </select>
            </div>

            <div class="group">
                <label for="status">Status</label>
                <select id="status" name="status">
                    <option value="active" @selected(old('status', 'active') === 'active')>Active</option>
                    <option value="disabled" @selected(old('status') === 'disabled')>Disabled</option>
                </select>
            </div>
        </div>

        <div class="actions">
            <button class="btn btn-primary" type="submit">Simpan Video Manual</button>
            <a class="btn btn-secondary" href="{{ route('admin.videos.index') }}">Kembali</a>
            <a class="btn btn-dark" href="{{ route('admin.videos.import.form') }}">Import CSV</a>
        </div>
    </form>
</div>
@endsection