@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).
                        <br>
                        على السيرفر الآن: <code>upload_max_filesize={{ $phpUploadIni ?? '؟' }}</code>، <code>post_max_size={{ $phpPostIni ?? '؟' }}</code>.
                        <br>
                        في <strong>cPanel</strong>: Software → MultiPHP INI Editor — ارفع القيمتين (مثلاً 512M و 520M). أو استخدم رابط YouTube بدل الملف.
                    </div>
                    <div class="card">
                        <div class="card-body">
                            <form action="/admin/additional_page/graduate_videos/store" method="post" enctype="multipart/form-data">
                                {{ csrf_field() }}

                                <div class="form-group">
                                    <label class="input-label">اسم الفيديو / العنوان</label>
                                    <input type="text" name="title" value="{{ old('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') }}" dir="ltr" class="form-control" placeholder="مثال: graduate-story-1">
                                    @error('slug')
                                    <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="description" rows="4" class="form-control" placeholder="يظهر في صفحة الفيديو">{{ old('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') }}" class="form-control" placeholder="مثال: 125 ثانية أو 2:05 أو 1:02:10">
                                    @error('duration')
                                    <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label class="input-label">صورة مصغّرة (اختياري)</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 class="text-muted text-small mt-1">يُفضَّل 1200×750 تقريباً. إن لم ترفعها وكان الرابط YouTube تُستخدم صورة YouTube تلقائياً.</div>
                                </div>

                                <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">صيغ مدعومة: mp4, webm, ogg, mov, avi, mkv — الأولوية للملف المرفوع إن وُجد مع الرابط معاً.</div>
                                </div>

                                <div class="form-group">
                                    <label class="input-label">رابط الفيديو (YouTube / Vimeo / رابط مباشر)</label>
                                    <textarea name="video_url" rows="3" class="form-control" placeholder="اتركه فارغاً إذا رفعت ملفاً فقط">{{ old('video_url') }}</textarea>
                                    <div class="text-muted text-small mt-1">يُدعم YouTube و Vimeo وروابط الـ embed المباشرة.</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', 0) }}" 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" checked>
                                        <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
