@extends('backEnd.layouts.master')
@section('title', 'Edit Coupon')

@section('content')
<div class="page-header">
    <div>
        <h4><i class="fas fa-ticket-alt me-2 text-success"></i>Edit Coupon: <code>{{ $coupon->code }}</code></h4>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route('admin.coupons.index') }}">Coupons</a></li>
                <li class="breadcrumb-item active">Edit</li>
            </ol>
        </nav>
    </div>
</div>

<form action="{{ route('admin.coupons.update', $coupon->id) }}" method="POST">
    @csrf @method('PUT')
    <div class="row g-4">
        <div class="col-md-8">
            <div class="admin-card">
                <div class="admin-card-header"><h5>Coupon Details</h5></div>
                <div class="admin-card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label fw-600">Coupon Code *</label>
                            <input type="text" name="code" class="form-control text-uppercase fw-bold @error('code') is-invalid @enderror"
                                   value="{{ old('code', $coupon->code) }}" required
                                   style="font-family: monospace; font-size: 1.1rem;">
                            @error('code')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-600">Title</label>
                            <input type="text" name="title" class="form-control" value="{{ old('title', $coupon->title) }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-600">Discount Type *</label>
                            <select name="type" id="discountType" class="form-select" required onchange="toggleMaxDiscount()">
                                <option value="fixed" {{ old('type', $coupon->type) == 'fixed' ? 'selected' : '' }}>৳ Fixed Amount</option>
                                <option value="percent" {{ old('type', $coupon->type) == 'percent' ? 'selected' : '' }}>% Percentage</option>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-600">Discount Value *</label>
                            <div class="input-group">
                                <span class="input-group-text" id="valuePrefix">{{ $coupon->type == 'percent' ? '%' : '৳' }}</span>
                                <input type="number" name="value" class="form-control" value="{{ old('value', $coupon->value) }}"
                                       step="0.01" min="0" required>
                            </div>
                        </div>
                        <div class="col-md-6" id="maxDiscountField" style="display: {{ $coupon->type == 'percent' ? 'block' : 'none' }};">
                            <label class="form-label fw-600">Max Discount Amount</label>
                            <div class="input-group">
                                <span class="input-group-text">৳</span>
                                <input type="number" name="max_discount" class="form-control" value="{{ old('max_discount', $coupon->max_discount) }}">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-600">Minimum Order</label>
                            <div class="input-group">
                                <span class="input-group-text">৳</span>
                                <input type="number" name="min_order" class="form-control" value="{{ old('min_order', $coupon->min_order) }}">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-600">Maximum Uses</label>
                            <input type="number" name="max_uses" class="form-control" value="{{ old('max_uses', $coupon->max_uses) }}">
                            <small class="text-muted">Used: {{ $coupon->used_count }} times</small>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-600">Expiry Date</label>
                            <input type="date" name="expires_at" class="form-control"
                                   value="{{ old('expires_at', $coupon->expires_at?->format('Y-m-d')) }}">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="admin-card">
                <div class="admin-card-header"><h5>Status</h5></div>
                <div class="admin-card-body">
                    <div class="form-check form-switch mb-3">
                        <input class="form-check-input" type="checkbox" name="status" value="1"
                               {{ old('status', $coupon->status) ? 'checked' : '' }}>
                        <label class="form-check-label fw-600">Coupon Active</label>
                    </div>
                    <div class="alert alert-light p-2 small">
                        <strong>Usage Stats:</strong><br>
                        Used: {{ $coupon->used_count }} times<br>
                        @if($coupon->max_uses > 0)
                        Remaining: {{ $coupon->max_uses - $coupon->used_count }}
                        @else
                        Unlimited uses
                        @endif
                    </div>
                    <div class="mt-3 d-flex flex-column gap-2">
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save me-1"></i>Update Coupon
                        </button>
                        <a href="{{ route('admin.coupons.index') }}" class="btn btn-outline-secondary">
                            <i class="fas fa-times me-1"></i>Cancel
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
@endsection

@push('scripts')
<script>
function toggleMaxDiscount() {
    const isPercent = document.getElementById('discountType').value === 'percent';
    document.getElementById('maxDiscountField').style.display = isPercent ? 'block' : 'none';
    document.getElementById('valuePrefix').textContent = isPercent ? '%' : '৳';
}
toggleMaxDiscount();
</script>
@endpush