var mainData;
var zIndex;
var formData;
var response;

var actualLocation = window.location.toString();

var homeUrlPathArray = location.href.split( '/' );
var homeUrlProtocol = homeUrlPathArray[0];
var homeUrlHost = homeUrlPathArray[2];
var homeUrl = homeUrlProtocol + '//' + homeUrlHost;

var moduleUrl = actualLocation.replace(homeUrl, '');
var moduleUrlPathArray = moduleUrl.split('/');

var moduleName = moduleUrlPathArray[1];
var moduleActionName = moduleUrlPathArray[2];
function IsJsonString(str) {
    try {
        JSON.parse(str);
    } catch (e) {
        return false;
    }
    return true;
}
function MainCookie(){
    this.setCookie = function(_name,_value){
        document.cookie = _name + "=" + _value + "; path=/; ";
    };

    this.getCookie = function(_name){
        var nazwa = _name + "=";
        var ca = document.cookie.split(';');
        for(var i=0; i<ca.length; i++){
            var c = ca[i].trim();
            if (c.indexOf(nazwa)===0) return c.substring(nazwa.length,c.length);
        }
        return "";
    };
}function MainApp(){
    var responseAjax;


    this.signIn = function(_button){
        if(!this.checkValueInputUpdate(_button.data('parent_class'))){
            return;
        }

        mainData = this.catchValueInputPrm(_button.data('parent_class'));

        if(!mainData){
            return;
        }

        this.showLoader('body');

        formData = new FormData;
            formData.append( 'data', JSON.stringify(mainData));

        this.sendAjaxRequest('panelLogin/signIn', false, formData);

        if(responseAjax.content.signIn){
            window.location = 'invoiceExhibits';
            return;
        }

        this.hideLoader();
        this.showBootstrapNotification('danger','.'+_button.data('parent_class'),responseAjax.content.notify);
        this.animateCss('animatePanelLogin','shake');

    };

    this.logout = function(){
        this.showLoader('body');
        this.sendAjaxRequest('panelLogin/logout', false, null);
        window.location = '/';
    };

    this.changeViewElement = function(_button){
        this.loadElementViewAjax(_button.data('link'), null,_button.data('element_render'));
        this.showLoader('#'+_button.data('element_render'));
    };

    this.loadModule = function(_button){
        this.showLoader('body');
        window.location = _button.data('link');
    };

    this.activeBootstrapControls = function(){
        moment.locale('pl');

        $('[data-toggle="tooltip"]').tooltip();
        $('.showTooltip').tooltip('show');
        $('[data-toggle="popover"]').popover();

        if($('.animatePanelLogin').length === 0){
            this.activeDataTable('tableDefault', 0, 'asc');
            this.activeDataTable('tableInvoiceExhibitList', 0, 'desc');
        }

        $('.datePicker').datetimepicker({
            format: 'YYYY-MM-DD'
            ,locale: 'pl'
        });

    };

    this.sendAjaxRequest = function(_url, _async, _dane){
        if(_async === undefined){
            _async = false;
        }
        $.ajax({
            method: "POST",
            url: _url,
            data : _dane,
            async: _async,
            contentType: false,
            processData: false
        }).done(function(dane) {
            responseAjax = $.parseJSON(dane);
        }).fail(function(ajaxContext) {
            console.log(ajaxContext.responseText);
        });
    };

    this.getResponseAjax = function(){
      return responseAjax;
    };

    var activeTab;

    this.loadElementViewAjax = function (_url, _dane, _element, _parentTab) {
        this.showLoader('#'+_element);

        if(_parentTab !== undefined){
            activeTab = $('.'+_parentTab+' .tab-content .active').attr('id');
        }

        $.ajax({
            method: "POST",
            url: _url,
            data: _dane,
            contentType: false,
            processData: false
        }).done(function (dane) {

            if(IsJsonString(dane)){
                responseAjax = $.parseJSON(dane);
                mainApp.showContent(_element);
            }else{
                document.getElementById(_element).innerHTML = dane;
                mainApp.activeBootstrapControls();
            }

            if(_parentTab !== undefined){
                $('.'+_parentTab+' .active').removeClass('active');
                $('.'+activeTab).addClass('active');
            }


        }).fail(function (ajaxContext) {
            console.log(ajaxContext.responseText);
        });
    };

    this.showContent = function (_contentElement) {
        document.getElementById(_contentElement).innerHTML = responseAjax.content;
        this.activeBootstrapControls();
        this.hideLoader();
    };

    this.showLoader = function(_blockParent){
        if(_blockParent === 'body'){
            zIndex = '9998 affix';
        }else{
            zIndex = '1 position_absolute';
        }
        if($('.loader_spiner_tlo').size() === 0){
            $(_blockParent).append('<div class="loader_spiner_tlo top_0 left_0 right_0 bottom_0 width_100 height_100 z_index_'+zIndex+'"><div class="loader_spiner position_absolute top_0 left_0 right_0 bottom_0"></div></div>');
        }
    };

    this.hideLoader = function(){
        $('.loader_spiner_tlo').remove();
    };

    this.animateCss = function (_class, animationName) {
        var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
        $('.'+_class).addClass('animated ' + animationName).one(animationEnd, function() {
            $(this).removeClass('animated ' + animationName);
        });
    };

    this.showBootstrapNotification = function(_type, _blockParent, _statement){
        $(_blockParent+' .alert').remove();
        $(_blockParent).prepend('<div class="alert margin_b_10 alert-'+_type+'">'+_statement+'</div>');
        setTimeout(function(){
            $(_blockParent+' .alert').remove();
        },5000);
    };

    this.checkValueInputUpdate = function(_classParent){
        var inputClassParent = $('.'+_classParent);
        inputClassParent.find('.requiredError').removeClass('requiredError');
        inputClassParent.find('.prm').removeClass('prm');

        var inputUpdate = $('.'+_classParent+' .update');
        var numberUpdate = inputUpdate.size();

        if(numberUpdate === 0){
            this.showSideNotyfication('danger','', 'Brak pól!!!');
            this.animateCss('animate', 'shake');
            return false;
        }

        var defauldValue = '';
        var actualValue = '';
        var classUpdate = '';

        for(var i=0;i<numberUpdate;i++){
            defauldValue = inputUpdate[i].getAttribute('data-dafauld_value');
            classUpdate = inputUpdate[i].getAttribute('class');

            if(classUpdate.indexOf('attrValue') < 0){
                actualValue = inputUpdate[i].value;
            }else{
                actualValue = inputUpdate[i].getAttribute('value');
            }

            if(classUpdate.indexOf('required') >= 0){
                if(actualValue.length === 0){
                    inputUpdate[i].setAttribute('class',inputUpdate[i].getAttribute('class')+' requiredError');
                }
            }

            if(actualValue !== defauldValue){
                inputUpdate[i].setAttribute('class',inputUpdate[i].getAttribute('class')+' prm');
            }
        }

        var inputRequired = $('.'+_classParent+' .requiredError');

        if(inputRequired.size() !== 0){
            this.showSideNotyfication('danger','','Uzupełnij wymagane pola!!!');
            this.animateCss('animate', 'shake');
            return false;
        }

        var inputPrm = $('.'+_classParent+' .prm');

        if(inputPrm.size() === 0){
            this.showSideNotyfication('danger','','Nie wykryto zmian!!!');
            this.animateCss('animate', 'shake');
            return false;
        }

        return true;

    };

    this.catchValueInputPrm = function(_classParent){
        var inputPrm = $('.'+_classParent+' .prm');

        var numberPrm = inputPrm.size();
        var valuesPrm = {};
        var warPrm = '';
        var keyPrm = '';
        var classPrm = '';

        for (var i = 0; i < numberPrm; i++) {
            keyPrm = inputPrm[i].getAttribute('data-input_name');
            classPrm = inputPrm[i].getAttribute('class');
            if (classPrm.indexOf('attrValue') < 0) {
                warPrm = inputPrm[i].value;
            } else {
                warPrm = inputPrm[i].getAttribute('value');
            }

            if (warPrm.length === 0) {
                warPrm = 'null';
            }
            valuesPrm[keyPrm] = warPrm;
        }

        return valuesPrm;
    };

    this.deleteElement = function(_button){
        this.showLoader('body');

        formData = new FormData;
            formData.append('element_id', _button.data('element_id'));
            formData.append('table', _button.data('table'));

        this.sendAjaxRequest(_button.data('link'), false, formData);
        this.hideLoader();

        this.showSideNotyfication('success','','Zmiany zostały zapisane!!!');

        return true;
    };

    this.saveChanges = function(_button){

        if(!this.checkValueInputUpdate(_button.data('class_parent'))){
            return false;
        }

        mainData = this.catchValueInputPrm(_button.data('class_parent'));

        if(!mainData){
            return false;
        }

        this.showLoader('body');

        formData = new FormData;
            formData.append('element_id', _button.data('element_id'));
            formData.append('table', _button.data('table'));
            formData.append('data', JSON.stringify(mainData));

        this.sendAjaxRequest(_button.data('link'), false, formData);
        this.hideLoader();

        this.showSideNotyfication('success','','Zmiany zostały zapisane!!!');

        return true;
    };

    this.saveImages = function(_button){
        this.showLoader('.detailsElement');

        formData = new FormData;
            formData.append('image', $('.uploadButtonImage')[0].files[0]);
            formData.append('element_id', _button.data('element_id'));
            formData.append('table', _button.data('table'));
            formData.append('input_name', _button.data('input_name'));

        this.sendAjaxRequest(_button.data('link'), false, formData);
        this.hideLoader();
        this.showSideNotyfication('success','','Zmiany zostały zapisane!!!');
        _button.val('');
    };

    this.activeDataTable = function(_class, _order, _orderDirection, _numberResults){
        var dataTableClass = $('.'+_class);
        if(!dataTableClass.hasClass('dataTable')){
            if(_numberResults === undefined || _numberResults === ''){
                _numberResults = 10;
            }

            dataTableClass.DataTable({
                "language": {
                    "emptyTable":     "Brak danych",
                    "info":           "Liczba wierszy: _TOTAL_",
                    "infoEmpty":      "Liczba wierszy: 0",
                    "lengthMenu":     "Wyświetl _MENU_",
                    "loadingRecords": "Ładowanie...",
                    "searchPlaceholder": "Wyszukaj",
                    "zeroRecords":    "Brak wyników wyszukiwania",
                    "paginate": {
                        "first":      "Pierwszy",
                        "last":       "Ostatni",
                        "next":       "Następny",
                        "previous":   "Poprzedni"
                    },
                    "search":         "",
                    "infoFiltered": "(wyfiltrowano z _MAX_)"
                },
                "lengthMenu": [[_numberResults, 25, -1], [_numberResults, 25, "Wszystkie"]],
                "order": [[ _order, _orderDirection ]],
                "iDisplayLength": _numberResults,
                "aoColumnDefs": [
                    {
                        "bSortable": false,
                        "aTargets": [ -1 ] // <-- gets last column and turns off sorting
                    }
                ]
            });
        }
    };

    this.showPopUp = function(_modalNumber ,_modalClassSize){
        $('.modal-dialog'+_modalNumber).removeClass('modal-lg').removeClass('modal-sm').removeClass('modal-lgsm').addClass(_modalClassSize);
        $('#popUp'+_modalNumber).modal('show');
        if(_modalNumber === 1){
            $('.headerPage').css({
                'padding-right' : '+=17px'
            });
            $('.footerPage').css({
                'padding-right' : '+=17px'
            });
            $('.logout').css({
                'right' : '+=17px'
            });
        }
    };

    this.hidePopUp = function(_modalNumber){
        $('#popUp'+_modalNumber).modal('hide');
    };

    this.loadDataInPopUp = function(_id, _modalClassSize, _link, _modalNumber, _async){
        if(_async === undefined){
            _async = true;
        }

        this.showLoader('body');

        formData = new FormData();
            formData.append('element_id', _id);
            formData.append('modal_number', _modalNumber);

        $.ajax({
            method: "POST",
            url: _link,
            data : formData,
            async: _async,
            contentType: false,
            processData: false
        }).done(function(dane) {
            responseAjax = $.parseJSON(dane);

            document.getElementById('popUpContent'+_modalNumber).innerHTML = responseAjax['content'];
            document.getElementById('popUpTitle'+_modalNumber).innerHTML = responseAjax['title'];
            document.getElementById('popUpImg'+_modalNumber).innerHTML = responseAjax['miniature'];

            mainApp.activeBootstrapControls();
            mainApp.hideLoader();
            mainApp.showPopUp(_modalNumber, _modalClassSize);

        }).fail(function(ajaxContext) {
            console.log(ajaxContext.responseText);
        });
    };

    this.loadDetailsViewAjax = function(_link, _id){
        this.showLoader('.detailsElement');

        formData = new FormData();
            formData.append('element_id', _id);

        this.loadElementViewAjax(_link, formData, 'detailsElement');
    };

    this.showSideNotyfication = function(_type, _title, _content){

        var ikona;

        if(_type === 'success'){
            ikona = 'fa fa-check';
        }

        if(_type === 'danger'){
            ikona = 'fa fa-exclamation';
        }

        if(_type === 'info'){
            ikona = 'fa fa-info';
        }

        if(_type === 'warning'){
            ikona = 'fa fa-exclamation-triangle';
        }

        $.notify({
            icon: ikona,
            title: _title,
            message: _content
        },{
            element: 'body',
            type: _type,
            allow_dismiss: true,
            newest_on_top: true,
            placement: {
                from: "bottom",
                align: "left"
            },
            offset: {
                x: 20,
                y: 20
            },
            spacing: 10,
            z_index: 9999,
            delay: 5000,
            icon_type: 'class',
            template:   '<div data-notify="container" class="col-xs-10 col-lg-3 col-md-4 col-sm-5 margin_b_0 alert nitifySide alert-{0}" role="alert">' +
            '<button type="button" aria-hidden="true" class="close" data-notify="dismiss">×</button>' +
            '<span data-notify="icon" class="margin_r_10"></span> ' +
            '<span data-notify="title">{1}</span> ' +
            '<span data-notify="message">{2}</span>' +
            '</div>'
        });
    };

    this.saveChangePassword = function(_button){
        if(!this.checkValueInputUpdate(_button.data('parent_class'))){
            this.animateCss('modal-dialog1', 'shake');
            return false;
        }

        mainData = this.catchValueInputPrm(_button.data('parent_class'));

        if(!mainData){
            return false;
        }

        this.showLoader('body');

        formData = new FormData;
            formData.append('data', JSON.stringify(mainData));

        this.sendAjaxRequest('/panelLogin/saveChangePassword', false, formData);

        if(!responseAjax.content.typeOut){
            this.hideLoader();
            this.showSideNotyfication('danger','',responseAjax.content.notifyOut);
            this.animateCss('modal-dialog1', 'shake');
            return false;
        }

        this.showSideNotyfication('success','','Hasło zostało zmienione!!!');
        setTimeout(function(){
            window.location = '/';
        },500);


    };


}var mainApp = new MainApp();
var mainCookie = new MainCookie();

