@extends('layouts.master')

@section('content')
<div class="container" style="max-width: 700px;">
    <h3 style="font-weight: 800; margin-bottom: 5px;">تعديل الإعلان: {{ $ad->name }}</h3>
        <hr>
        @include('layouts.errors')

        <form method="POST" action="/admin/ads/{{ $ad->id }}">
            @csrf
            {{ method_field('PATCH') }}

            <div class="form-group">
                <label>اسم الإعلان:</label>
                <input type="text" class="form-control" name="name" value="{{ old('name', $ad->name) }}" required>
            </div>

            <div class="form-group">
                <label>موقع العرض:</label>
                <select class="form-control" name="placement" required>
                    <option value="header_top" {{ $ad->placement == 'header_top' ? 'selected' : '' }}>أعلى الهيدر</option>
                    <option value="before_content" {{ $ad->placement == 'before_content' ? 'selected' : '' }}>قبل المحتوى</option>
                    <option value="after_content" {{ $ad->placement == 'after_content' ? 'selected' : '' }}>بعد المحتوى</option>
                    <option value="sidebar_left" {{ $ad->placement == 'sidebar_left' ? 'selected' : '' }}>الشريط الجانبي الأيسار</option>
                    <option value="sidebar_right" {{ $ad->placement == 'sidebar_right' ? 'selected' : '' }}>الشريط الجانبي الأيمن</option>
                    <option value="lyrics_inline" {{ $ad->placement == 'lyrics_inline' ? 'selected' : '' }}>داخل صفحة الكلمات (بين بيانات الأغنية والكلمات)</option>
                    <option value="footer_top" {{ $ad->placement == 'footer_top' ? 'selected' : '' }}>أعلى الفوتر</option>
                    <option value="popup" {{ $ad->placement == 'popup' ? 'selected' : '' }}>نافذة منبثقة</option>
                </select>
            </div>

            <div class="form-group">
                <label>كود الإعلان (HTML/JavaScript):</label>
                <textarea class="form-control" name="code" rows="8" required style="font-family: monospace !important; font-size: 12px; direction: ltr; text-align: left;">{{ old('code', $ad->code) }}</textarea>
            </div>

            <div style="display: flex; gap: 1rem; flex-wrap: wrap;">
                <div class="form-group" style="flex: 1; min-width: 200px;">
                    <label>تاريخ البداية:</label>
                    <input type="date" class="form-control" name="start_date" value="{{ old('start_date', $ad->start_date ? \Carbon\Carbon::parse($ad->start_date)->format('Y-m-d') : '') }}" style="direction: ltr;">
                </div>

                <div class="form-group" style="flex: 1; min-width: 200px;">
                    <label>تاريخ النهاية:</label>
                    <input type="date" class="form-control" name="end_date" value="{{ old('end_date', $ad->end_date ? \Carbon\Carbon::parse($ad->end_date)->format('Y-m-d') : '') }}" style="direction: ltr;">
                </div>
            </div>

            <div class="form-group">
                <label class="form-check-label" style="cursor: pointer;">
                    <input type="checkbox" name="is_active" value="1" {{ $ad->is_active ? 'checked' : '' }} style="margin-left: 8px; transform: scale(1.3);">
                    مفعّل
                </label>
            </div>

            <div class="form-group" style="margin-top: 1.5rem;">
                <button type="submit" class="btn btn-primary btn-lg btn-block">حفظ التعديلات</button>
            </div>
        </form>

        <a href="/admin/ads" class="btn btn-outline-primary btn-block" style="margin-top: 0.5rem;">الرجوع للقائمة</a>
</div>
@endsection
