var IqShoppingCart = {
    table: "#datatables-order-list",
    btn_add: '.add-product-basket',
    btn_remove: '.remove-product-basket',
    card_holder: '#holder_html_view_card',
    comp_holder: '#holder_html_view_comp_product',
    is_for: null,
    url: null,
    btn_clear: '#clear-products-basket',
    modal: null,
    oTable: null,
    table_input: '.table-input-event-onchange',
    cart_input: '.cart-input-event-onchange',
    cart_add: '.cart-add-event',
    cart_remove: '.cart-remove-event',
    remove_item: '.remove_item_form_cart',
    shipping_state: '#change_shipping_state',
    comp_products: 'switchers-comp-product',
    count_comp_products: 'count_comp_products',
    shipping_is_for: 'shipping_is_for',
    is_abo: 'is_abo',


    init: function () {
        var _self = this;
        _self.url = $(_self.table).data('url');
        _self.is_for = $('input[name="'+_self.shipping_is_for+'"]').val();
        _self.is_abo = $('input[name="'+_self.is_abo+'"]').val();
        _self.showInit();
        $(_self.shipping_state).on('change', function(){
            _self.update_shipping_state($(this));
        });
        return _self;
    },
    setDatabase: function (oTable){
        var _self = this;
        _self.oTable = oTable;
    },
    reInit: function (){
        var _self = this;
        $(_self.table).find(_self.btn_add).on('click', function(){
            _self.add_product($(this))
        });

        $(_self.table).find(_self.btn_remove).on('click', function(){
            _self.remove_product($(this))
        });
        $(_self.table).find(_self.table_input).off('change').on('change', function(){
            _self.update_input_table($(this));
        });
    },
    showInit: function (){
        var _self = this;
        $(_self.btn_clear).on('click', function (){
            _self.performRequest({action: 'clearCart'})
                .done(_self.locationReload)
        });
        $(_self.cart_input).on('change', function(){
            _self.update_input_cart($(this));
        });
        $(_self.cart_add).off('click').on('click', function(){
            _self.change_cart_qty($(this), 1);
        });
        $(_self.cart_remove).off('click').on('click', function(){
            _self.change_cart_qty($(this), -1);
        });
        $(_self.remove_item).on('click', function(event){
            event.preventDefault();
            _self.update_cart_database($(this).data('product-id'), 0);
        });
        if(_self.is_for === 'me' || _self.is_for === 'abo-me'){
            $('input[name^="'+_self.comp_products+'"]').on('change', function(){
                _self.update_comp_product($(this));
            });
        }
    },
    update_shipping_state : function (_obj){
        var _self = this;
        var id = parseInt(_obj.val());
        var is_for = _obj.data('is-for');
        _self.performRequest({shipping_country_id: id, shipping_is_for: is_for,  action: 'updateShippingCountry'})
            .done(_self.refreshItemsAndView);
    },
    update_input_table: function (_obj){
        var _self = this;
        var qty = parseInt(_obj.val());
        qty = _self.checkNumber(qty);
        _obj.val(qty);
        _self.update_cart(_obj.data('product-id'), qty);
    },
    update_input_cart: function (_obj){
        var _self = this;
        var qty = parseInt(_obj.val());
        qty = _self.checkNumber(qty);
        _obj.val(qty);
        _self.update_cart_database(_obj.data('product-id'), qty);
    },
    /**
     * Plus-/Minus-Buttons im Warenkorb: Menge nicht optimistisch erhöhen, sondern
     * erst nach Server-Antwort (Re-Render) anzeigen. So bleibt bei einem Stop
     * (z. B. Maximalgewicht) der Zähler stehen und es erscheint ein Inline-Hinweis.
     */
    change_cart_qty: function (_obj, delta){
        var _self = this;
        var productId = _obj.data('product-id');
        var input = $(_self.card_holder).find('.cart-input-event-onchange[data-product-id="'+productId+'"]');
        var qty = _self.checkNumber(parseInt(input.val(), 10) + delta);
        _self.update_cart_database(productId, qty);
    },
    update_comp_product: function (_obj){
        var _self = this;
        _self.performRequest({comp_product_id: _obj.val(), comp_num: _obj.data('comp_num'), count_comp_products: $('input[name="'+_self.count_comp_products+'"]').val(), action: 'updateCompProduct'})
            .done(_self.refreshItemsAndView);
    },
    add_product: function (_obj){
        var _self = this;
        var input = $(_self.table).find('input[name="product_qty_'+_obj.data('product-id')+'"]');
        var qty = parseInt(input.val()) + 1;
        qty = _self.checkNumber(qty);
        input.val(qty);
        _self.update_cart(_obj.data('product-id'), qty);
    },
    remove_product: function (_obj){
        var _self = this;
        var input = $(_self.table).find('input[name="product_qty_'+_obj.data('product-id')+'"]');
        var qty = parseInt(input.val()) - 1;
        if(qty < 0){
            qty = 0;
        }
        input.val(qty);
        _self.update_cart(_obj.data('product-id'), qty);
    },
    update_cart_database: function (product_id, qty){
        var _self = this;
        _self.performRequest({product_id: product_id, qty: qty, action: 'updateCart'})
            .done(_self.refreshDatabaseAndView);
    },
    update_cart: function (product_id, qty){
        var _self = this;
        _self.performRequest({product_id: product_id, qty: qty, action: 'updateCart'})
            .done(_self.refreshItemsAndView);
    },
    /**
     * Liefertag-Info (wenn keine Warnung) bzw. Warnung (Partner-Center Abo, &lt; 20 Tage): nach jedem AJAX-Warenkorb-Update,
     * da eingebettete Scripts in .html() nicht ausgeführt werden.
     */
    updateAboIntervalWarning: function () {
        var warningTemplate = window.aboIntervalWarningTemplate;
        var infoTemplate = window.aboIntervalInfoTemplate;
        if (!warningTemplate && !infoTemplate) {
            return;
        }
        var select = document.getElementById('abo_interval_select');
        if (!select) {
            return;
        }
        var warning = document.getElementById('abo_interval_warning');
        var info = document.getElementById('abo_interval_info');
        var option = select.options[select.selectedIndex];
        if (!option) {
            return;
        }
        var days = parseInt(option.getAttribute('data-days'), 10);
        var date = option.getAttribute('data-date') || '';
        if (isNaN(days)) {
            return;
        }
        var showWarning = days < 20;
        if (warning && warningTemplate) {
            if (showWarning) {
                warning.innerHTML =
                    '<i class="fa fa-exclamation-triangle"></i> ' +
                    warningTemplate.replace('__DAYS__', days).replace('__DATE__', date);
                warning.classList.remove('d-none');
            } else {
                warning.classList.add('d-none');
            }
        }
        if (info && infoTemplate) {
            if (showWarning) {
                info.innerHTML = '';
                info.classList.add('d-none');
            } else {
                info.innerHTML =
                    '<i class="fa fa-info-circle"></i> ' +
                    infoTemplate.replace('__DAYS__', days).replace('__DATE__', date);
                info.classList.remove('d-none');
            }
        }
    },

    showCartError: function (message){
        var _self = this;
        var errorEl = document.getElementById('insert_show_error_message');
        if (!errorEl) {
            errorEl = document.createElement('div');
            errorEl.id = 'insert_show_error_message';
            errorEl.className = 'alert alert-danger mt-2';
            var cartContent = document.getElementById('cartContent');
            if (cartContent) {
                cartContent.insertBefore(errorEl, cartContent.firstChild);
            }
        }
        errorEl.textContent = message;
    },
    refreshItemsAndView: function (data){
        var _self = IqShoppingCart;
        if (data && data.response === false && data.message) {
            _self.showCartError(data.message);
            return;
        }
        $(_self.card_holder).html(data.html_card);
        $(_self.comp_holder).html(data.html_comp);
        _self.showInit();
        _self.updateAboIntervalWarning();

    },
    refreshDatabaseAndView: function (data) {
        var _self = IqShoppingCart;
        if (data && data.response === false && data.message) {
            _self.showCartError(data.message);
            return;
        }
        $(_self.card_holder).html(data.html_card);
        $(_self.comp_holder).html(data.html_comp);

        var input = $(_self.table).find('input[name="product_qty_'+data.data.product_id+'"]');
        input.val(data.data.qty);
        _self.showInit();
        _self.updateAboIntervalWarning();
    },
    locationReload : function(){
        //location.reload();
        location.replace(location.href);
    },
    refreshDatabaseRefreshAndView : function (data){
        var _self = IqShoppingCart;
        $(_self.card_holder).html(data.html_card);
        $(_self.comp_holder).html(data.html_comp);

        _self.showInit();
        _self.updateAboIntervalWarning();
        _self.oTable.draw();
    },
    checkNumber : function(number){
        if(number < 0 || isNaN(number)){
            return  0;
        }
        if(number >= 999){
            return  999;
        }
        return number;
    },
    performRequest : function(data) {
        var _self = this;
        var url = _self.url,
            contentType = 'application/x-www-form-urlencoded; charset=UTF-8';

            data.shipping_is_for = _self.is_for;
            data.is_abo = _self.is_abo;

            console.log(data);
            console.log(url);

        return $.ajax({
            url: url,
            data: data,
            type: "POST",
            dataType: "json",
            cache: false,
            contentType: contentType,
            encode: true,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        })
            .done(function (data) {

                console.log('performRequest');
                console.log(data);



            }).fail(function (jqXHR, textStatus, errorThrown) {
                console.log(jqXHR);
                console.log(jqXHR.responseText);
                console.log(textStatus);
                console.log(errorThrown);
                console.log("Sorry, there was a problem!");
            });
    }
};

$(function () {
    $(document).on('change', '#abo_interval_select', function () {
        IqShoppingCart.updateAboIntervalWarning();
    });
    IqShoppingCart.updateAboIntervalWarning();
});