$(document).ready(function () {

    reloadRecaptcha("track");
    // {# Get order Ajax #}
    $(document).on('submit', "#track_form", function (event) {
        event.preventDefault();
        let $trackForm_data = $("#track_form").serialize()
        $(".error, .success").remove();

        $("#submit_track").attr("disabled", true).append('<i class="fas fa-spinner fa-spin"></i>').css("background", "#ffc67c");
        $('input').css("border", "");
        $.ajax({
            method: "POST",
            url: "",
            data: $trackForm_data,
            dataType: 'json',

            success: function (data) {
                $('#submit_track .fa-spin').remove()
                $("#submit_track").css(
                    "background", "").attr("disabled", false);
                if (data.page) {
                    $("#track_form").empty().append(data.page);

                } else {

                    let json;

                    $.each(data, function (key, item) {
                        json = $.parseJSON(item);
                    });

                    if (json.hasOwnProperty('__all__')) {
                        $('#submit_track').before(
                            "<span class='error'>* " + json
                            .__all__[0]
                            .message +
                            "</span>");
                    }
                    if (json.hasOwnProperty('order_number')) {

                        $('#track_form .input-label:eq(0) .label-inside')
                            .after(
                                "<span class='error form_error'>* " + json
                                .order_number[
                                    0]
                                .message +
                                "</span>");
                        $('#track_form .input-label:eq(0) input').css(
                            "border", "1px solid red");
                    }
                    if (json.hasOwnProperty('phone')) {

                        $('#track_form .input-label:eq(1) .label-inside')
                            .after(
                                "<span class='error form_error'>* " + json
                                .phone[
                                    0]
                                .message +
                                "</span>");
                        $('#track_form .input-label:eq(1) input').css(
                            "border", "1px solid red");
                    }

                    if (json.hasOwnProperty('track_recaptcha')) {

                        $('#submit_track').before(
                            "<span class='error'>* " + json
                            .track_recaptcha[0]
                            .message +
                            "</span>");
                    }

                    // {# Reinitialize recaptcha #}
                    reloadRecaptcha("track");

                }
            }
        })
    })
});