@push('last_scripts')
    <script>
        // Form
        $(function() {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            // --------------------------------------------------------
            // Build dynamic validation rules based on form fields
            // --------------------------------------------------------
            var dynamicRules = {};
            @foreach ($form->fields as $field)
                dynamicRules["{{ $field->field_name }}"] = {
                    required: {{ $field->required ? 'true' : 'false' }},
                    @if ($field->type === 'email')
                        email: true,
                    @endif
                };
            @endforeach

            $("#enquiry_form").validate({
                ignore: [], // <== very important for hidden select fields (nice-select hides original select)
                
                rules: dynamicRules,

                // Optional message structure (simple)
                messages: {
                    @foreach ($form->fields as $field)
                        "{{ $field->field_name }}": {
                            required: @if ($field->type === 'select' || $field->type === 'radio')
                                "Please select {{ strtolower($field->field_label) }}."
                            @else
                                "Please enter {{ strtolower($field->field_label) }}."
                            @endif
                        },
                    @endforeach
                },

                errorElement: "label",
                errorClass: "text-red-600 text-sm mt-1 block",

                errorPlacement: function(error, element) {
                    if (element.is(":radio")) {
                        error.appendTo(element.parents('.error-container'));
                    } else { // This is the default behavior
                        error.insertAfter(element);
                    }
                },

                highlight: function(element) {
                    $(element).addClass('ring-2 ring-red-400');
                },

                unhighlight: function(element) {
                    $(element).removeClass('ring-2 ring-red-400');
                }
            });

            // --------------------------------------------------------
            // Submit handler with Recaptcha + dynamic FormData
            // --------------------------------------------------------
            $("#send_enquiry_form").click(function(e) {
                e.preventDefault();

                grecaptcha.ready(function() {
                    grecaptcha.execute("{{ config('commonconstants.recaptcha.site_key') }}", {
                        action: 'enquiry_form'
                    }).then(function(token) {

                        if (token) {
                            $("#recaptcha_v3").val(token);

                            var form = $("#enquiry_form");

                            if (form.valid()) {

                                var formData = new FormData();

                                // Add recaptcha token
                                formData.append('recaptcha_v3', token);

                                // Add all dynamic fields
                                @foreach ($form->fields as $field)
                                    @if ($field->type === 'radio')
                                        // RADIO FIELD
                                        formData.append('{{ $field->field_name }}', 
                                            $('input[name="{{ $field->field_name }}"]:checked').val() || ''
                                        );
                                    @else
                                        // OTHER FIELDS (text, email, tel, textarea, select, date)
                                        formData.append('{{ $field->field_name }}', 
                                            $("#{{ $field->field_name }}").val()
                                        );
                                    @endif
                                @endforeach

                                var locationId = $("#preferred_location").find(':selected').data('location-id');
                                formData.append('location_id', locationId);

                                $.ajax({
                                    url: "{{ module_url('web.appointment.submit') }}",
                                    type: "POST",
                                    data: formData,
                                    contentType: false,
                                    processData: false,
                                    dataType: 'json',

                                    beforeSend: function() {
                                        $('#send_enquiry_form').prop('disabled',
                                            true);
                                        $(".btn-text").text(
                                            "{{ __('enquiry.button.processing_txt') }}"
                                        );
                                    },

                                    success: function(data) {
                                        // console.log(data);
                                        $('#send_enquiry_form').prop('disabled',
                                            false);
                                        $(".btn-text").text(
                                            "Book Appointment"
                                            );

                                        showAlert(data);

                                        if (data['url']) {
                                            window.location.href = data['url'];
                                        }
                                    },

                                    error: function(e) {
                                        $("#msg_id").html(
                                            "<p class='text-red-500'>{{ __('enquiry.error.form_submit') }}</p>"
                                        );
                                    }
                                });
                            }
                        }

                    });
                });
            });
        });
    </script>
@endpush