@extends('layouts.app')

@section('title', 'Edit Plan')
@section('heading', 'Edit Subscription Plan')

@section('content')
<div class="mx-auto max-w-3xl">
    <x-superadmin.page-header
        eyebrow="Billing"
        title="Edit plan"
        subtitle="Update yearly pricing, seats, and discounts for {{ $plan->name }}."
    />

    <form action="{{ route('superadmin.plans.update', $plan) }}" method="post" class="space-y-4">
        @csrf
        @method('PUT')
        @include('superadmin.plans._form', ['plan' => $plan])
        <div class="flex flex-wrap gap-3 pt-2">
            <button type="submit" class="inline-flex rounded-xl bg-primary px-4 py-2.5 text-sm font-semibold text-white shadow-sm hover:opacity-95">Update plan</button>
            <a href="{{ route('superadmin.plans.index') }}" class="inline-flex rounded-xl border border-slate-200 px-4 py-2.5 text-sm font-semibold text-slate-700 hover:bg-slate-50">Cancel</a>
        </div>
    </form>

    @if($plan->companies()->count() === 0)
        <form action="{{ route('superadmin.plans.destroy', $plan) }}" method="post" class="mt-6" onsubmit="return confirm('Delete this plan?');">
            @csrf
            @method('DELETE')
            <button type="submit" class="inline-flex rounded-xl border border-red-200 px-4 py-2.5 text-sm font-semibold text-red-700 hover:bg-red-50">Delete plan</button>
        </form>
    @endif
</div>
@endsection