@extends('admin.layout')
@section('title', 'Edit Video')

@section('content')
<h2 style="font-size:18px; color:#fff; margin-bottom:20px;">✏️ Edit Video — {{ $video->title }}</h2>

@if($errors->any())
    <div class="alert alert-error">
        <ul style="margin-left:16px">
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<form method="POST" action="{{ route('admin.videos.update', $video) }}">
    @csrf
    @method('PUT')

    <div class="form-group">
        <label>Slug</label>
        <input type="text" class="form-control" value="{{ $video->slug }}" disabled style="max-width:200px; opacity:0.5">
        <div class="form-hint">Slug tidak bisa diubah. Player URL: /e/{{ $video->slug }}</div>
    </div>

    <div class="form-group">
        <label for="title">Title *</label>
        <input type="text" id="title" name="title" class="form-control" value="{{ old('title', $video->title) }}" required>
    </div>

    <div class="form-group">
        <label for="description">Description (opsional)</label>
        <textarea id="description" name="description" class="form-control" rows="3" placeholder="Kosongkan untuk tetap gunakan title">{{ old('description', $video->description) }}</textarea>
        <div class="form-hint">Jika kosong saat video dibuat, description otomatis menggunakan title.</div>
    </div>

    <div class="form-group">
        <label for="embed_url">Embed URL *</label>
        <input type="url" id="embed_url" name="embed_url" class="form-control" value="{{ old('embed_url', $video->embed_url) }}" required>
    </div>

    <div class="form-group">
        <label for="provider">Provider *</label>
        <input type="text" id="provider" name="provider" class="form-control" value="{{ old('provider', $video->provider) }}" required style="max-width:300px">
    </div>

    <div class="form-group">
        <label for="play_mode">Play Mode *</label>
        <select id="play_mode" name="play_mode" class="form-control" style="max-width:200px">
            <option value="auto" {{ old('play_mode', $video->play_mode) === 'auto' ? 'selected' : '' }}>Auto (extract + fallback)</option>
            <option value="hls" {{ old('play_mode', $video->play_mode) === 'hls' ? 'selected' : '' }}>HLS (paksa extract)</option>
            <option value="iframe" {{ old('play_mode', $video->play_mode) === 'iframe' ? 'selected' : '' }}>Iframe (langsung embed)</option>
        </select>
    </div>

    <div class="form-group">
        <label for="status">Status *</label>
        <select id="status" name="status" class="form-control" style="max-width:200px">
            <option value="ready" {{ old('status', $video->status) === 'ready' ? 'selected' : '' }}>Ready</option>
            <option value="disabled" {{ old('status', $video->status) === 'disabled' ? 'selected' : '' }}>Disabled</option>
        </select>
    </div>

    @if(!$video->isSelfHosted())
    <div class="form-group">
        <label for="thumbnail_url">Thumbnail URL (opsional)</label>
        <input type="url" id="thumbnail_url" name="thumbnail_url" class="form-control" value="{{ old('thumbnail_url') }}" placeholder="https://example.com/thumb.jpg">
        <div class="form-hint">
            Isi URL baru untuk replace thumbnail. Akan didownload & disimpan ke local.
            @if($video->thumbnail_path)
                <br>Thumbnail saat ini: <code style="color:#6fbf6f;">{{ $video->thumbnail_path }}</code>
            @endif
        </div>
    </div>
    @endif

    @php
        $selectedCategories = old('category_ids', $video->categories->pluck('id')->toArray());
        $selectedTags = old('tag_ids', $video->tags->pluck('id')->toArray());
    @endphp

    <div class="form-group">
        <label>Kategori</label>
        @if($categories->count() > 0)
            <div style="display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:8px; max-width:700px;">
                @foreach($categories as $category)
                    <label style="display:flex; align-items:center; gap:6px; font-size:13px; color:#ccc;">
                        <input type="checkbox" name="category_ids[]" value="{{ $category->id }}" {{ in_array($category->id, $selectedCategories) ? 'checked' : '' }}>
                        <span>{{ $category->name }}</span>
                    </label>
                @endforeach
            </div>
        @else
            <div class="form-hint">Belum ada kategori. Tambah dulu di halaman Setting Kategori.</div>
        @endif
    </div>

    <div class="form-group">
        <label>Tags</label>
        @if($tags->count() > 0)
            <div style="display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:8px; max-width:700px;">
                @foreach($tags as $tag)
                    <label style="display:flex; align-items:center; gap:6px; font-size:13px; color:#ccc;">
                        <input type="checkbox" name="tag_ids[]" value="{{ $tag->id }}" {{ in_array($tag->id, $selectedTags) ? 'checked' : '' }}>
                        <span>{{ $tag->name }}</span>
                    </label>
                @endforeach
            </div>
        @else
            <div class="form-hint">Belum ada tag. Tambah dulu di halaman Setting Tags.</div>
        @endif
    </div>

    {{-- Info section --}}
    <div style="background:#111; border:1px solid #222; border-radius:6px; padding:16px; margin-top:24px; max-width:600px;">
        <h3 style="font-size:13px; color:#666; text-transform:uppercase; margin-bottom:12px;">Status Extract</h3>
        <table style="background:transparent; border:none; width:100%">
            <tr>
                <td style="border:none; color:#666; width:140px; padding:4px 0; font-size:13px">HLS URL</td>
                <td style="border:none; color:#aaa; padding:4px 0; font-size:12px; word-break:break-all">{{ $video->hls_url ?? '—' }}</td>
            </tr>
            <tr>
                <td style="border:none; color:#666; padding:4px 0; font-size:13px">Extract Failed</td>
                <td style="border:none; padding:4px 0">
                    @if($video->extract_failed)
                        <span class="badge badge-fail">YA</span>
                    @else
                        <span class="badge badge-ready">TIDAK</span>
                    @endif
                </td>
            </tr>
            <tr>
                <td style="border:none; color:#666; padding:4px 0; font-size:13px">Last Extracted</td>
                <td style="border:none; color:#aaa; padding:4px 0; font-size:13px">{{ $video->last_extracted_at?->diffForHumans() ?? '—' }}</td>
            </tr>
            <tr>
                <td style="border:none; color:#666; padding:4px 0; font-size:13px">Error Message</td>
                <td style="border:none; color:#bf6f6f; padding:4px 0; font-size:12px; word-break:break-all">{{ $video->error_message ?? '—' }}</td>
            </tr>
            <tr>
                <td style="border:none; color:#666; padding:4px 0; font-size:13px">Created</td>
                <td style="border:none; color:#aaa; padding:4px 0; font-size:13px">{{ $video->created_at->format('Y-m-d H:i') }}</td>
            </tr>
        </table>
    </div>

    <div class="form-actions">
        <button type="submit" class="btn btn-primary">Simpan Perubahan</button>
        <a href="{{ route('admin.videos.show', $video) }}" class="btn btn-secondary">Batal</a>

        @if($video->isPlayable())
            <a href="{{ route('embed.show', $video) }}" target="_blank" class="btn btn-secondary">▶ Preview</a>
        @endif
    </div>
</form>
@endsection