@extends('admin.layouts.app')

@section('content')
    <section class="section">
        <div class="section-header">
            <h1>{{ $pageTitle }}</h1>
            <div class="section-header-breadcrumb">
                <div class="breadcrumb-item active"><a href="/admin/">{{ trans('admin/main.dashboard') }}</a></div>
                <div class="breadcrumb-item"><a href="/admin/additional_page/graduate_videos">فيديوهات الخريجين</a></div>
                <div class="breadcrumb-item">تعديل</div>
            </div>
        </div>

        <div class="section-body">
            <div class="row">
                <div class="col-12 col-lg-8">
                    <div class="alert alert-info font-14">
                        الحد الفعلي للرفع ≈ <strong>{{ $maxUploadMb }} ميجابايت</strong>.
                        PHP: <code>upload_max_filesize={{ $phpUploadIni ?? '؟' }}</code>، <code>post_max_size={{ $phpPostIni ?? '؟' }}</code>. في cPanel رفع الحد من MultiPHP INI Editor.
                    </div>
                    <div class="card">
                        <div class="card-body">
                            <form action="/admin/additional_page/graduate_videos/{{ $video->id }}/update" method="post" enctype="multipart/form-data">
                                {{ csrf_field() }}
                                <input type="hidden" name="enabled" value="0">

                                <div class="form-group">
                                    <label class="input-label">اسم الفيديو / العنوان</label>
                                    <input type="text" name="title" value="{{ old('title', $video->title) }}" class="form-control" required>
                                    @error('title')
                                    <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="input-label">المسار في الرابط (slug) — اختياري</label>
                                    <input type="text" name="slug" value="{{ old('slug', $video->slug) }}" dir="ltr" class="form-control">
                                    @error('slug')
                                    <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="input-label">وصف مختصر (اختياري)</label>
                                    <textarea name="description" rows="4" class="form-control">{{ old('description', $video->description) }}</textarea>
                                    @error('description')
                                    <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="input-label">المدة (اختياري)</label>
                                    <input type="text" name="duration" value="{{ old('duration', $video->duration_seconds) }}" class="form-control" placeholder="ثوانٍ أو mm:ss">
                                    @error('duration')
                                    <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>

                                @if($video->thumbnail_path)
                                    <div class="form-group">
                                        <label class="input-label">الصورة الحالية</label>
                                        <div class="mb-2"><img src="{{ asset($video->thumbnail_path) }}" alt="" style="max-height:120px;border-radius:8px;"></div>
                                        <label class="custom-switch pl-0 d-flex align-items-center">
                                            <input type="checkbox" name="remove_thumbnail" value="1" class="custom-switch-input">
                                            <span class="custom-switch-indicator"></span>
                                            <span class="custom-switch-description">حذف الصورة المصغّرة</span>
                                        </label>
                                    </div>
                                @endif

                                <div class="form-group">
                                    <label class="input-label">{{ $video->thumbnail_path ? 'استبدال صورة المصغّرة' : 'صورة مصغّرة (اختياري)' }}</label>
                                    <input type="file" name="thumbnail_image" class="form-control" accept=".jpg,.jpeg,.png,.webp,image/*">
                                    @error('thumbnail_image')
                                    <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>

                                @if($video->stored_video_path)
                                    <div class="form-group">
                                        <label class="input-label">الملف المرفوع حالياً</label>
                                        <div class="font-14 mb-2">
                                            <a href="{{ asset($video->stored_video_path) }}" target="_blank" rel="noopener">{{ $video->stored_video_path }}</a>
                                        </div>
                                        <label class="custom-switch pl-0 d-flex align-items-center">
                                            <input type="checkbox" name="remove_stored_file" value="1" class="custom-switch-input">
                                            <span class="custom-switch-indicator"></span>
                                            <span class="custom-switch-description">حذف الملف المرفوع (استخدم رابطاً بدلاً منه أو ارفع ملفاً جديداً)</span>
                                        </label>
                                    </div>
                                @endif

                                <div class="form-group">
                                    <label class="input-label">استبدال / إضافة ملف مرفوع</label>
                                    <input type="file" name="video_file" class="form-control" accept=".mp4,.webm,.ogg,.ogv,.mov,.avi,.mkv,video/*">
                                    @error('video_file')
                                    <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                    <div class="text-muted text-small mt-1">اتركه فارغاً للإبقاء على الملف الحالي (ما لم تختر الحذف أعلاه).</div>
                                </div>

                                <div class="form-group">
                                    <label class="input-label">رابط الفيديو</label>
                                    <textarea name="video_url" rows="3" class="form-control">{{ old('video_url', $video->video_url) }}</textarea>
                                    <div class="text-muted text-small mt-1">مطلوب إن لم يكن هناك ملف مرفوع. يُتجاهل عندما يكون هناك ملف مرفوع فعلي.</div>
                                    @error('video_url')
                                    <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="input-label">ترتيب العرض</label>
                                    <input type="number" name="sort_order" value="{{ old('sort_order', $video->sort_order) }}" class="form-control" min="0">
                                    @error('sort_order')
                                    <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="form-group custom-switches-stacked mb-0">
                                    <label class="custom-switch pl-0 d-flex align-items-center">
                                        <input type="checkbox" name="enabled" value="1" class="custom-switch-input" @if(old('enabled', $video->enabled)) checked @endif>
                                        <span class="custom-switch-indicator"></span>
                                        <span class="custom-switch-description">عرض على الموقع</span>
                                    </label>
                                </div>

                                <div class="mt-4">
                                    <button type="submit" class="btn btn-primary">تحديث</button>
                                    <a href="/admin/additional_page/graduate_videos" class="btn btn-secondary">رجوع</a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
