@extends('layouts.superadmin')
@section('title', 'Plans')
@section('page-title', 'Manage Plans')

@section('content')
<div class="flex justify-end mb-4">
    <a href="{{ route('superadmin.plans.create') }}" class="btn-sa-primary">
        + Create New Plan
    </a>
</div>

<div class="sa-card p-0 overflow-hidden">
    <table class="w-full text-sm">
        <thead class="bg-slate-50 border-b border-slate-200">
            <tr>
                <th class="sa-table-th">Plan Name</th>
                <th class="sa-table-th text-right">Monthly</th>
                <th class="sa-table-th text-right">Yearly</th>
                <th class="sa-table-th">Users</th>
                <th class="sa-table-th">Tenants</th>
                <th class="sa-table-th">Status</th>
                <th class="sa-table-th text-right">Actions</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-slate-100">
            @forelse($plans as $plan)
            <tr class="hover:bg-slate-50">
                <td class="sa-table-td">
                    <p class="font-bold">{{ $plan->name }}</p>
                    <p class="text-xs text-slate-400">{{ $plan->slug }}</p>
                    @if($plan->is_popular)<span class="badge bg-indigo-100 text-indigo-700 text-xs mt-1">Popular</span>@endif
                </td>
                <td class="sa-table-td text-right font-semibold">₹{{ number_format($plan->price_monthly, 0) }}</td>
                <td class="sa-table-td text-right">₹{{ number_format($plan->price_yearly, 0) }}</td>
                <td class="sa-table-td">{{ $plan->max_users }}</td>
                <td class="sa-table-td font-bold">{{ $plan->tenants_count }}</td>
                <td class="sa-table-td">
                    <span class="{{ $plan->is_active ? 'badge-green':'badge-gray' }}">{{ $plan->is_active?'Active':'Inactive' }}</span>
                </td>
                <td class="sa-table-td text-right">
                    <div class="flex items-center justify-end gap-1">
                        <a href="{{ route('superadmin.plans.edit', $plan) }}" class="btn-sa bg-slate-100 hover:bg-slate-200 text-slate-700 px-2 py-1 text-xs rounded-lg">Edit</a>
                        <form method="POST" action="{{ route('superadmin.plans.destroy', $plan) }}" onsubmit="return confirm('Delete plan?')">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn-sa bg-red-100 hover:bg-red-200 text-red-700 px-2 py-1 text-xs rounded-lg">Delete</button>
                        </form>
                    </div>
                </td>
            </tr>
            @empty
            <tr><td colspan="7" class="py-12 text-center text-slate-400">No plans yet. Create your first plan.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection