@php($isEdit = $coupon->exists)

<div class="space-y-5">
    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
        <div>
            <label for="code" class="label block mb-2" style="color: var(--color-ink-70);">Code</label>
            <input id="code" name="code" type="text" maxlength="64" value="{{ old('code', $coupon->code) }}" required class="input" placeholder="e.g. WELCOME10" autocomplete="off">
            <p class="mt-1 text-xs" style="color: var(--color-ink-40);">Stored uppercase; customers may type any case.</p>
            @error('code')
                <p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>
            @enderror
        </div>
        <div>
            <label for="discount_type" class="label block mb-2" style="color: var(--color-ink-70);">Discount type</label>
            <select id="discount_type" name="discount_type" class="input" required>
                @foreach ($discountTypes as $type)
                    <option value="{{ $type->value }}" @selected(old('discount_type', $coupon->discount_type?->value) === $type->value)>{{ $type->label() }}</option>
                @endforeach
            </select>
            @error('discount_type')
                <p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>
            @enderror
        </div>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
        <div>
            <label for="discount_value" class="label block mb-2" style="color: var(--color-ink-70);">Discount value</label>
            <input id="discount_value" name="discount_value" type="number" step="0.01" min="0" value="{{ old('discount_value', $coupon->discount_value) }}" required class="input" placeholder="Flat ৳ or % (1–100)">
            <p class="mt-1 text-xs" style="color: var(--color-ink-40);">Flat: BDT off subtotal. Percent: 1–100 of merchandise subtotal.</p>
            @error('discount_value')
                <p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>
            @enderror
        </div>
        <div>
            <label for="max_discount_amount" class="label block mb-2" style="color: var(--color-ink-70);">Max discount cap (percent only)</label>
            <input id="max_discount_amount" name="max_discount_amount" type="number" step="0.01" min="0" value="{{ old('max_discount_amount', $coupon->max_discount_amount) }}" class="input" placeholder="Optional BDT cap">
            @error('max_discount_amount')
                <p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>
            @enderror
        </div>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
        <div>
            <label for="min_subtotal" class="label block mb-2" style="color: var(--color-ink-70);">Minimum merchandise subtotal (optional)</label>
            <input id="min_subtotal" name="min_subtotal" type="number" step="0.01" min="0" value="{{ old('min_subtotal', $coupon->min_subtotal) }}" class="input" placeholder="e.g. 500">
            @error('min_subtotal')
                <p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>
            @enderror
        </div>
        <div class="grid grid-cols-2 gap-4">
            <div>
                <label for="usage_limit" class="label block mb-2" style="color: var(--color-ink-70);">Total uses (optional)</label>
                <input id="usage_limit" name="usage_limit" type="number" min="1" value="{{ old('usage_limit', $coupon->usage_limit) }}" class="input" placeholder="Unlimited">
                @error('usage_limit')
                    <p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>
                @enderror
            </div>
            <div>
                <label for="per_customer_limit" class="label block mb-2" style="color: var(--color-ink-70);">Per customer (optional)</label>
                <input id="per_customer_limit" name="per_customer_limit" type="number" min="1" value="{{ old('per_customer_limit', $coupon->per_customer_limit) }}" class="input" placeholder="Unlimited">
                @error('per_customer_limit')
                    <p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>
                @enderror
            </div>
        </div>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
        <div>
            <label for="starts_at" class="label block mb-2" style="color: var(--color-ink-70);">Starts at (optional)</label>
            <input id="starts_at" name="starts_at" type="datetime-local" value="{{ old('starts_at', optional($coupon->starts_at)->format('Y-m-d\TH:i')) }}" class="input">
            <p class="mt-1 text-xs" style="color: var(--color-ink-40);">If set, checkout rejects the code until this moment — even when <strong>Active</strong> is on. Times use <strong>{{ config('app.timezone') }}</strong> (set <code class="text-[11px]">APP_TIMEZONE</code> in <code class="text-[11px]">.env</code>).</p>
            @error('starts_at')
                <p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>
            @enderror
        </div>
        <div>
            <label for="ends_at" class="label block mb-2" style="color: var(--color-ink-70);">Ends at (optional)</label>
            <input id="ends_at" name="ends_at" type="datetime-local" value="{{ old('ends_at', optional($coupon->ends_at)->format('Y-m-d\TH:i')) }}" class="input">
            <p class="mt-1 text-xs" style="color: var(--color-ink-40);">Same timezone as starts: <strong>{{ config('app.timezone') }}</strong>.</p>
            @error('ends_at')
                <p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>
            @enderror
        </div>
    </div>

    <div class="flex items-center gap-2">
        <input type="hidden" name="is_active" value="0">
        <input id="is_active" name="is_active" type="checkbox" value="1" class="rounded border-ink/20 text-ink focus:ring-ink" @checked(old('is_active', $coupon->is_active ?? true))>
        <label for="is_active" class="text-sm" style="color: var(--color-ink-70);">Active</label>
    </div>

    <div class="flex items-center gap-3 pt-2">
        <button type="submit" class="btn btn-primary">{{ $isEdit ? 'Save coupon' : 'Create coupon' }}</button>
        <a href="{{ route('admin.coupons.index') }}" class="btn btn-ghost">Cancel</a>
    </div>
</div>