@extends('admin.layouts.app')

@php
    $pageTitle = 'Admin - Video List';
    $pageHeading = 'Video List';
    $pageSubheading = 'Monitor video status, scan storage, and manage assets.';
@endphp

@push('head')
<style>
    .top { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; gap:10px; flex-wrap:wrap; }
    .top-actions { display:flex; gap:8px; flex-wrap:wrap; }
    table { width:100%; border-collapse:collapse; background:#fff; }
    th, td { border-bottom:1px solid #e5e7eb; padding:10px; text-align:left; font-size:13px; }
    th { background:#f8fafc; }
    .status { padding:3px 8px; border-radius:12px; color:#fff; font-size:12px; display:inline-block; }
    .uploaded { background:#6b7280; }
    .encoding { background:#f59e0b; }
    .ready { background:#16a34a; }
    .failed { background:#dc2626; }
    .disabled { background:#111827; }
    .muted { color:#6b7280; }
    .actions { display:flex; gap:6px; flex-wrap:wrap; }
</style>
@endpush

@section('content')
    <div class="content-card">
        <div class="top">
            <h2 style="margin:0; font-size:28px;">Video List ({{ $videos->total() }})</h2>
            <div class="top-actions">
                <a class="btn btn-secondary" href="{{ route('admin.videos.import.form') }}">Import CSV</a>
                <a class="btn btn-dark" href="{{ route('admin.videos.export') }}">Export CSV</a>
                <a class="btn btn-warning" href="{{ route('admin.videos.create-manual') }}">Tambah Manual</a>
                <a class="btn btn-primary" href="{{ route('admin.videos.create') }}">Upload Video</a>
            </div>
        </div>

        @if($errors->any())
            <div class="alert err" style="margin-bottom:10px;">{{ $errors->first() }}</div>
        @endif

        <table>
            <thead>
            <tr>
                <th>Title</th>
                <th>Status</th>
                <th>Provider</th>
                <th>Storage</th>
                <th>Created At</th>
                <th>Action</th>
            </tr>
            </thead>
            <tbody>
            @forelse($videos as $video)
                <tr>
                    <td>
                        <strong>{{ $video->title }}</strong><br>
                        <span class="muted">{{ $video->slug }}</span>
                    </td>
                    <td><span class="status {{ $video->status }}">{{ ucfirst($video->status) }}</span></td>
                    <td>{{ $video->display_provider }}</td>
                    <td>{{ $video->display_storage }}</td>
                    <td>{{ $video->created_at?->format('Y-m-d H:i') }}</td>
                    <td>
                        <div class="actions">
                            @if(!empty($video->play_url))
                                <a class="btn btn-primary" href="{{ $video->play_url }}" target="_blank" rel="noopener">Play</a>
                            @endif
                            <a class="btn btn-secondary" href="{{ route('admin.videos.show', $video) }}">View</a>
                            @if($video->status === 'failed')
                                <form action="{{ route('admin.videos.retry', $video) }}" method="POST">
                                    @csrf
                                    <button class="btn btn-warning" type="submit">Retry</button>
                                </form>
                            @endif
                            @if($video->status !== 'disabled')
                                <form action="{{ route('admin.videos.disable', $video) }}" method="POST">
                                    @csrf
                                    <button class="btn btn-dark" type="submit" onclick="return confirm('Disable video ini?')">Disable</button>
                                </form>
                            @endif
                            <form action="{{ route('admin.videos.destroy', $video) }}" method="POST">
                                @csrf @method('DELETE')
                                <button class="btn btn-danger" type="submit" onclick="return confirm('Delete dan cleanup asset?')">Delete</button>
                            </form>
                        </div>
                    </td>
                </tr>
            @empty
                <tr><td colspan="6" class="muted">Belum ada video.</td></tr>
            @endforelse
            </tbody>
        </table>

        <div style="margin-top:12px;">{{ $videos->links() }}</div>
    </div>
@endsection