@extends('layouts.madar-guest')

@section('title', 'الأسعار')

@section('content')
<div class="w-full max-w-6xl py-8">
    <h1 class="text-center text-3xl font-extrabold">خطط مدار</h1>
    <p class="mt-2 text-center text-zinc-400">اختر الخطة المناسبة لاحتياجاتك</p>
    <div class="mt-12 grid gap-6 md:grid-cols-3">
        @foreach ($plans as $entry)
            @php
                $p = $entry['model'];
                $c = $entry['capabilities'];
            @endphp
            <div class="glass-card flex flex-col p-8 {{ $p->slug === 'pro' ? 'ring-2 ring-violet-500/50' : '' }}">
                <h2 class="text-xl font-extrabold">{{ $p->name }}</h2>
                <p class="mt-2 text-3xl font-black text-cyan-400">{{ $p->price > 0 ? number_format($p->price, 0).' د.ع' : 'مجاني' }}</p>
                <ul class="mt-6 flex-1 space-y-2 text-sm text-zinc-400">
                    <li>رسائل AI يومياً: {{ $p->daily_ai_limit }}</li>
                    <li>توليد صور: {{ !empty($c['image_generation']) ? '✓' : '—' }}</li>
                    <li>تحليل ملفات: {{ !empty($c['file_intelligence']) ? '✓' : '—' }}</li>
                    <li>نسخ نصوص طويلة: {{ !empty($c['copy_long_text']) ? '✓' : '—' }}</li>
                    <li>Voice AI: {{ !empty($c['voice_ai']) ? '✓' : '—' }}</li>
                    <li>مكافآت: ×{{ $c['reward_multiplier'] ?? 1 }}</li>
                </ul>
                @auth
                    <a href="{{ route('web.billing') }}" class="neon-btn mt-6 w-full text-center">اشترك الآن</a>
                @else
                    <a href="{{ route('web.register') }}" class="neon-btn mt-6 w-full text-center">ابدأ الآن</a>
                @endauth
            </div>
        @endforeach
    </div>
</div>
@endsection