@extends('layouts.admin')

@section('title', 'Create Coupon')
@section('page_heading', 'Create Coupon')

@section('page_actions')
    <a href="{{ route('admin.coupons.index') }}" class="btn btn-outline-secondary">Back to Coupons</a>
@endsection

@section('content')
    <div class="card data-card">
        <div class="card-body">
            <form method="POST" action="{{ route('admin.coupons.store') }}" class="row g-3">
                @csrf

                <div class="col-md-6">
                    <label for="code" class="form-label">Coupon Code</label>
                    <input id="code" name="code" type="text" value="{{ old('code', $generatedCode) }}" maxlength="6" required class="form-control text-uppercase" style="letter-spacing: 2px; font-weight: 700;" oninput="this.value = this.value.toUpperCase().replace(/[^A-Z0-9]/g, '').slice(0, 6)">
                    <div class="form-text">6-character alphanumeric code. Auto-generated and unique.</div>
                </div>

                <div class="col-md-6">
                    <label for="amount" class="form-label">Coupon Amount</label>
                    <div class="input-group">
                        <span class="input-group-text">$</span>
                        <input id="amount" name="amount" type="number" min="0" step="0.01" value="{{ old('amount') }}" required class="form-control">
                    </div>
                    <div class="form-text">Applying this code sets invoice amount to this exact value.</div>
                </div>

                <div class="col-12">
                    <div class="form-check">
                        <input id="is_active" name="is_active" type="checkbox" value="1" @checked(old('is_active', true)) class="form-check-input">
                        <label for="is_active" class="form-check-label">Active coupon</label>
                    </div>
                </div>

                <div class="col-12 d-flex justify-content-between">
                    <a href="{{ route('admin.coupons.create') }}" class="btn btn-outline-secondary">Generate New Code</a>
                    <button type="submit" class="btn btn-primary">Save Coupon</button>
                </div>
            </form>
        </div>
    </div>
@endsection