@extends('layouts.landlord')
@section('title', 'الخطط والأسعار')

@section('content')
<div class="flex justify-between items-center mb-6">
    <h2 class="text-2xl font-bold">الخطط والأسعار</h2>
    <a href="{{ route('landlord.plans.create') }}" class="bg-blue-600 text-white px-4 py-2 rounded">+ خطة جديدة</a>
</div>

<table class="w-full bg-white rounded-lg shadow overflow-hidden text-sm">
    <thead class="bg-gray-100 text-gray-600">
        <tr>
            <th class="p-3 text-right">الاسم</th>
            <th class="p-3 text-right">السعر</th>
            <th class="p-3 text-right">الدورة</th>
            <th class="p-3 text-right">النطاق المخصص</th>
            <th class="p-3 text-right">عدد المشتركين</th>
            <th class="p-3 text-right">إجراءات</th>
        </tr>
    </thead>
    <tbody>
        @foreach ($plans as $plan)
        <tr class="border-t">
            <td class="p-3 font-medium">{{ $plan->name }}</td>
            <td class="p-3">${{ number_format($plan->price_cents / 100, 2) }}</td>
            <td class="p-3">{{ $plan->billing_interval === 'month' ? 'شهري' : 'سنوي' }}</td>
            <td class="p-3">{{ $plan->custom_domain_allowed ? '✓' : '—' }}</td>
            <td class="p-3">{{ $plan->tenants_count }}</td>
            <td class="p-3 space-x-2 space-x-reverse">
                <a href="{{ route('landlord.plans.edit', $plan) }}" class="text-blue-600 hover:underline">تعديل</a>
                @if ($plan->tenants_count === 0)
                <form action="{{ route('landlord.plans.destroy', $plan) }}" method="post" class="inline" onsubmit="return confirm('متأكد تبي تحذف هذه الخطة؟')">
                    @csrf @method('DELETE')
                    <button class="text-red-600 hover:underline">حذف</button>
                </form>
                @endif
            </td>
        </tr>
        @endforeach
    </tbody>
</table>
@endsection