@extends('layouts.admin')

@section('title', 'Tambah Video Edukasi Baru')

@section('content')
<div class="card border-0 shadow-sm rounded-4 p-4 col-lg-8 mx-auto">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h5 class="fw-bold mb-0">Form Tambah Video YouTube</h5>
        <a href="{{ route('admin.videos.index') }}" class="btn btn-outline-secondary btn-sm rounded-pill">&larr; Batal & Kembali</a>
    </div>

    <form action="{{ route('admin.videos.store') }}" method="POST">
        @csrf
        
        <div class="mb-3">
            <label class="form-label fw-bold">Judul Video</label>
            <input type="text" name="title" class="form-control" placeholder="Contoh: Cara Pemilahan Sampah yang Benar di Rumah" required>
        </div>

        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label fw-bold">URL YouTube</label>
                <input type="url" name="youtube_url" class="form-control" placeholder="https://www.youtube.com/watch?v=..." required>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label fw-bold">Kategori Video</label>
                <input type="text" name="category" class="form-control" value="Pemilahan" placeholder="Contoh: Pemilahan / Daur Ulang" required>
            </div>
        </div>

        <div class="mb-4">
            <label class="form-label fw-bold">Deskripsi Video</label>
            <textarea name="description" class="form-control" rows="3" placeholder="Penjelasan singkat isi video..."></textarea>
        </div>

        <button type="submit" class="btn btn-warning btn-lg w-100 rounded-pill fw-bold text-dark">
            <i class="fa-solid fa-save me-1"></i> Simpan Video
        </button>
    </form>
</div>
@endsection
