@extends('layouts.admin')

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

@section('content')
<div class="admin-page-header">
    <h1>Edit Coupon: {{ $coupon->code }}</h1>
    <a href="{{ route('admin.coupons.index') }}" class="admin-btn-primary">Back</a>
</div>

<div class="admin-card">
    <div class="card-body">
        <form action="{{ route('admin.coupons.update', $coupon->id) }}" method="POST">
            @csrf
            @method('PUT')

            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="admin-form-label">Coupon Code *</label>
                    <input type="text" name="code" class="admin-form-control form-control" value="{{ old('code', $coupon->code) }}" style="text-transform: uppercase;" required>
                </div>

                <div class="col-md-6 mb-3">
                    <label class="admin-form-label">Type *</label>
                    <select name="type" class="admin-form-control form-select" required>
                        <option value="percentage" {{ $coupon->type == 'percentage' ? 'selected' : '' }}>Percentage</option>
                        <option value="flat" {{ $coupon->type == 'flat' ? 'selected' : '' }}>Flat Amount</option>
                    </select>
                </div>

                <div class="col-md-4 mb-3">
                    <label class="admin-form-label">Value *</label>
                    <input type="number" step="0.01" name="value" class="admin-form-control form-control" value="{{ old('value', $coupon->value) }}" required>
                </div>

                <div class="col-md-4 mb-3">
                    <label class="admin-form-label">Min Cart Value</label>
                    <input type="number" step="0.01" name="min_cart_value" class="admin-form-control form-control" value="{{ old('min_cart_value', $coupon->min_cart_value) }}">
                </div>

                <div class="col-md-4 mb-3">
                    <label class="admin-form-label">Max Discount</label>
                    <input type="number" step="0.01" name="max_discount" class="admin-form-control form-control" value="{{ old('max_discount', $coupon->max_discount) }}">
                </div>

                <div class="col-md-6 mb-3">
                    <label class="admin-form-label">Starts At *</label>
                    <input type="datetime-local" name="starts_at" class="admin-form-control form-control" value="{{ old('starts_at', $coupon->starts_at->format('Y-m-d\TH:i')) }}" required>
                </div>

                <div class="col-md-6 mb-3">
                    <label class="admin-form-label">Ends At *</label>
                    <input type="datetime-local" name="ends_at" class="admin-form-control form-control" value="{{ old('ends_at', $coupon->ends_at->format('Y-m-d\TH:i')) }}" required>
                </div>

                <div class="col-md-6 mb-3">
                    <label class="admin-form-label">Total Usage Limit (Global control)</label>
                    <input type="number" name="usage_limit" class="admin-form-control form-control" value="{{ old('usage_limit', $coupon->usage_limit) }}">
                </div>

                <div class="col-md-6 mb-3">
                    <label class="admin-form-label">User Usage Limit (Per-customer control)</label>
                    <input type="number" name="usage_per_user" class="admin-form-control form-control" value="{{ old('usage_per_user', $coupon->usage_per_user) }}">
                </div>

                <div class="col-12 mb-3">
                    <div class="form-check">
                        <input type="checkbox" name="is_active" class="form-check-input" id="isActive" value="1" {{ old('is_active', $coupon->is_active) ? 'checked' : '' }}>
                        <label class="form-check-label" for="isActive">Active</label>
                    </div>
                </div>

                <div class="col-12">
                    <button type="submit" class="admin-btn-primary">Update Coupon</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection