@extends('layouts.admin')

@section('title', $coupon->exists ? 'Edit Coupon' : 'Add Coupon')
@section('page_title', $coupon->exists ? 'Edit Coupon' : 'Add Coupon')

@section('content')
<div class="kt-card max-w-3xl">
    <form class="kt-card-content grid grid-cols-1 md:grid-cols-2 gap-4" method="POST"
          action="{{ $coupon->exists ? route('admin.coupons.update', $coupon) : route('admin.coupons.store') }}">
        @csrf
        @if($coupon->exists) @method('PUT') @endif

        <div class="flex flex-col gap-1">
            <label class="kt-form-label">Code</label>
            <input class="kt-input uppercase" name="code" value="{{ old('code', $coupon->code) }}" required maxlength="40" placeholder="WELCOME10">
            @error('code')<div class="text-xs text-destructive">{{ $message }}</div>@enderror
        </div>
        <div class="flex flex-col gap-1">
            <label class="kt-form-label">Type</label>
            <select class="kt-select" name="type" required>
                <option value="percent" @selected(old('type', $coupon->type) === 'percent')>Percent</option>
                <option value="fixed" @selected(old('type', $coupon->type) === 'fixed')>Fixed amount</option>
            </select>
            @error('type')<div class="text-xs text-destructive">{{ $message }}</div>@enderror
        </div>
        <div class="flex flex-col gap-1 md:col-span-2">
            <label class="kt-form-label">Description</label>
            <input class="kt-input" name="description" value="{{ old('description', $coupon->description) }}" maxlength="255" placeholder="Shown in admin only">
            @error('description')<div class="text-xs text-destructive">{{ $message }}</div>@enderror
        </div>
        <div class="flex flex-col gap-1">
            <label class="kt-form-label">Value</label>
            <input class="kt-input" type="number" name="value" min="0.01" step="0.01" value="{{ old('value', $coupon->value) }}" required>
            @error('value')<div class="text-xs text-destructive">{{ $message }}</div>@enderror
        </div>
        <div class="flex flex-col gap-1">
            <label class="kt-form-label">Minimum order (₹)</label>
            <input class="kt-input" type="number" name="min_order" min="0" step="0.01" value="{{ old('min_order', $coupon->min_order ?? 0) }}">
            @error('min_order')<div class="text-xs text-destructive">{{ $message }}</div>@enderror
        </div>
        <div class="flex flex-col gap-1">
            <label class="kt-form-label">Max discount (₹, percent only)</label>
            <input class="kt-input" type="number" name="max_discount" min="0" step="0.01" value="{{ old('max_discount', $coupon->max_discount) }}">
            @error('max_discount')<div class="text-xs text-destructive">{{ $message }}</div>@enderror
        </div>
        <div class="flex flex-col gap-1">
            <label class="kt-form-label">Total uses</label>
            <input class="kt-input" type="number" name="usage_limit" min="1" value="{{ old('usage_limit', $coupon->usage_limit) }}" placeholder="Unlimited">
            @error('usage_limit')<div class="text-xs text-destructive">{{ $message }}</div>@enderror
        </div>
        <div class="flex flex-col gap-1">
            <label class="kt-form-label">Uses per customer</label>
            <input class="kt-input" type="number" name="per_user_limit" min="1" value="{{ old('per_user_limit', $coupon->per_user_limit) }}" placeholder="Unlimited">
            @error('per_user_limit')<div class="text-xs text-destructive">{{ $message }}</div>@enderror
        </div>
        <div class="flex flex-col gap-1">
            <label class="kt-form-label">Starts</label>
            <input class="kt-input" type="datetime-local" name="starts_at" value="{{ old('starts_at', $coupon->starts_at?->format('Y-m-d\TH:i')) }}">
            @error('starts_at')<div class="text-xs text-destructive">{{ $message }}</div>@enderror
        </div>
        <div class="flex flex-col gap-1">
            <label class="kt-form-label">Expires</label>
            <input class="kt-input" type="datetime-local" name="expires_at" value="{{ old('expires_at', $coupon->expires_at?->format('Y-m-d\TH:i')) }}">
            @error('expires_at')<div class="text-xs text-destructive">{{ $message }}</div>@enderror
        </div>
        <label class="flex items-center gap-2 text-sm md:col-span-2">
            <input class="kt-checkbox" type="checkbox" name="is_active" value="1" @checked($errors->any() ? old('is_active') : ($coupon->exists ? $coupon->is_active : true))>
            Active
        </label>
        @if($coupon->exists)
            <div class="text-sm text-secondary-foreground md:col-span-2">Redeemed {{ $coupon->used_count }} time{{ $coupon->used_count === 1 ? '' : 's' }}.</div>
        @endif
        <div class="flex gap-2 md:col-span-2">
            <button class="kt-btn kt-btn-primary" type="submit">Save</button>
            <a href="{{ route('admin.coupons.index') }}" class="kt-btn kt-btn-light">Cancel</a>
        </div>
    </form>
</div>
@endsection