@extends('layouts.admin')
@section('title', 'Plans')
@section('role-label', 'Super Admin')
@section('page-title', 'Subscription Plans')
@section('sidebar-nav')@include('super-admin.partials.sidebar')@endsection

@section('content')
<div class="flex justify-end mb-6">
    <a href="{{ route('super-admin.plans.create') }}" class="btn btn-primary">
        <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg>
        Add Plan
    </a>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5">
    @forelse($plans as $plan)
    <div class="card p-6">
        <div class="flex justify-between items-start mb-3">
            <h3 class="font-bold text-slate-200">{{ $plan->name }}</h3>
            <span class="badge {{ $plan->status === 'active' ? 'badge-success' : 'badge-muted' }}">{{ $plan->status }}</span>
        </div>
        <div class="text-3xl font-extrabold text-amber-400 mb-1">₹{{ number_format($plan->price) }}</div>
        <div class="text-xs text-slate-500 mb-4">{{ $plan->duration_days }} days</div>
        <ul class="space-y-1.5 text-xs text-slate-400 mb-5">
            <li>{{ $plan->menu_item_limit === -1 ? 'Unlimited' : $plan->menu_item_limit }} Menu Items</li>
            <li>{{ $plan->table_limit === -1 ? 'Unlimited' : $plan->table_limit }} Tables</li>
            <li>{{ $plan->staff_limit === -1 ? 'Unlimited' : $plan->staff_limit }} Staff</li>
            <li>Custom Domain: {{ $plan->custom_domain_allowed ? '✅' : '❌' }}</li>
        </ul>
        <div class="flex gap-2">
            <a href="{{ route('super-admin.plans.edit', $plan) }}" class="btn btn-secondary btn-sm flex-1 justify-center">Edit</a>
            <form method="POST" action="{{ route('super-admin.plans.destroy', $plan) }}" onsubmit="return confirm('Delete this plan?')">
                @csrf @method('DELETE')
                <button type="submit" class="btn btn-danger btn-sm">Del</button>
            </form>
        </div>
    </div>
    @empty
    <div class="col-span-3 text-center py-12 text-slate-500">No plans yet. <a href="{{ route('super-admin.plans.create') }}" class="text-amber-400">Create one →</a></div>
    @endforelse
</div>
@endsection