$(document).on('show.bs.modal', '.modal', function (event) {
    var zIndex = 2040 + (10 * $('.modal:visible').length);
    $(this).css('z-index', zIndex);
    setTimeout(function() {
        $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack');
    }, 0);
});

$(document).ready(function(){

    if(moduleActionName !== undefined){
        $('#'+moduleActionName).addClass('activeModule');
    }else{
        $('.colMenu .loadModule:first-child').addClass('activeModule');
    }

    $('#popUp1').on('hidden.bs.modal', function (){
        document.getElementById('popUpContent1').innerHTML = '';
        document.getElementById('popUpTitle1').innerHTML = '';
        document.getElementById('popUpImg1').innerHTML = '';

        $('.headerPage').css({
            'padding-right' : '-=17px'
        });
        $('.footerPage').css({
            'padding-right' : '-=17px'
        });
        $('.logout').css({
            'right' : '-=17px'
        });

    });

    $('#popUp2').on('hidden.bs.modal', function (){
        document.getElementById('popUpContent2').innerHTML = '';
        document.getElementById('popUpTitle2').innerHTML = '';
        document.getElementById('popUpImg2').innerHTML = '';

        $('body').addClass('modal-open');
    });

    mainApp.activeBootstrapControls();

    $(this).on('click','.changeViewElement',function(){
        mainApp.changeViewElement($(this));

    });

    $(this).on('click','.signIn',function(){
        mainApp.signIn($(this));
    });

    $(this).on('keyup','.signInInput',function(e){
        if(e.keyCode === 13){
            mainApp.signIn($(this));
        }
    });

    $(this).on('click','.loadModule',function(){
        mainApp.loadModule($(this));
    });

    $(this).on('click','.showMenu',function(){
        $('.menuSide').toggleClass('menuShow');
    });

    $(this).on('click','.contentPage',function(){
        $('.menuSide').removeClass('menuShow');
    });

    $(this).on('click','.showChangePassword',function(){
        $('.menuSide').removeClass('menuShow');
    });

    $(this).on('click','.logout',function(){
        mainApp.logout();
    });

    $(this).on('click','.saveChanges',function(){
        mainApp.saveChanges($(this));
    });

    $(this).on('change', '.uploadButtonImage',function(){
        var button = $(this);
        var file = this.files[0];
        if ( /^image/.test( file.type ) ) {
            var reader = new FileReader();
            reader.readAsDataURL( file );
            reader.onloadend = function(){
                $('.'+(button.data('miniature_content'))+' img').attr('src',this.result);
                button.addClass('updateImage');
                $('.uploadButtonSave').show();
                $('.uploadButtonUpload').hide();
            }
        }else{
            alert('Wybierz obraz!!!');
        }
    });

    $(this).on('click','.uploadButtonSave',function(){
        mainApp.saveImages($(this));
        $('.uploadButtonSave').hide();
        $('.uploadButtonUpload').show();
    });

    $(this).on('click','.showPopUp',function(){
        mainApp.loadDataInPopUp($(this).data('element_id'), $(this).data('modal_size'), $(this).data('link'), $(this).data('modal_number'));
    });

    $(this).on('click','.editElement',function(){
        if($(this).hasClass('editModal')){
            mainApp.loadDataInPopUp($(this).data('element_id'), $(this).data('modal_size'), $(this).data('link'), $(this).data('modal_number'));
        }else{
            mainApp.loadDetailsViewAjax($(this).data('link'), $(this).data('element_id'));
        }
    });

    $(this).on('click','.deleteElement',function(){
        mainApp.deleteElement($(this));
    });

    $(this).on('click', '.dpSelectOption',function(){
        $(this).parent().parent().find('.dpSelectOptionName').attr('value', $(this).data('element_id'));
        $(this).parent().parent().find('.dpSelectOptionName').text($(this).text());
    });

    $(this).on('click','.checkUncheckButton',function(){
        if($(this).hasClass('check')){
            $(this).removeClass('check fa-check-square-o').addClass('fa-square-o').attr('value','0');
        }else{
            $(this).addClass('check fa-check-square-o').removeClass('fa-square-o').attr('value','1');
        }

        if($(this).data('parent') !== ''){
            if($('.'+$(this).data('parent')+' .check').length === 0){
                $(this).addClass('check fa-check-square-o').removeClass('fa-square-o').attr('value','1');
                mainApp.showSideNotyfication('danger','','Jedna opcja jest wymagana!!!');
            }
        }

    });

    $(this).on('click','.saveChangePassword',function(){
        mainApp.saveChangePassword($(this));
    });

    $(this).on('keyup','.saveChangePasswordInput',function(e){
        if(e.keyCode === 13){
            mainApp.saveChangePassword($(this));
        }
    });


    $('.skryptJs').remove();

});

$(document).on('click', function (e) {
    var
        $popover,
        $target = $(e.target);

    //do nothing if there was a click on popover content
    if ($target.hasClass('popover') || $target.closest('.popover').length) {
        return;
    }

    $('[data-toggle="popover"]').each(function () {
        $popover = $(this);

        if (!$popover.is(e.target) &&
            $popover.has(e.target).length === 0 &&
            $('.popover').has(e.target).length === 0)
        {
            $popover.popover('hide');
        } else {
            //fixes issue described above
            $popover.popover('toggle');
        }
    });
});