@extends('layouts.admin')

@section('title', isset($discount) ? 'Edit Discount' : 'Add Discount')
@section('page_title', isset($discount) ? 'Edit Discount' : 'Add New Discount')

@section('content')
<div class="row">
    <div class="col-md-8">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-light border-bottom">
                <h5 class="mb-0">{{ isset($discount) ? 'Edit Discount Information' : 'Discount Details' }}</h5>
            </div>
            <div class="card-body">
                <form action="{{ isset($discount) ? route('admin.discounts.update', $discount) : route('admin.discounts.store') }}" method="POST">
                    @csrf
                    @if(isset($discount)) @method('PUT') @endif

                    <!-- Discount Code -->
                    <div class="mb-3">
                        <label for="code" class="form-label">Coupon Code <span class="text-danger">*</span></label>
                        <input type="text" class="form-control @error('code') is-invalid @enderror" id="code" name="code" value="{{ old('code', isset($discount) ? $discount->code : '') }}" required placeholder="SUMMER20" placeholder="Enter coupon code in uppercase">
                        <small class="form-text text-muted">Use uppercase letters and numbers (e.g., SUMMER20, SAVE50)</small>
                        @error('code')
                            <div class="invalid-feedback d-block">{{ $message }}</div>
                        @enderror
                    </div>

                    <!-- Description -->
                    <div class="mb-3">
                        <label for="description" class="form-label">Description</label>
                        <textarea class="form-control @error('description') is-invalid @enderror" id="description" name="description" rows="3" placeholder="Enter discount description">{{ old('description', isset($discount) ? $discount->description : '') }}</textarea>
                        @error('description')
                            <div class="invalid-feedback d-block">{{ $message }}</div>
                        @enderror
                    </div>

                    <!-- Type & Value Row -->
                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label for="discount_type" class="form-label">Discount Type <span class="text-danger">*</span></label>
                            <select class="form-select @error('discount_type') is-invalid @enderror" id="discount_type" name="discount_type" required onchange="updateValuePlaceholder()">
                                <option value="">-- Select Type --</option>
                                <option value="percentage" {{ old('discount_type', isset($discount) ? $discount->discount_type : '') == 'percentage' ? 'selected' : '' }}>
                                    Percentage (%)
                                </option>
                                <option value="fixed" {{ old('discount_type', isset($discount) ? $discount->discount_type : '') == 'fixed' ? 'selected' : '' }}>
                                    Fixed Amount ({{ \App\Support\Currency::symbol() }})
                                </option>
                            </select>
                            @error('discount_type')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label for="discount_value" class="form-label">Discount Value <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <input type="number" step="0.01" class="form-control @error('discount_value') is-invalid @enderror" id="discount_value" name="discount_value" value="{{ old('discount_value', isset($discount) ? $discount->discount_value : '') }}" required placeholder="0.00">
                                <span class="input-group-text" id="valueUnit">%</span>
                            </div>
                            @error('discount_value')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <!-- Usage Limit -->
                    <div class="mb-3">
                        <label for="usage_limit" class="form-label">Usage Limit</label>
                        <input type="number" class="form-control @error('usage_limit') is-invalid @enderror" id="usage_limit" name="usage_limit" value="{{ old('usage_limit', isset($discount) ? $discount->usage_limit : '') }}" placeholder="Leave empty for unlimited">
                        <small class="form-text text-muted">Maximum number of times this coupon can be used. Leave empty for unlimited.</small>
                        @error('usage_limit')
                            <div class="invalid-feedback d-block">{{ $message }}</div>
                        @enderror
                    </div>

                    <!-- Valid From & To Row -->
                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label for="valid_from" class="form-label">Valid From <span class="text-danger">*</span></label>
                            <input type="datetime-local" class="form-control @error('valid_from') is-invalid @enderror" id="valid_from" name="valid_from" value="{{ old('valid_from', isset($discount) ? $discount->valid_from?->format('Y-m-d\TH:i') : '') }}" required>
                            @error('valid_from')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label for="valid_to" class="form-label">Valid Until <span class="text-danger">*</span></label>
                            <input type="datetime-local" class="form-control @error('valid_to') is-invalid @enderror" id="valid_to" name="valid_to" value="{{ old('valid_to', isset($discount) ? $discount->valid_to?->format('Y-m-d\TH:i') : '') }}" required>
                            @error('valid_to')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <!-- Min Purchase Amount -->
                    <div class="mb-3">
                        <label for="min_purchase_amount" class="form-label">Minimum Purchase Amount</label>
                        <div class="input-group">
                            <span class="input-group-text">{{ \App\Support\Currency::symbol() }}</span>
                            <input type="number" step="0.01" class="form-control @error('min_purchase_amount') is-invalid @enderror" id="min_purchase_amount" name="min_purchase_amount" value="{{ old('min_purchase_amount', isset($discount) ? $discount->min_purchase_amount : '0') }}" placeholder="0.00">
                        </div>
                        <small class="form-text text-muted">Discount only applies when cart total is at least this amount</small>
                        @error('min_purchase_amount')
                            <div class="invalid-feedback d-block">{{ $message }}</div>
                        @enderror
                    </div>

                    <!-- Is Active -->
                    <div class="mb-3">
                        <div class="form-check">
                            <input type="checkbox" class="form-check-input" id="is_active" name="is_active" value="1" {{ old('is_active', isset($discount) ? $discount->is_active : 1) == 1 ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_active">
                                Active Discount
                            </label>
                        </div>
                    </div>

                    <div class="d-flex gap-2">
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-check-circle"></i> {{ isset($discount) ? 'Update Discount' : 'Add Discount' }}
                        </button>
                        <a href="{{ route('admin.discounts.index') }}" class="btn btn-outline-secondary">
                            <i class="bi bi-x-circle"></i> Cancel
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="col-md-4">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-light border-bottom">
                <h6 class="mb-0">Quick Info</h6>
            </div>
            <div class="card-body">
                @if(isset($discount))
                    <div class="mb-3">
                        <small class="text-muted">Discount ID</small>
                        <p class="h6 mb-0">#{{ $discount->id }}</p>
                    </div>
                    <div class="mb-3">
                        <small class="text-muted">Times Used</small>
                        <p class="h6 mb-0">{{ $discount->usage_count ?? 0 }} / {{ $discount->usage_limit ?? '∞' }}</p>
                    </div>
                    <div class="mb-3">
                        <small class="text-muted">Created</small>
                        <p class="h6 mb-0">{{ $discount->created_at->format('M d, Y') }}</p>
                    </div>
                    <div>
                        <small class="text-muted">Last Updated</small>
                        <p class="h6 mb-0">{{ $discount->updated_at->format('M d, Y H:i') }}</p>
                    </div>
                @else
                    <p class="text-muted">Fill in the form to create a new discount coupon</p>
                @endif
            </div>
        </div>
    </div>
</div>

<script>
function updateValuePlaceholder() {
    const type = document.getElementById('discount_type').value;
    const unit = document.getElementById('valueUnit');
    const currencySymbol = @json(\App\Support\Currency::symbol());
    
    if (type === 'percentage') {
        unit.textContent = '%';
    } else if (type === 'fixed') {
        unit.textContent = currencySymbol;
    }
}

// Initialize on page load
document.addEventListener('DOMContentLoaded', function() {
    updateValuePlaceholder();
});
</script>
@endsection