(function ($) {
    var confirmModal = $('#confirmModal'),
        modalOverlay = $('#modalOverlay');

    $('.facet-checkbox').on('click', function () {
        var selected = !!$(this).prop('checked');
        if (selected) {
            $(this).parents('label').addClass('checked');
        } else {
            $(this).parents('label').removeClass('checked');
        }
    });
    function openConfimModal() {
        confirmModal.toggleClass('is-visible');
        modalOverlay.toggleClass('is-visible');
    }

    function closeConfirmModal() {
        confirmModal.removeClass('is-visible');
        modalOverlay.removeClass('is-visible');
    }

    $('#openConfimModal').on('click', openConfimModal);
    $('.closeConfimModal').on('click', closeConfirmModal);
    // $('#modalOverlay').on('click', closeConfirmModal);

    var colHeight = 0;
    var listheight = 0;

    if($(window).width() > 720) {
        $(".block .col").each(function( key, col ){
            if( $(col).height() > colHeight){
                colHeight = $(col).height();
            }
        }).each(function( key, col ){
            $(col).height(colHeight);
            // $(col).css('min-height', colHeight);
        });
        $(".block .block-list").each(function( key, col ){
            if( $(col).height() > listheight){
                listheight = $(col).height();
            }
        }).each(function( key, col ){
            $(col).height(listheight);
        });
    }

    function changeListToPortrait( reverse ){
        if( reverse ){
            $('.tvListDisplay').addClass('listDisplay');
        } else {
            $('.tvListDisplay').removeClass('listDisplay');
        }

        $('.tvListDisplay .tvItem').each(function (key, item) {
            var jItem = $(item),
                title = jItem.find('h3'),
                price = jItem.find('.thirdCol'),
                img = jItem.find('.imgWrap');

            if (reverse) {
                jItem.addClass('landscape');
                title.insertBefore(img);
                title.addClass('col-md-12');
                price.addClass('col-md-4');
            } else {
                jItem.removeClass('landscape');
                img.insertBefore(title);
                title.removeClass('col-md-12');
                price.removeClass('col-md-4');
            }
        });
    }

    function checkedInputs(item, onclick) {
        var checked = $(item).prop('checked');

        if (checked) {
            if (onclick) {
                $(item).prop('checkbox', false).parents('label.checkbox').removeClass('checked');
            } else {
                $(item).prop('checkbox', true).parents('label.checkbox').addClass('checked');
            }
        } else {
            if (onclick) {
                $(item).prop('checkbox', true).parents('label.checkbox').addClass('checked');
            } else {
                $(item).prop('checkbox', false).parents('label.checkbox').removeClass('checked');
            }
        }
    }

    $(window).on('DOMContentLoaded resize', function () {
        if ($(this).width() <= 768) {
            changeListToPortrait();
        } else {
            changeListToPortrait(true);
            $(".pachete-box.special .swiper-slide").each(function(key, slide){
                $(slide).removeClass('swiper-slide');
            });
        }

        // make checked the labels
        $('.facet-checkbox').on('click', function () {
            checkedInputs(this);
        }).each(function (key, item) {
            checkedInputs(item);
        });

    });

    function switchListGrid(reverse) {
        if (reverse) {
            $('.tvWrapper').addClass('listDisplay');
        } else {
            $('.tvWrapper').removeClass('listDisplay');
        }
        $('.tvItem').each(function (key, item) {
            var jItem = $(item),
                title = jItem.find('h3'),
                features = jItem.find('ul.features'),
                price = jItem.find('.thirdCol'),
                img = jItem.find('.imgWrap'),
                subscription = jItem.find('.subscriptionInfo');

            if (reverse) {
                img.addClass('col-md-4');
                jItem.removeClass('col-md-4').addClass('col-md-12').addClass('landscape');
                title.insertBefore(img);
                features.addClass('col-md-4');
                title.addClass('col-md-12');
                price.addClass('col-md-4');
                subscription.addClass('col-md-12');
            } else {
                jItem.removeClass('col-md-12').addClass('col-md-4').removeClass('landscape');
                img.removeClass('col-md-4').insertBefore(title);
                features.removeClass('col-md-4');
                title.removeClass('col-md-12');
                price.removeClass('col-md-4');
                subscription.removeClass('col-md-12');
            }
        });
    }

    $('.listing-sorter .list-grid').on('click', function () {
        $('.listing-sorter .list-list').removeClass('list-list-active');
        $(this).addClass('list-grid-active');
        switchListGrid();

    });
    $('.listing-sorter .list-list').on('click', function () {
        $('.listing-sorter .list-grid').removeClass('list-grid-active');
        $(this).addClass('list-list-active');
        switchListGrid(true);
    });


    if ($('#demo').length) {
        var productItems = window.swiperAvantages({target: "#demo"}, 430);
    }

    // owlTabs({ target: 'ul.nav-tabs', width: 425});


    $(document).on('DOMContentLoaded', function(){
        var slider_base = $('#baseSlider');

        $('#product_slider_small').html('');
        slider_base.clone().appendTo('#product_slider_small');

        if( $(window).width() <= 425){
            var title = $('.product_presentation_wrapper .product_title'),
                sliders = $('.product_presentation_wrapper .product_slider');

            sliders.after(title);
        }
    });
    /*
    $(window).on('load', function(){
        var swiper = new Swiper('#product_slider_small', {
            direction: 'vertical',
            slidesPerView : 4,
            prevButton : '.swiper-button-prev',
            nextButton : '.swiper-button-next'
        });
        var swiper2 = new Swiper('#product_slider_big', {
            slidesPerView : 1
        });

        $('#product_slider_small').on('click','.swiper-slide', function(){
            swiper2.slideTo($(this).index());
        });
    });
    */

})(jQuery);

$('.popupcontent').on('scroll', function (e) {
    var top = $('.popupcontent').scrollTop();
    $('.close').css('top', top);
});


jQuery(document).ready(function ($) {

    $('.openpopup').click(function (e) {
        e.preventDefault();
        var href = $(this).attr('href');
        $('html').css('overflow', 'hidden');
        $(href).fadeIn();
    });

    $('.close').click(function (e) {
        e.preventDefault();
        $(this).parent().fadeOut();
        $('html').css('overflow', 'auto');
    });

});

/*
$(document).ready(function () {
    window.columnDone = false;
    $(window).on('load', function () {
        if ($(window).width() < 767) {
            if( window.columnDone === false){
                var pachete = new Swiper('.swiper-container', {
                    pagination: '.swiper-pagination',
                    slidesPerView: 5,
                    spaceBetween: 40,
                    breakpoints: {
                        768: {
                            spaceBetween: 0,
                            centeredSlides: true,
                            slidesPerView: 'auto'
                        }
                    }
                });

                $(window).trigger('resizeEnd');


                $(".pachete-box:not(.special) .swiper-wrapper").each(function( key, parent ){
                    var children = $(parent).children(),
                        lastChild = children.last();

                    lastChild.insertAfter( $(parent).parents('.swiper-container'));
                });

                $(".pachete-box .swiper-wrapper").each(function( key, parent ){
                    var children = $(parent).children(),
                        height = $(parent).height();

                    children.each(function( key, item){
                        $(item).height( height);
                    });
                });

                window.columnDone = true;
            }
        } else {
            $(".pachete-box .swiper-wrapper").each(function( key, parent ){
                var children = $(parent).children(),
                    height = $(parent).height();
                children.each(function( key, item){
                    $(item).height( height);
                });
            });
        }
    });
});
*/

$(window).bind('resizeEnd', function(){
    // bullets
    var wrapper = $('.swiper-wrapper'),
        pagination = $('.swiper-pagination'),
        classes = ['blue','lime','orange', 'green'],
        selectedClass;
    $.each(wrapper,function(index, parent){
        $.each($(parent).children(), function( index, child){
            selectedClass = '';
            $.each(classes, function(key, item){
                if( $(child).hasClass(item)){
                    selectedClass = item;
                }
            });
            $($(parent).parents('.swiper-container').find('.swiper-pagination').children()[index]).addClass(selectedClass);
        });
    });
});

$(window).resize(function(){
    if(this.resizeTO) clearTimeout(this.resizeTO);
    this.resizeTO = setTimeout(function() {
        $(this).trigger('resizeEnd');
    }, 1);
});

// Close Success Alert
$('.successAlert .closeBtn').bind('click', function(){
    $(this).parent().remove();
});

