@extends('layouts.admin', ['title' => 'العروض | RaseedNow'])

@section('content')
    <section class="lc-page-shell">
        <div class="section-heading">
            <div>
                <span>Offers</span>
                <h1>العروض</h1>
                <p>اربط صورة ونسبة خصم بمنتج معين، وسيظهر السعر المخفض للعميل.</p>
            </div>
            <div class="flex flex-wrap gap-2">
                <a class="secondary-button" href="{{ route('admin.marketing.index') }}">التسويق</a>
                <a class="primary-button" href="{{ route('admin.offers.create') }}">عرض جديد</a>
            </div>
        </div>

        @if(session('status'))
            <div class="mt-4 rounded border border-green-200 bg-green-50 p-3 text-sm text-green-700">{{ session('status') }}</div>
        @endif

        <div class="ac-panel ac-entity-cards-panel">
            <div class="ac-customer-table-head">
                <div><strong>{{ $offers->total() }} عرض</strong><span>كروت مختصرة للعروض النشطة والمتوقفة</span></div>
            </div>
            <div class="ac-offer-card-grid">
                @forelse($offers as $offer)
                    @php
                        $product = $offer->productVariant;
                        $game = $product?->game;
                        $image = $offer->image_path ?: $game?->image_path;
                    @endphp
                    <article class="ac-offer-card">
                        <a class="ac-offer-card-link" href="{{ route('admin.offers.edit', $offer) }}" aria-label="تعديل {{ $offer->title_ar }}">
                            <span class="ac-offer-card-status ac-badge {{ $offer->is_active ? 'green' : 'red' }}">{{ $offer->is_active ? 'نشط' : 'متوقف' }}</span>
                            <span class="ac-offer-card-media">
                                @if($image)
                                    <img src="{{ asset($image) }}" alt="{{ $offer->title_ar }}">
                                @else
                                    <span>{{ number_format($offer->discount_percent, 0) }}%</span>
                                @endif
                                <em>{{ number_format($offer->discount_percent, 0) }}%</em>
                            </span>
                            <strong class="ac-offer-card-title">{{ $offer->title_ar }}</strong>
                            <small class="ac-offer-card-desc">{{ $offer->description_ar ?: 'بدون وصف' }}</small>
                            <span class="ac-offer-card-stats">
                                <span><small>المنتج</small><b>{{ $product?->name_ar ?: 'غير موجود' }}</b></span>
                                <span><small>اللعبة</small><b>{{ $game?->name_ar ?: 'بدون' }}</b></span>
                            </span>
                            <span class="ac-offer-card-foot">
                                <small>{{ $offer->audienceLabel() }}</small>
                                <em>ترتيب {{ $offer->sort_order }}</em>
                            </span>
                        </a>
                        <div class="ac-offer-card-actions">
                            <a class="secondary-button info" href="{{ route('admin.offers.edit', $offer) }}">تعديل</a>
                            <form method="POST" action="{{ route('admin.offers.destroy', $offer) }}">
                                @csrf
                                @method('DELETE')
                                <button class="secondary-button danger" type="submit">تعطيل</button>
                            </form>
                        </div>
                    </article>
                @empty
                    <div class="ac-empty ac-entity-empty">لا توجد عروض بعد.</div>
                @endforelse
            </div>
        </div>

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