@extends('layouts.app')
@section('title', 'الباقات')
@section('sidebar') @include('admin._sidebar') @endsection
@section('content')
<div class="flex items-center justify-between mb-4">
    <h1 class="text-xl font-bold">باقات الدعم الفني</h1>
    <a href="{{ route('admin.packages.create') }}" class="bg-indigo-600 text-white rounded-lg px-4 py-2 text-sm">+ باقة جديدة</a>
</div>
<div class="bg-white rounded-xl border border-gray-200 overflow-hidden">
    <table class="w-full text-sm text-right">
        <thead class="bg-gray-50 text-gray-500 text-xs"><tr>
            <th class="px-4 py-3">الاسم</th><th class="px-4 py-3">السعر</th><th class="px-4 py-3">التذاكر</th>
            <th class="px-4 py-3">المدة</th><th class="px-4 py-3">الحالة</th><th class="px-4 py-3"></th>
        </tr></thead>
        <tbody class="divide-y divide-gray-100">
            @foreach($packages as $package)
            <tr>
                <td class="px-4 py-3 font-medium">{{ $package->name_ar }}</td>
                <td class="px-4 py-3">${{ number_format($package->price, 2) }}</td>
                <td class="px-4 py-3">{{ $package->is_unlimited ? 'غير محدود' : $package->tickets_count }}</td>
                <td class="px-4 py-3">{{ $package->validity_days }} يوم</td>
                <td class="px-4 py-3">
                    <span class="px-2 py-0.5 rounded text-xs {{ $package->is_active ? 'bg-green-100 text-green-700' : 'bg-gray-200 text-gray-500' }}">
                        {{ $package->is_active ? 'مفعّلة' : 'موقوفة' }}
                    </span>
                </td>
                <td class="px-4 py-3 flex gap-2">
                    <a href="{{ route('admin.packages.edit', $package) }}" class="text-indigo-600 hover:underline">تعديل</a>
                    @if($package->is_active)
                    <form method="POST" action="{{ route('admin.packages.destroy', $package) }}" onsubmit="return confirm('إلغاء تفعيل هذه الباقة؟')">
                        @csrf @method('DELETE')
                        <button class="text-red-600 hover:underline">إلغاء</button>
                    </form>
                    @endif
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection