@extends('admin.layout')
@section('title', 'Pricing')
@section('page-title', 'Manage Pricing')

@section('content')
<div class="flex items-center justify-between mb-6">
    <p class="text-gray-400 text-sm">{{ $plans->count() }} plans</p>
    <a href="{{ route('admin.pricing.create') }}" class="px-4 py-2.5 bg-indigo-600 hover:bg-indigo-500 text-white text-sm font-semibold rounded-xl transition-all flex items-center gap-2"><i class="fas fa-plus text-xs"></i> Add Plan</a>
</div>
@if($plans->count() > 0)
    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
        @foreach($plans as $plan)
            <div class="bg-gray-900 border {{ $plan->is_featured ? 'border-indigo-500' : 'border-gray-800' }} rounded-2xl p-6 relative">
                @if($plan->badge)<span class="absolute -top-3 left-1/2 -translate-x-1/2 px-3 py-1 bg-yellow-400 text-gray-900 text-xs font-bold rounded-full">{{ $plan->badge }}</span>@endif
                <h3 class="text-lg font-bold text-white mb-1">{{ $plan->name }}</h3>
                <p class="text-3xl font-black text-white mb-1">{{ $plan->price }}</p>
                <p class="text-xs text-gray-500 mb-4">/ {{ $plan->period }}</p>
                <ul class="space-y-1 mb-4">@foreach($plan->features ?? [] as $f)<li class="text-xs text-gray-400 flex items-center gap-2"><i class="fas fa-check text-green-400 text-xs"></i>{{ $f }}</li>@endforeach</ul>
                <div class="flex gap-1">
                    <a href="{{ route('admin.pricing.edit', $plan) }}" class="flex-1 text-center py-2 bg-indigo-500/10 text-indigo-400 text-xs font-semibold rounded-lg hover:bg-indigo-500 hover:text-white transition-all">Edit</a>
                    <form action="{{ route('admin.pricing.destroy', $plan) }}" method="POST" onsubmit="return confirm('Delete this plan?')"><button type="submit" class="py-2 px-3 bg-red-500/10 text-red-400 text-xs rounded-lg hover:bg-red-500 hover:text-white transition-all">@csrf @method('DELETE')<i class="fas fa-trash"></i></button></form>
                </div>
            </div>
        @endforeach
    </div>
@else
    @include('admin.partials.empty-state', ['icon' => 'fas fa-tags', 'title' => 'No Pricing Plans', 'actionRoute' => route('admin.pricing.create'), 'actionText' => 'Add Plan'])
@endif
@endsection