@extends('layouts.admin', ['title' => 'إشعارات العملاء | RaseedNow'])

@section('content')
    <section class="ac-section ac-notify-page">
        <div class="ac-panel">
            <div class="ac-panel-head">
                <div>
                    <h2>إرسال إشعار للعملاء</h2>
                    <p>اكتب رسالة قصيرة تظهر داخل حساب العميل في صفحة الإشعارات.</p>
                </div>
                <a class="ac-btn secondary" href="{{ route('admin.marketing.index') }}">العروض والتسويق</a>
            </div>

            <div class="ac-kpi-grid">
                <div class="ac-kpi"><span>كل العملاء</span><strong>{{ number_format($stats['all']) }}</strong></div>
                <div class="ac-kpi" style="--accent:#16a34a"><span>العملاء النشطون</span><strong>{{ number_format($stats['active']) }}</strong></div>
                <div class="ac-kpi" style="--accent:#7c3aed"><span>لديهم محفظة</span><strong>{{ number_format($stats['withWallet']) }}</strong></div>
            </div>
        </div>

        <div class="ac-grid-2">
            <form method="POST" action="{{ route('admin.notifications.store') }}" class="ac-panel ac-notify-form">
                @csrf
                <div class="ac-panel-head">
                    <h2>تفاصيل الرسالة</h2>
                </div>
                @if(session('status'))<div class="ac-alert success">{{ session('status') }}</div>@endif
                @if($errors->any())<div class="ac-alert danger">{{ $errors->first() }}</div>@endif

                <label class="form-field"><span>الفئة المستهدفة</span>
                    <select name="audience" required>
                        <option value="active" @selected(old('audience') === 'active')>العملاء النشطون</option>
                        <option value="all" @selected(old('audience') === 'all')>كل العملاء</option>
                        <option value="with_wallet" @selected(old('audience') === 'with_wallet')>عملاء لديهم محفظة</option>
                    </select>
                </label>
                <label class="form-field"><span>عنوان الإشعار</span><input name="title" value="{{ old('title') }}" maxlength="120" required placeholder="مثال: عرض جديد لفترة محدودة"></label>
                <label class="form-field"><span>نص الإشعار</span><textarea name="body" rows="6" maxlength="1000" required placeholder="اكتب الرسالة التي ستظهر للعميل...">{{ old('body') }}</textarea></label>
                <label class="form-field"><span>رابط اختياري</span><input name="link" type="url" value="{{ old('link') }}" placeholder="https://..."></label>
                <button class="ac-btn" type="submit">إرسال الإشعار</button>
            </form>

            <div class="ac-panel">
                <div class="ac-panel-head"><h2>آخر الإشعارات المرسلة</h2></div>
                <div class="ac-list">
                    @forelse($recentNotifications as $notification)
                        <div class="ac-list-row">
                            <span>{{ $notification->title }}</span>
                            <strong>{{ $notification->user?->display_name ?: $notification->user?->name ?: 'عميل' }}</strong>
                            <em>{{ $notification->created_at?->diffForHumans() }}</em>
                        </div>
                    @empty
                        <div class="ac-empty">لم يتم إرسال إشعارات إدارية بعد.</div>
                    @endforelse
                </div>
            </div>
        </div>
    </section>
@endsection