@extends('layouts.app')
@section('title','التصفح السري')
@section('content')
<div class="max-w-3xl mx-auto px-6 py-10" dir="rtl">
    <h1 class="text-2xl font-bold mb-2">التصفح السري</h1>
    <p class="text-sm text-gray-600 dark:text-gray-300 mb-6">ميزة متاحة لخطط Gold و Premium.</p>

    <div class="rounded-2xl border border-gray-200 dark:border-gray-700 p-6 bg-white dark:bg-gray-800 mb-6">
        <h2 class="text-lg font-semibold mb-2">ما الذي يقدمه التصفح السري؟</h2>
        <ul class="text-sm space-y-1 list-disc pr-5">
            <li>عدم إظهار زيارتك للملفات الشخصية الأخرى.</li>
            <li>إخفاء حالة تواجدك الأخير.</li>
            <li>تجربة تصفح أكثر خصوصية.</li>
        </ul>
    </div>

    <div class="rounded-2xl border border-amber-300 dark:border-amber-700 p-6 bg-white dark:bg-gray-800 mb-8">
        <h2 class="text-lg font-semibold mb-3">ترقية للاستفادة من التصفح السري</h2>
        <div class="grid sm:grid-cols-2 gap-4 text-sm">
            @foreach(($plans ?? config('memberships.plans')) as $p)
                @if(in_array($p['slug'], ['gold','premium']))
                    <div class="rounded-xl border border-gray-200 dark:border-gray-700 p-4">
                        <div class="font-bold mb-1">{{ $p['name'] }}</div>
                        <div class="text-gray-600 dark:text-gray-300 mb-2">{{ $p['duration_months'] ? $p['duration_months'].' شهر' : 'دائم' }}</div>
                        <div class="text-emerald-600 font-extrabold text-lg mb-3">${{ $p['price_usd'] }}</div>
                        <form method="post" action="{{ route('membership.subscribe', ['plan'=>$p['slug']]) }}">
                            @csrf
                            <button type="submit" class="px-4 py-2 rounded bg-emerald-600 text-white text-sm">اشترك الآن</button>
                        </form>
                    </div>
                @endif
            @endforeach
        </div>
    </div>

    <div class="text-right">
        @php($incognito = (bool) (optional(Auth::user())->incognito_enabled))
        <form method="post" action="{{ route('profile.incognito.' . ($incognito ? 'disable' : 'enable')) }}" class="inline-block">
            @csrf
            <button type="submit" class="px-5 py-2 rounded {{ $incognito ? 'bg-red-600 text-white' : 'bg-purple-600 text-white' }}">
                {{ $incognito ? 'تعطيل التصفح السري' : 'تفعيل التصفح السري' }}
            </button>
        </form>
        <a href="{{ route('membership.plans') }}" class="ml-3 text-sm text-blue-600 hover:underline">عرض كل الخطط</a>
    </div>
</div>
@endsection