@extends('admin.layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card bg-dark border-warning">
                    <div class="card-header">
                        <h3 class="card-title text-warning">
                            <i class="fas fa-plus me-2"></i>Add Video
                        </h3>
                    </div>
                    <div class="card-body">
                        @if (session('success'))
                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                {{ session('success') }}
                                <button type="button" class="btn-close" data-bs-dismiss="alert"
                                    aria-label="Close"></button>
                            </div>
                        @endif

                        @if ($errors->any())
                            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                <ul class="mb-0">
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                                <button type="button" class="btn-close" data-bs-dismiss="alert"
                                    aria-label="Close"></button>
                            </div>
                        @endif

                        <form action="{{ route('admin.videos.store') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="mb-3">
                                <label for="title" class="form-label text-warning">Title</label>
                                <input type="text"
                                    class="form-control bg-dark text-white border-warning @error('title') is-invalid @enderror"
                                    id="title" name="title" value="{{ old('title') }}" required>
                                @error('title')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="video_file" class="form-label text-warning">Video File</label>
                                <input type="file"
                                    class="form-control bg-dark text-white border-warning @error('video_file') is-invalid @enderror"
                                    id="video_file" name="video_file" accept="video/mp4,video/avi,video/mov,video/mpeg"
                                    required>
                                @error('video_file')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="description" class="form-label text-warning">Description</label>
                                <textarea class="form-control bg-dark text-white border-warning @error('description') is-invalid @enderror"
                                    id="description" name="description" rows="5">{{ old('description') }}</textarea>
                                @error('description')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="is_active" class="form-label text-warning">Status</label>
                                <select
                                    class="form-select bg-dark text-white border-warning @error('is_active') is-invalid @enderror"
                                    id="is_active" name="is_active" required>
                                    <option value="1" {{ old('is_active', 1) == 1 ? 'selected' : '' }}>Active</option>
                                    <option value="0" {{ old('is_active') == 0 ? 'selected' : '' }}>Inactive</option>
                                </select>
                                @error('is_active')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="d-flex justify-content-end">
                                <a href="{{ route('admin.videos.index') }}" class="btn btn-secondary me-2">Cancel</a>
                                <button type="submit" class="btn btn-warning">Add Video</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection