@extends('layouts.dashboard')
@section('title', 'Manage Subscription Plans')
@section('content')
<div class="container-fluid py-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h4 class="fw-800 text-dark mb-1">Subscription Plans</h4>
            <p class="text-muted mb-0">Manage all SaaS pricing tiers, limits, and features.</p>
        </div>
        <a href="{{ route('admin.plans.create') }}" class="btn btn-primary fw-600">
            <i class="fas fa-plus me-2"></i>Create New Plan
        </a>
    </div>

    <div class="card border-0 shadow-sm rounded-4">
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="bg-light text-muted">
                        <tr>
                            <th class="ps-4 fw-600">Plan Details</th>
                            <th class="fw-600">Pricing</th>
                            <th class="fw-600">Limits (Jobs / Resumes)</th>
                            <th class="fw-600">Target</th>
                            <th class="fw-600">Status</th>
                            <th class="pe-4 text-end fw-600">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($plans as $plan)
                        <tr>
                            <td class="ps-4">
                                <div class="d-flex flex-column">
                                    <span class="fw-700 text-dark">{{ $plan->name }} 
                                        @if($plan->badge) <span class="badge bg-primary text-white ms-1" style="font-size:0.6rem">{{ $plan->badge }}</span> @endif
                                    </span>
                                    <span class="text-muted small">{{ $plan->description ?? 'No description' }}</span>
                                </div>
                            </td>
                            <td>
                                <div class="d-flex flex-column">
                                    <span class="fw-700 text-teal-accent">₹{{ number_format($plan->price) }} <small class="text-muted fw-500">/mo</small></span>
                                    <span class="text-muted small">₹{{ number_format($plan->annual_price) }} /yr</span>
                                </div>
                            </td>
                            <td>
                                <div class="d-flex flex-column gap-1">
                                    <span class="badge bg-primary bg-opacity-10 text-primary rounded-pill px-2 py-1 w-auto" style="font-size: 0.75rem; width: fit-content;">
                                        <i class="fas fa-briefcase me-1"></i> {{ $plan->job_posts == 0 ? 'Unlimited' : $plan->job_posts }} Jobs
                                    </span>
                                    <span class="badge bg-success bg-opacity-10 text-success rounded-pill px-2 py-1" style="font-size: 0.75rem; width: fit-content;">
                                        <i class="fas fa-file-alt me-1"></i> {{ $plan->resume_views_limit == 0 ? 'Unlimited' : $plan->resume_views_limit }} Resumes
                                    </span>
                                </div>
                            </td>
                            <td>
                                <span class="badge bg-secondary rounded-pill px-3">{{ ucfirst($plan->plan_type) }}</span>
                            </td>
                            <td>
                                @if($plan->is_active)
                                    <span class="badge bg-success rounded-pill px-3"><i class="fas fa-check-circle me-1"></i> Active</span>
                                @else
                                    <span class="badge bg-danger rounded-pill px-3">Inactive</span>
                                @endif
                            </td>
                            <td class="pe-4 text-end">
                                <div class="btn-group">
                                    <a href="{{ route('admin.plans.edit', $plan) }}" class="btn btn-sm btn-light text-primary border" title="Edit Plan">
                                        <i class="fas fa-edit"></i>
                                    </a>
                                    <form action="{{ route('admin.plans.destroy', $plan) }}" method="POST" class="d-inline" onsubmit="return confirm('Delete this plan? Subscribers on this plan might be affected.');">
                                        @csrf @method('DELETE')
                                        <button class="btn btn-sm btn-light text-danger border" title="Delete Plan">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="6" class="text-center py-5 text-muted">
                                <div class="mb-3"><i class="fas fa-box-open fs-1 text-light"></i></div>
                                <h6>No Subscription Plans Found</h6>
                                <p class="small">Create your first SaaS plan to start enforcing subscriptions.</p>
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection