@extends('layouts.admin', ['title' => 'Popup Notifications | RaseedNow'])

@section('content')
    <section class="lc-page-shell">
        <div class="section-heading">
            <div><span>Popup notifications</span><h1>الإشعارات المنبثقة</h1><p>رسائل احترافية تظهر داخل صفحات العميل بصورة ورابط أو هدية قابلة للاسترداد.</p></div>
        </div>

        <div class="surface p-6">
            <form method="POST" action="{{ route('admin.popup-notifications.store') }}" enctype="multipart/form-data" class="ac-offer-form">
                @csrf
                <label class="form-field"><span>العنوان</span><input name="title" required></label>
                <label class="form-field"><span>الجمهور</span><select name="audience_type"><option value="all">كل العملاء</option><option value="active">العملاء النشطين</option><option value="new_customers">عملاء جدد خلال عدد أيام</option><option value="rank">رتبة محددة</option></select></label>
                <label class="form-field"><span>قيمة الجمهور</span><input name="audience_value" placeholder="7 أو مفتاح الرتبة مثل bronze"></label>
                <label class="form-field"><span>الرابط</span><input name="link_url" type="url" placeholder="https://example.com"></label>
                <label class="form-field"><span>ينتهي في</span><input name="ends_at" type="datetime-local"></label>
                <label class="form-field"><span>رفع صورة</span><input name="image" type="file" accept="image/*"></label>
                <label class="form-field ac-offer-wide"><span>النص</span><textarea name="body" rows="3"></textarea></label>
                <label class="ac-check"><input type="checkbox" name="opens_link" value="1" checked> يفتح الرابط عند الضغط</label>
                <label class="ac-check"><input type="checkbox" name="is_gift" value="1"> هدية / كود استرداد</label>
                <label class="form-field"><span>كود الهدية</span><input name="gift_code" placeholder="WELCOME10"></label>
                <label class="ac-check"><input type="checkbox" name="is_active" value="1" checked> نشط</label>
                <button class="primary-button ac-offer-wide">حفظ الرسالة</button>
            </form>
        </div>

        <div class="ac-panel ac-entity-cards-panel mt-6">
            <div class="ac-customer-table-head"><div><strong>{{ $popups->total() }} رسالة</strong><span>كروت الرسائل المنبثقة</span></div></div>
            <div class="ac-offer-card-grid">
                @forelse($popups as $popup)
                    <article class="ac-offer-card">
                        <div class="ac-offer-card-link">
                            <span class="ac-offer-card-status ac-badge {{ $popup->is_active ? 'green' : 'red' }}">{{ $popup->is_active ? 'نشطة' : 'متوقفة' }}</span>
                            <span class="ac-offer-card-media">@if($popup->image_path)<img src="{{ asset($popup->image_path) }}" alt="">@else<span>POP</span>@endif</span>
                            <strong class="ac-offer-card-title">{{ $popup->title }}</strong>
                            <small class="ac-offer-card-desc">{{ $popup->body ?: 'بدون نص' }}</small>
                            <span class="ac-offer-card-stats"><span><small>الجمهور</small><b>{{ $popup->audienceLabel() }}</b></span><span><small>النوع</small><b>{{ $popup->is_gift ? 'هدية' : 'رسالة' }}</b></span></span>
                            <span class="ac-offer-card-foot"><small>{{ $popup->ends_at?->format('Y/m/d H:i') ?: 'بدون انتهاء' }}</small><em>{{ $popup->link_url ? 'رابط' : 'بدون رابط' }}</em></span>
                        </div>
                        <div class="ac-offer-card-actions">
                            <form method="POST" action="{{ route('admin.popup-notifications.destroy', $popup) }}">
                                @csrf @method('DELETE')
                                <button class="secondary-button danger">تعطيل</button>
                            </form>
                        </div>
                    </article>
                @empty
                    <div class="ac-empty ac-entity-empty">لا توجد رسائل منبثقة بعد.</div>
                @endforelse
            </div>
        </div>

        <div class="ac-entity-pagination">{{ $popups->links() }}</div>
    </section>
@endsection