@extends('layouts.admin')

@section('title', 'القائمة الذهبية')

@section('content')
<div class="container-fluid">
    <div class="row">
        @include('components.admin-sidebar')
        <div class="col-md-9 col-lg-10">
            <div class="card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center mb-4">
                            <h5 class="card-title fw-bold mb-0">
                                <i class="fas fa-star text-warning me-2"></i>
                                تعديل بيانات الفيديو في القائمة الذهبية
                            </h5>
                            <a href="{{ route($routePrefix . '.golden-list.index') }}" class="btn btn-secondary">
                                <i class="fas fa-arrow-right me-2"></i>
                                العودة للقائمة
                            </a>
                        </div>

                        <!-- Video Preview -->
                        @if($goldenVideo->video)
                            <div class="card mb-4 bg-light">
                                <div class="card-body">
                                    <h6 class="mb-3"><i class="fas fa-video me-2"></i> معاينة الفيديو</h6>
                                    <div class="row align-items-center">
                                        <div class="col-md-3">
                                            <img src="{{ $goldenVideo->video->getThumbnailUrl() }}"
                                                 alt="{{ $goldenVideo->video->title }}"
                                                 class="img-thumbnail w-100"
                                                 onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'200\' height=\'150\'%3E%3Crect width=\'200\' height=\'150\' fill=\'%23ddd\'/%3E%3Ctext x=\'50%25\' y=\'50%25\' dominant-baseline=\'middle\' text-anchor=\'middle\' fill=\'%23999\'%3ENo Image%3C/text%3E%3C/svg%3E'">
                                        </div>
                                        <div class="col-md-9">
                                            <h5>{{ $goldenVideo->video->title }}</h5>
                                            @if($goldenVideo->video->user)
                                                <p class="mb-2">
                                                    <i class="fas fa-user me-1"></i>
                                                    <strong>المستخدم:</strong> {{ $goldenVideo->video->user->user->name }}
                                                </p>
                                            @endif
                                            <p class="mb-0">
                                                <i class="fas fa-eye me-1"></i>
                                                <strong>المشاهدات:</strong> {{ number_format($goldenVideo->video->video_views) }}
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif

                        <form method="POST" action="{{ route($routePrefix . '.golden-list.update', $goldenVideo->id) }}">
                            @csrf
                            @method('PUT')

                            <div class="row">
                                <!-- Category -->
                                <div class="col-md-6 mb-3">
                                    <label class="form-label required">التصنيف</label>
                                    <select name="category_id" class="form-select @error('category_id') is-invalid @enderror" required>
                                        <option value="">-- اختر التصنيف --</option>
                                        @foreach($categories as $category)
                                            <option value="{{ $category->id }}" 
                                                {{ old('category_id', $goldenVideo->category_id) == $category->id ? 'selected' : '' }}>
                                                {{ $category->name_ar }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('category_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <!-- Country -->
                                <div class="col-md-6 mb-3">
                                    <label class="form-label required">الدولة</label>
                                    <select name="country" class="form-select @error('country') is-invalid @enderror" required>
                                        @foreach($countries as $code => $name)
                                            <option value="{{ $code }}" 
                                                {{ old('country', $goldenVideo->country) == $code ? 'selected' : '' }}>
                                                {{ $name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('country')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <!-- Sort Order -->
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">ترتيب العرض</label>
                                    <input type="number" 
                                           name="sort" 
                                           class="form-control @error('sort') is-invalid @enderror" 
                                           value="{{ old('sort', $goldenVideo->sort) }}"
                                           min="0"
                                           placeholder="0">
                                    @error('sort')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    <small class="text-muted">الأرقام الأصغر تظهر أولاً (0 = الأعلى)</small>
                                </div>

                                <!-- Status -->
                                <div class="col-md-6 mb-3">
                                    <label class="form-label required">الحالة</label>
                                    <select name="status" class="form-select @error('status') is-invalid @enderror" required>
                                        <option value="active" {{ old('status', $goldenVideo->status) == 'active' ? 'selected' : '' }}>
                                            نشط
                                        </option>
                                        <option value="inactive" {{ old('status', $goldenVideo->status) == 'inactive' ? 'selected' : '' }}>
                                            غير نشط
                                        </option>
                                    </select>
                                    @error('status')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <!-- Notes -->
                                <div class="col-md-12 mb-3">
                                    <label class="form-label">ملاحظات</label>
                                    <textarea name="notes" 
                                              class="form-control @error('notes') is-invalid @enderror" 
                                              rows="3"
                                              placeholder="أضف ملاحظات...">{{ old('notes', $goldenVideo->notes) }}</textarea>
                                    @error('notes')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <!-- Info -->
                            <div class="alert alert-info">
                                <i class="fas fa-info-circle me-2"></i>
                                <strong>تمت الإضافة بواسطة:</strong> 
                                {{ $goldenVideo->agent ? $goldenVideo->agent->name : 'غير معروف' }}
                                في {{ $goldenVideo->createdAt ? $goldenVideo->createdAt->format('Y-m-d H:i') : '-' }}
                            </div>

                            <!-- Submit Buttons -->
                            <div class="d-flex gap-2">
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-save me-2"></i>
                                    حفظ التعديلات
                                </button>
                                <a href="{{ route($routePrefix . '.golden-list.index') }}" class="btn btn-secondary">
                                    <i class="fas fa-times me-2"></i>
                                    إلغاء
                                </a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
.required::after {
    content: " *";
    color: red;
}
</style>
@endsection