/*
     Validate
     */

    /*
     * Translated default messages for the jQuery validation plugin.
     * Locale: RO (Romanian, limba română)
     */
    $.extend($.validator.messages, {
        required: "Acest câmp este obligatoriu.",
        remote: "Te rugăm să completezi acest câmp.",
        email: "Te rugăm să introduci o adresă de email validă",
        url: "Te rugăm sa introduci o adresă URL validă.",
        date: "Te rugăm să introduci o dată corectă.",
        dateISO: "Te rugăm să introduci o dată (ISO) corectă.",
        number: "Te rugăm să introduci un număr întreg valid.",
        digits: "Te rugăm să introduci doar cifre.",
        creditcard: "Te rugăm să introduci un numar de carte de credit valid.",
        equalTo: "Te rugăm să reintroduci valoarea.",
        extension: "Te rugăm să introduci o valoare cu o extensie validă.",
        maxlength: "Număr telefon invalid",
        minlength: "Număr telefon invalid",
        rangelength: $.validator.format("Te rugăm să introduci o valoare între {0} și {1} caractere."),
        range: $.validator.format("Te rugăm să introduci o valoare între {0} și {1}."),
        max: $.validator.format("Te rugăm să introduci o valoare egal sau mai mică decât {0}."),
        min: $.validator.format("Te rugăm să introduci o valoare egal sau mai mare decât {0}."), // MODIFIED 28.07
        letterswithbasicpunc: "Te rugăm să introduci doar litere si semne de punctuatie." // ADDED 28.07
    });

$.validator.addMethod("alphaOnly", function(value, element) {
    return this.optional(element) || value == value.match(/^[a-zA-Z șȘțȚîÎâÂăĂ]+$/);
});

$.validator.addMethod("alphanumericBasicpunc", function(value, element) {
    return this.optional(element) || /[A-Za-z0-9șȘțȚîÎâÂăĂ _.,!"'/$]+$/i.test(value);
});


$('.form-address').each( function(){
$(this).validate({
    rules : {
	      judet : {
	    	  required: true,
	          alphaOnly: true
	      },

	      localitate : {
	    	  required: true,
	          alphaOnly: true
	      },

	      strada : {
	    	  required: true,
	          alphanumericBasicpunc: true
	      }
    },
    messages : {
        judet : {
            required : "Vă rugăm selectaţi judeţul",
            alphaOnly: "Vă rugăm selectaţi judeţul din lista de sugestii"
         },
        localitate : {
            required : "Vă rugăm selectaţi localitatea",
            alphaOnly: "Vă rugăm selectaţi localitatea din lista de sugestii"
        },
        strada : {
            required : "Vă rugăm selectaţi strada",
            alphanumericBasicpunc: "Vă rugăm selectaţi localitatea din lista de sugestii"
        },
        numar : {
            required : "Vă rugăm introduceți numar"
        },
        bloc : {
            required : "Vă rugăm introduceți bloc"
        },
        scara : {
            required : "Vă rugăm introduceți scara"
        },
        apartament : {
            required : "Vă rugăm introduceți apartament"
        }
    },
    highlight: function (element) {
        $(element).closest('.form-group').addClass('has-error');
    },

    unhighlight: function (element) {
        $(element).closest('.form-group').removeClass('has-error');
    },

    errorElement: 'div',
    errorClass: 'help-block error',
    errorPlacement: function (error, element) {
            error.insertAfter(element);
    },

});
});

$('.form-telefon').each( function(){
$(this).validate({
    rules : {
        telefon: {
            number: true,
            minlength: 10,
            maxlength: 10
        }
    },
    messages : {
        telefon : {
            required : "Vă rugăm să introduceţi numărul de telefon",
            number : "Număr telefon invalid",
        }
    },
    highlight: function (element) {
        $(element).closest('.form-group').addClass('has-error');
    },

    unhighlight: function (element) {
        $(element).closest('.form-group').removeClass('has-error');
    },

    errorElement: 'div',
    errorClass: 'help-block error',
    errorPlacement: function (error, element) {
            error.insertAfter(element);
    },

});
});

$('.vreauSunat').each( function(){
$(this).validate({
        rules : {
            telefon: {
                number: true,
                minlength: 10,
                maxlength: 10
            },

            nume: {
                alphaOnly: true
            }
    },
    messages : {
        telefon : {
            required : "Vă rugăm să introduceţi numărul de telefon",
            number : "Număr telefon invalid",
        },

        nume : {
            alphaOnly: "Format nume invalid"
        }
    },

    highlight: function (element) {
        $(element).closest('.form-group').addClass('has-error');
    },

    unhighlight: function (element) {
        $(element).closest('.form-group').removeClass('has-error');
    },

    errorElement: 'div',
    errorClass: 'help-block error',
    errorPlacement: function (error, element) {
            error.insertAfter(element);
    },

});
});