/** Requiere jQuery v1.12.4 o superior **/
$(document).ready(function () {
    $(document).ajaxStart(function () {

    })
        .ajaxComplete(function () {

        })
        .ajaxError(function (event, jqXHR, settings, thrownError) {
            if (jqXHR.status == 200) {
                location.reload(true);
            }
            else if (jqXHR.status !== 0) {
                if (env == 'dev') {
                    alert('Error ' + jqXHR.status);
                }
                else {
                    console.log('Error ' + jqXHR.status);
                }
            }
        });
});

function initProductsPageListeners() {
    $('#pdx-order-by').on('change', function (e) {
        e.preventDefault();

        setProductsPageListeners(this, 'orderby', $(this).val());
    });

    $('#pdx-quantity-to-show').on('change', function (e) {
        e.preventDefault();

        setProductsPageListeners(this, 'limit', $(this).val());
    });

    $('.pdx-category-filter').on('click', function (e) {
        setProductsPageListeners(this, 'category', $(this).data('value'));
    });

    $('.pdx-brand-filter').on('click', function (e) {
        setProductsPageListeners(this, 'brand', $(this).data('value'));
    });
}

function initCollectionProductsPageListeners() {
    $('#pdx-order-by').on('change', function (e) {
        e.preventDefault();

        setProductsPageListeners(this, 'orderby', $(this).val());
    });

    $('#pdx-quantity-to-show').on('change', function (e) {
        e.preventDefault();

        setProductsPageListeners(this, 'limit', $(this).val());
    });
}

function setProductsPageListeners(element, parameter, value) {
    if (value !== '') {
        var url = removeURLParameter($(element).data('url'), parameter) + '&' + parameter + '=' + value;
    }
    else {
        var url = removeURLParameter($(element).data('url'), parameter);
    }

    $('#pdx-btn-load-more').data('url', url);
    $('#pdx-order-by').data('url', url);
    $('#pdx-quantity-to-show').data('url', url);
    $('.pdx-category-filter').data('url', url);
    $('.pdx-brand-filter').data('url', url);

    $(element).attr('ajax-url', url + '&page=1');

    ajaxHandler(element);
}

function initBlogPostsPageListeners() {
    $('.pdx-blog-tag').on('click', function (e) {
        e.preventDefault();

        setBlogPostsListeners(this, 'tag', $(this).data('value'));
    });
}

function setBlogPostsListeners(element, parameter, value) {
    if (value !== '') {
        var url = removeURLParameter($(element).data('url'), parameter) + '&' + parameter + '=' + value;
    }
    else {
        var url = removeURLParameter($(element).data('url'), parameter);
    }

    $('#pdx-btn-load-more').data('url', url);
    $('.pdx-blog-tag').data('url', url);

    $(element).attr('ajax-url', url + '&page=1');

    ajaxHandler(element);
}

function setSelect2(params) {
    $(params.element).select2({
        ajax: {
            url: params.route,
            dataType: 'json',
            delay: 500,
            data: function (response) {
                return {
                    q: response.term,
                    page: response.page
                };
            },
            processResults: function (data, response) {
                response.page = response.page || 1;
                return {
                    results: data.items,
                    pagination: {
                        more: (response.page * 9) < data.total_count
                    }
                };
            },
            cache: true
        },
        minimumInputLength: 0
    });
}

function addSelectOption(params) {
    var $select = $(params.element);
    var $option = $('<option value="' + params.id + '" selected>' + params.text + '</option>');
    $select.empty();
    $select.append($option).trigger('change');
}

