{{-- Popup Ads Form Partial --}}
{{-- Variables needed:
    - $ad: PopupAd model instance (new or existing)
--}}

@csrf
<div class="row">
    <div class="col-md-6 mb-3">
        <label class="form-label">العنوان (اختياري)</label>
        <input type="text" name="title" value="{{ old('title', $ad->title) }}"
            class="form-control @error('title') is-invalid @enderror" maxlength="255">
        @error('title')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6 mb-3">
        <label class="form-label">الرابط (اختياري)</label>
        <input type="url" name="link_url" value="{{ old('link_url', $ad->link_url) }}"
            class="form-control @error('link_url') is-invalid @enderror" placeholder="https://example.com">
        @error('link_url')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-4 mb-3">
        <label class="form-label">الأولوية</label>
        <input type="number" name="priority" value="{{ old('priority', $ad->priority ?? 0) }}"
            class="form-control @error('priority') is-invalid @enderror">
        @error('priority')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-4 mb-3">
        <label class="form-label">الجمهور المستهدف</label>
        <select name="target_audience" class="form-control @error('target_audience') is-invalid @enderror">
            <option value="all" {{ old('target_audience', $ad->target_audience) === 'all' ? 'selected' : '' }}>الكل</option>
            <option value="non_managed" {{ old('target_audience', $ad->target_audience) === 'non_managed' ? 'selected' : '' }}>غير المدارين</option>
        </select>
        @error('target_audience')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-4 mb-3 d-flex align-items-center">
        <div class="form-check mt-4">
            <input class="form-check-input" type="checkbox" name="is_active" value="1" id="is_active"
                {{ old('is_active', $ad->is_active ?? true) ? 'checked' : '' }}>
            <label class="form-check-label" for="is_active">مفعل</label>
        </div>
    </div>

    <div class="col-md-6 mb-3">
        <label class="form-label">تاريخ البداية (اختياري)</label>
        <input type="datetime-local" name="starts_at"
            value="{{ old('starts_at', $ad->starts_at ? $ad->starts_at->format('Y-m-d\TH:i') : '') }}"
            class="form-control @error('starts_at') is-invalid @enderror">
        @error('starts_at')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6 mb-3">
        <label class="form-label">تاريخ النهاية (اختياري)</label>
        <input type="datetime-local" name="ends_at"
            value="{{ old('ends_at', $ad->ends_at ? $ad->ends_at->format('Y-m-d\TH:i') : '') }}"
            class="form-control @error('ends_at') is-invalid @enderror">
        @error('ends_at')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-12 mb-3">
        <label class="form-label">الصورة</label>
        <input type="file" name="image" class="form-control @error('image') is-invalid @enderror"
            {{ $ad->exists ? '' : 'required' }} accept="image/*">
        @error('image')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
        @if ($ad->exists && $ad->image_path)
            <div class="mt-2">
                <img src="{{ $ad->url }}" alt="" style="height:100px;border-radius:6px;">
            </div>
        @endif
    </div>
</div>