@extends('layouts.app')

@section('title', 'Edit Coupon')
@section('heading', 'Edit Coupon')

@section('content')
<div class="mx-auto max-w-xl">
    <x-superadmin.page-header
        eyebrow="Billing"
        title="Edit coupon"
        subtitle="Update discount rules for {{ $coupon->code }}."
    />

    <div class="rounded-2xl border border-slate-200 bg-white p-5 shadow-sm sm:p-6">
        <form action="{{ route('superadmin.coupons.update', $coupon) }}" method="post" class="space-y-5">
            @csrf
            @method('PUT')
            @include('superadmin.coupons._form', ['coupon' => $coupon])
            <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</button>
                <a href="{{ route('superadmin.coupons.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>
    </div>

    <form action="{{ route('superadmin.coupons.destroy', $coupon) }}" method="post" class="mt-4" onsubmit="return confirm('Delete this coupon?');">
        @csrf
        @method('DELETE')
        <button type="submit" class="btn-icon-action btn-icon-action--delete" title="Delete" aria-label="Delete"><i class="bi bi-trash3"></i></button>
    </form>
</div>
@endsection