function showModal(params) {
    var title = (params.title) ? params.title : 'Mensaje del sistema';
    var body = (params.body) ? params.body : '';
    var widthClass = (params.widthClass) ? params.widthClass : 'modal-md';
    var identifier = (params.identifier) ? params.identifier : Math.floor((Math.random() * 5000) + 1);
    var onConfirmCallback = (params.onConfirmCallback) ? params.onConfirmCallback : null;
    var onConfirmCallbackParams = (params.onConfirmCallbackParams) ? params.onConfirmCallbackParams : {};
    var confirmCallbackRoute = (params.confirmCallbackRoute) ? params.confirmCallbackRoute : null;
    var confirmCallbackMethod = (params.confirmCallbackMethod) ? params.confirmCallbackMethod : 'get';
    var showConfirmButton = (params.showConfirmButton) ? true : false;
    var hideCancelButton = (params.hideCancelButton) ? true : false;
    var onCancelCallback = (params.onCancelCallback) ? params.onCancelCallback : null;
    var onCancelCallbackParams = (params.onCancelCallbackParams) ? params.onCancelCallbackParams : {};
    var cancelCallbackRoute = (params.cancelCallbackRoute) ? params.cancelCallbackRoute : null;
    var cancelCallbackMethod = (params.cancelCallbackMethod) ? params.cancelCallbackMethod : 'get';
    var onShownCallback = (params.onShownCallback) ? params.onShownCallback : null;
    var onShownCallbackParams = (params.onShownCallbackParams) ? params.onShownCallbackParams : {};
    var shownCallbackRoute = (params.shownCallbackRoute) ? params.shownCallbackRoute : null;
    var shownCallbackMethod = (params.shownCallbackMethod) ? params.shownCallbackMethod : 'get';
    var onHiddenCallback = (params.onHiddenCallback) ? params.onHiddenCallback : null;
    var onHiddenCallbackParams = (params.onHiddenCallbackParams) ? params.onHiddenCallbackParams : {};
    var hiddenCallbackRoute = (params.hiddenCallbackRoute) ? params.cancelCallbackRoute : null;
    var hiddenCallbackMethod = (params.hiddenCallbackMethod) ? params.cancelCallbackMethod : 'get';
    var confirmLabel = (params.confirmLabel) ? params.confirmLabel : 'Aceptar';
    var cancelLabel = (params.cancelLabel) ? params.cancelLabel : 'Cerrar';
    var textCenter = (params.textCenter) ? 'text-center' : '';

    var header = '<div class="modal-header"><h5 class="modal-title" style="font-size: 16px; color: #383838;">' + title + '</h5><button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin-top:-22px"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button></div>';
    var cancelButton = (hideCancelButton)
        ? ''
        : '<button class="btn" data-dismiss="modal" id="modal-' + identifier + '-cancel-btn" style="font-size: 14px;height: 44px; text-transform: uppercase; min-width: 120px;"><i class="flaticon - cancel - 12"></i> '+cancelLabel+'</button>';

    var confirmButton = (showConfirmButton)
        ? '<button type="button" class="btn btn-fill-out btn-state-loading" id="modal-' + identifier + '-confirm-btn" style="font-size: 14px;height: 44px; text-transform: uppercase; min-width: 120px;">' + confirmLabel + '</button>'
        : '';
    var footer = '<div class="modal-footer">' + cancelButton + confirmButton + '</div>';

    var content = '<div class="modal fade modal-notification" id="modal-' + identifier + '" role="dialog" aria-labelledby="modal-' + identifier + '" aria-hidden="false"><div class="modal-dialog ' + widthClass + '" role="document"><div class="modal-content">' + header + '<div class="modal-body ' + textCenter + '"><p class="modal-text" style="text-align: center;">' + body + '</p></div>' + footer + '</div></div></div>';

    $('body').append(content);

    $('#modal-' + identifier).modal();

    $('#modal-' + identifier).on('shown.bs.modal', function (event) {
        if (onShownCallback) {
            if (onShownCallback === 'ajax') {
                $(this).attr('ajax-url', shownCallbackRoute);
                $(this).attr('ajax-method', shownCallbackMethod);
                ajaxHandler(this, onShownCallbackParams);
            } else {
                eval(onShownCallback)(onShownCallbackParams);
            }
        }

        if (onConfirmCallback) {
            $('#modal-' + identifier + '-confirm-btn').on('click', function (e) {
                e.preventDefault();
                if (onConfirmCallback === 'ajax') {
                    $(this).attr('ajax-url', confirmCallbackRoute);
                    $(this).attr('ajax-method', confirmCallbackMethod);
                    ajaxHandler(this, onConfirmCallbackParams);
                } else {
                    eval(onConfirmCallback)(onConfirmCallbackParams);
                }
            });
        }
        else {
            $('#modal-' + identifier + '-confirm-btn').attr('data-dismiss', 'modal');
        }

        if (onCancelCallback) {
            $('#modal-' + identifier + '-cancel-btn').on('click', function (e) {
                e.preventDefault();
                if (onCancelCallback === 'ajax') {
                    $(this).attr('ajax-url', cancelCallbackRoute);
                    $(this).attr('ajax-method', cancelCallbackMethod);
                    ajaxHandler(this, onCancelCallbackParams);
                } else {
                    eval(onCancelCallback)(onCancelCallbackParams);
                }
            });
        }
        else {
            $('#modal-' + identifier + '-cancel-btn').attr('data-dismiss', 'modal');
        }
    });

    $('#modal-' + identifier).on('hidden.bs.modal', function (event) {
        $('#modal-' + identifier).remove();
        if (onHiddenCallback) {
            if (onHiddenCallback === 'ajax') {
                $(this).attr('ajax-url', hiddenCallbackRoute);
                $(this).attr('ajax-method', hiddenCallbackMethod);
                ajaxHandler(this, onHiddenCallbackParams);
            } else {
                eval(onHiddenCallback)(onHiddenCallbackParams);
            }
        }

        if ($('.modal').hasClass('in')) {
            $('body').addClass('modal-open');
        }
    });
}