@extends('layouts.master')

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

        <form method="POST" action="/admin/ads">
            @csrf

            <div class="form-group">
                <label>اسم الإعلان:</label>
                <input type="text" class="form-control" name="name" value="{{ old('name') }}" placeholder="مثال: إعلان أدسنس الرئيسي" required>
            </div>

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

            <div class="form-group">
                <label>كود الإعلان (HTML/JavaScript):</label>
                <textarea class="form-control" name="code" rows="8" placeholder="الصق كود إعلان أدسنس هنا..." required style="font-family: monospace !important; font-size: 12px; direction: ltr; text-align: left;">{{ old('code') }}</textarea>
                <small style="color: #888;">يمكنك لصق كود Google AdSense أو أي كود إعلان آخر</small>
            </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') }}" style="direction: ltr;">
                    <small style="color: #888;">اتركه فارغاً للبدء فوراً</small>
                </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') }}" style="direction: ltr;">
                    <small style="color: #888;">اتركه فارغاً لعرض دائم</small>
                </div>
            </div>

            <div class="form-group" style="margin-top: 0.5rem;">
                <label class="form-check-label" style="cursor: pointer;">
                    <input type="checkbox" name="is_active" value="1" {{ old('is_active', '1') ? '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
