require(['jquery'], function ($) {

    $(document).ready(function () {
        getCartQty();
        getMiniCart();
        getCustomerName();

        bindClickMiniCart();
    });

    function getCartQty() {
        let headerCartQtyElement = $('header .cesta .badge');
        if (headerCartQtyElement.length > 0) {
            let actionUrl = headerCartQtyElement.attr('data-src');
            $.ajax({
                url: actionUrl,
                type: 'GET',
                complete: function (response) {
                    if (response.responseJSON.success) {
                        headerCartQtyElement.html(response.responseJSON.count);
                    } else {
                        headerCartQtyElement.html(0);
                    }
                }
            });
        }
    }

    function getMiniCart() {
        let headerMiniCartElement = $('header .cesta__ban');
        if (headerMiniCartElement.length > 0) {
            let actionUrl = headerMiniCartElement.attr('data-src');
            $.ajax({
                url: actionUrl,
                type: 'GET',
                dataType: 'html',
                cache: false,
                success: function (response) {
                    headerMiniCartElement.html(response);
                },
                error: function (event) {
                    console.log("Error: " + event);
                },
                complete: function (event) {
                }
            });
        }
    }

    function getCustomerName() {
        let headerCustomerElement = $('header .user .icono--label-center');
        if (headerCustomerElement.length > 0) {
            let actionUrl = headerCustomerElement.attr('data-src');
            $.ajax({
                url: actionUrl,
                type: 'GET',
                complete: function (response) {
                    headerCustomerElement.html(response.responseJSON.name);
                }
            });
        }
    }

    function bindClickMiniCart() {
        $('body').on('click', '.cesta', function () {
            let headerMiniCartElement = $('header .cesta__ban');
            if(! headerMiniCartElement.hasClass('cesta__ban--vsb')) {
                headerMiniCartElement.html('<div class="cesta__vacia">Estamos calculando el total de tu cesta...</div>');
                getMiniCart();
            }
        });
    }
});