@extends($layout ?? BaseHelper::getAdminMasterLayoutTemplate())

@section('content')
    @include('core/table::base-table')
    @if(!empty($add_modal))
        {!! $add_modal !!}
    @endif
@endsection
@if (isset($isProductTable) && $isProductTable == 1)
    @push('footer')
        <script>
            $(document).ready(function () {

                // On change of discount type
                $(document).on('change', '.discount-type', function () {
                    const range = $(this).data('range');
                    const input = $(`.discount-value[data-range="${range}"]`);
                    const symbol = $(`.discount-symbol[data-range="${range}"]`);
                    const currentValue = parseInt(input.val() || 0);

                    if ($(this).val() === 'percentage') {
                        input.attr('max', 100);
                        symbol.text('%');

                        // If value is more than 100, auto-fix it
                        if (currentValue > 100) {
                            input.val(100);
                        }

                        input.on('input', function () {
                            this.value = this.value.replace(/[^0-9]/g, '');
                            if (this.value > 100) this.value = 100;
                        });

                    } else {
                        input.removeAttr('max');
                        symbol.text('$');

                        // no limit, but integer only
                        input.on('input', function () {
                            this.value = this.value.replace(/[^0-9]/g, '');
                        });
                    }
                });


                // Enable/Disable input based on hidden checkbox
                $('.group-discount-toggle').on('change', function () {
                    const range = $(this).data('range');
                    const enabled = $(this).is(':checked');

                    $(`.discount-type[data-range="${range}"]`).prop('disabled', !enabled);
                    $(`.discount-value[data-range="${range}"]`).prop('disabled', !enabled);
                }).trigger('change');

                // Open modal
                $(document).on('click', '.group-discount-trigger-btn', function (e) {
                    e.preventDefault();
                    $('#groupDiscountModal').modal('show');
                });

                // Trigger type logic on page load
                $('.discount-type').trigger('change');
            });
            $('#groupDiscountForm').on('submit', function (e) {
                e.preventDefault(); // Stop form normal submit

                let formData = $(this).serialize(); // Get form data

                $.ajax({
                    url: $(this).attr('action'),
                    type: 'POST',
                    data: formData,
                    beforeSend: function () {
                        // You can show loader if needed
                    },
                    success: function (response) {

                        Botble.showSuccess('Group discount updated successfully');
                        // HIDE MODAL
                        $('#groupDiscountModal').modal('hide');
                    },
                    error: function (xhr) {
                        Botble.showError('Something went wrong');
                    }
                });
            });
        </script>

    @endpush

@endif