@extends('layouts.app')
@section('title', 'باقات الدعم الفني')
@section('sidebar') @include('customer._sidebar') @endsection
@section('content')
<h1 class="text-xl font-bold mb-6">اختر باقة الدعم الفني المناسبة</h1>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
    @foreach($packages as $package)
    <div class="bg-white rounded-xl border border-gray-200 p-6 flex flex-col">
        <h2 class="text-lg font-bold mb-1">{{ $package->name_ar }}</h2>
        <p class="text-3xl font-bold text-indigo-600 mb-2">${{ number_format($package->price, 0) }}</p>
        <p class="text-sm text-gray-500 mb-4">
            {{ $package->is_unlimited ? 'تذاكر غير محدودة' : $package->tickets_count.' تذكرة دعم فني' }}
            • صالحة {{ $package->validity_days }} يوم
        </p>
        <form method="POST" action="{{ route('customer.packages.checkout', $package) }}" class="mt-auto space-y-2">
            @csrf
            <input type="hidden" name="method" value="paypal">
            <button class="w-full bg-indigo-600 text-white rounded-lg py-2.5 font-medium hover:bg-indigo-700">
                الدفع عبر PayPal
            </button>
        </form>
    </div>
    @endforeach
</div>
@endsection