@php
    $isEdit = isset($clientDiscount) && $clientDiscount->exists;
    $tenant_id = session('tenant_id');
@endphp

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <form class="form-horizontal custom-validation" 
                      action="{{ $form_action }}" 
                      method="POST" 
                      id="client-discount-form">
                    @csrf
                    @if($isEdit)
                        @method('PATCH')
                    @endif

                    @if($show_tenant_dropdown ?? false)
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="tenant_id" class="form-label">Tenant <span class="text-danger">*</span></label>
                                    <select class="form-select @error('tenant_id') is-invalid @enderror" id="tenant_id" name="tenant_id" required>
                                        <option value="">Select Tenant</option>
                                        @foreach($tenant_list ?? [] as $id => $name)
                                            <option value="{{ $id }}" {{ old('tenant_id', $isEdit ? $clientDiscount->tenant_id : '') == $id ? 'selected' : '' }}>
                                                {{ $name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('tenant_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    @else
                        <input type="hidden" name="tenant_id" value="{{ $tenant_id }}">
                    @endif

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="title" class="form-label">Discount Title <span class="text-danger">*</span></label>
                                <input type="text" 
                                       class="form-control @error('title') is-invalid @enderror" 
                                       id="title" 
                                       name="title" 
                                       value="{{ old('title', $isEdit ? $clientDiscount->title : '') }}" 
                                       maxlength="120"
                                       placeholder="e.g., ALPHA18, SUMMER2024"
                                       required>
                                @error('title')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <div class="form-text">Enter a descriptive title for the discount (max 120 characters)</div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="mb-3">
                                <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>
                                    <option value="">Select Discount Type</option>
                                    <option value="Percentage" {{ old('discount_type', $isEdit ? $clientDiscount->discount_type : '') == 'Percentage' ? 'selected' : '' }}>
                                        Percentage
                                    </option>
                                    <option value="Fixed" {{ old('discount_type', $isEdit ? $clientDiscount->discount_type : '') == 'Fixed' ? 'selected' : '' }}>
                                        Fixed Amount
                                    </option>
                                </select>
                                @error('discount_type')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <div class="form-text">Choose whether the discount is a percentage or fixed amount</div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="amount" class="form-label">Discount Amount <span class="text-danger">*</span></label>
                                <div class="input-group">
                                    <span class="input-group-text" id="discount_amount_symbol">
                                        @if(old('discount_type', $isEdit ? $clientDiscount->discount_type : '') == 'Percentage' || !$isEdit)
                                            %
                                        @else
                                            $
                                        @endif
                                    </span>
                                    <input type="number" 
                                           class="form-control @error('amount') is-invalid @enderror" 
                                           id="amount" 
                                           name="amount" 
                                           value="{{ old('amount', $isEdit ? $clientDiscount->amount : '') }}" 
                                           step="0.01" 
                                           min="0" 
                                           max="{{ old('discount_type', $isEdit ? $clientDiscount->discount_type : '') == 'Percentage' ? '100' : '999999.99' }}"
                                           placeholder="e.g., 10.00 or 25.50"
                                           required>
                                </div>
                                @error('amount')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <div class="form-text" id="amount-help-text">
                                    @if(old('discount_type', $isEdit ? $clientDiscount->discount_type : '') == 'Percentage')
                                        Enter percentage (0-100)
                                    @else
                                        Enter fixed amount
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" id="is_active" name="is_active" value="1" 
                                           {{ old('is_active', $isEdit ? $clientDiscount->is_active : true) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="is_active">
                                        Active
                                    </label>
                                </div>
                                <div class="form-text">Active discounts are available for use</div>
                            </div>
                        </div>
                    </div>

                    <div class="text-end mt-3">
                        <a href="{{ route('property-age-fees.index') }}" class="btn btn-dark waves-effect me-2">Cancel</a>
                        <button type="submit" class="btn btn-primary">{{ $isEdit ? 'Update' : 'Add' }} Client Discount</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@push('page_script')
<meta name="csrf-token" content="{{ csrf_token() }}">
<script src="{{ asset('assets/libs/parsleyjs/parsley.min.js') }}"></script>
<script src="{{ asset('assets/js/pages/form-validation.init.js') }}"></script>
<script>
$(document).ready(function() {
    // Discount type change handler
    $('#discount_type').change(function() {
        const discountType = $(this).val();
        const amountInput = $('#amount');
        const amountHelpText = $('#amount-help-text');
        const inputGroupText = $('#discount_amount_symbol');
        
        if (discountType === 'Percentage') {
            inputGroupText.text('%');
            amountInput.attr('max', '100');
            amountHelpText.text('Enter percentage (0-100)');
            amountInput.attr('placeholder', 'e.g., 10.00');
        } else if (discountType === 'Fixed') {
            inputGroupText.text('$');
            amountInput.attr('max', '999999.99');
            amountHelpText.text('Enter fixed amount');
            amountInput.attr('placeholder', 'e.g., 25.50');
        }
        
        // Clear amount when type changes
        amountInput.val('');
    });

    // Amount formatting
    $('#amount').on('blur', function() {
        const value = parseFloat($(this).val());
        if (!isNaN(value)) {
            $(this).val(value.toFixed(2));
        }
    });

    // Tenant-dependent service loading (for super admin)
    @if($show_tenant_dropdown ?? false)
    $('#tenant_id').change(function() {
        // Add any tenant-specific logic here if needed
    });
    @endif

    // Form validation - only initialize if not already initialized
    if (!$('#client-discount-form').data('parsley')) {
        $('#client-discount-form').parsley({
            errorClass: 'is-invalid',
            successClass: 'is-valid',
            errorsWrapper: '<div class="invalid-feedback"></div>',
            errorTemplate: '<span></span>'
        });
    }

    // Custom validation for discount amount based on type
    $('#amount').on('blur', function() {
        const discountType = $('#discount_type').val();
        const amount = parseFloat($(this).val());
        
        if (discountType === 'Percentage' && amount > 100) {
            $(this).addClass('is-invalid');
            if (!$(this).next('.invalid-feedback').length) {
                $(this).after('<div class="invalid-feedback">Percentage discount cannot exceed 100%</div>');
            }
        } else {
            $(this).removeClass('is-invalid');
            $(this).next('.invalid-feedback').remove();
        }
    });

    // Initialize select2 for better dropdown experience
    if (typeof $.fn.select2 !== 'undefined') {
        $('#discount_type').select2({
            placeholder: 'Select an option',
            allowClear: true
        });
    }
});
</script>
@endpush