/**
$(window).on('load', function () {
    $('.loader-page').fadeOut(1500);
    setTimeout(function () {
        $('.loader-page-background').fadeOut(1500);
    }, 1500);
});
**/

$("#menu-prod").click(function(){
	$(".dropdown-content").toggle();
});


$('.toggle-mobile').click(function () {
    $('header ul').animate({
        width: "toggle"
    });
});

$('.drop-product').on('click', function(){
    $('.click-product').toggle();
});

$('.drop-click').on('click', function(){
    $('.click-logout').toggle();
});

$('.popup-product-review .btn-score').on('click',function(){
    
        var namaa = document.getElementById("name").value;
        var email = document.getElementById("email").value;
        var review = document.getElementById("review").value;
        var recommend_no = document.getElementById("recommend-no").checked;
        var recommend_yes = document.getElementById("recommend-yes").checked;
        var star1 = document.getElementById("star1").checked;
        var star2 = document.getElementById("star2").checked;
        var star3 = document.getElementById("star3").checked;
        var star4 = document.getElementById("star4").checked;
        var star5 = document.getElementById("star5").checked;
    
        if (star1 || star2 || star3 || star4 || star5) {
            if (!namaa == "" && !email == "" && !review == "" && (recommend_no || recommend_yes) && (star1 || star2 || star3 || star4 || star5)) {
                swal('Selesai','Terimakasih sudah review produk kami.','success');
                setTimeout(function(e){
                    location.reload(true);
                },3000);
            }
        } else {
            swal('Ops','Please complete form !','error');
        }
    });

$(document).ready(function(){

    window.onload = function loadSomething(){
        var host = window.location.origin;
        var baseUrl = '';
        var getUrl = window.location;
        if (host.includes('localhost')) {
            baseUrl = getUrl.protocol + "//" + getUrl.host + "/" + getUrl.pathname.split('/')[1]+ "/" + getUrl.pathname.split('/')[2];
            // console.log(baseUrl);
        } else {
            baseUrl = getUrl.protocol + "//" + getUrl.host;
        }
    }

    $('#form-review').submit(function(){
        $.post(baseurl+'product/review', $(this).serialize(), function(d){
            console.log(d);
            if(d.status==200){
                console.log('sukses');
            }else{
                console.log('error');
            }
        }, 'json');
        return false;
    });


    $('.btn-review').on('click',function(){
        overlay = '<div class="overlay-full"></div>';
        $('html, body').css({
            overflow: 'hidden',
            height: '100%'
        });
        $("#body").append(overlay);
        $('.popup-product-review').fadeIn();
    });

    $('.close-popup-review').on('click',function(){
        $('html, body').removeAttr('style');
        $(".overlay-full").remove().prop('required',false);
        $('.popup-product-review').hide().prop('required',false);
    });

    $(".map-mobile").click(function(){
        $(".area-list").toggle();
        $(".rotate").css({'transform': 'rotate(-180deg)'});
    });

    $(window).resize(function(){
        var width = $(window).width();
        $(".block-store").click(function(){
            if(width < 768){
                $(".area-list").fadeOut(200);
            }
        });
    }).resize();
	
	$(".show-popup").click(function(e){
        e.preventDefault();
        $("html,body").animate({scrollTop:0},200);
        var rel = $(this).data('rel');
        var lock = (typeof $(this).data('lock') !== 'undefined') ? true : false;
        setTimeout(function(){
            $(rel).fadeIn(300);
            $("#bgblack").fadeIn(200);
            $("#sidebar").removeClass('on');
            $("#show-sidebar").css({'display':'inline-block'});
            $("#hide-sidebar").css({'display':'none'});
    
            if(lock) {
                $("html,body").css({'overflow-y':'hidden'});
            }
        },200); 
    });
	
	$('.btn-login').on('click',function(){
	    $(".overlay-full").remove();
	    $('.popup-product-review').fadeOut();
	    overlay = '<div class="overlay-full-login"></div>';
	    $('html, body').css({
	        overflow: 'hidden',
	        height: '100%'
	    });
	    $("#body").append(overlay);
	});
	
	$(".close-popup").click(function(){
        $(".popup").fadeOut(200);
        $("#bgblack").fadeOut(200);
        $("html,body").css({'overflow-y':'visible'});
    });
	
	document.getElementById("close-login").addEventListener("click", function() {
        $('html, body').removeAttr('style');
        $(".overlay-full-login").remove();
        $('.popup .box-login').fadeOut();
    });
	
	$(window).resize(function(){
        var width = $(window).width();
        if(width > 750){
            $('.register').addClass('on');
        }
     })
     .resize();

    $(".show-sign").click(function(){
        var sign = $(this).data('rel');
        var up = $(this).data('lock');
        var width = $(window).width();
    
        $("#bgblack-box").removeClass('on');
        $("#confirm-box").removeClass('on');
    
        $(".form-segment").removeClass('on');
        $(".message-container").removeClass('on');
        $("#close-login").removeClass('sign-in');
        $("#close-login").removeClass('sign-up');
    
        $("#form-"+sign).addClass('on');
        $("#text-"+sign).addClass('on');
        $(".side-message").show();
        $("#close-login").addClass(sign);

        if (up == "sign-up") {
            $("#form-"+up).addClass('on');
            $("#text-"+up).addClass('on');
            $("#close-login").addClass(up);
            $(".side-message").hide();
        }
        if(width < 750){
            $("#form-"+sign).addClass('on');
            $("#text-"+sign).addClass('on');
            $(".side-message").show();
            $("#close-login").addClass(sign);
            if (up == "sign-up") {
                $("#form-"+up).removeClass('on');
                $("#text-"+up).removeClass('on');
                $("#close-login").addClass(up);
                $(".side-message").hide();
            }
        }
    })
    .resize();

    $(".toggle-password").click(function() {

        $(this).toggleClass("fa-eye fa-eye-slash");
        var input = $($(this).attr("toggle"));
        if (input.attr("type") == "password") {
          input.attr("type", "text");
        } else {
          input.attr("type", "password");
        }
      });
    
    $(".show-popup").click(function(e){
        e.preventDefault();
        $("html,body").animate({scrollTop:0},200);
        var rel = $(this).data('rel');
        var lock = (typeof $(this).data('lock') !== 'undefined') ? true : false;
        setTimeout(function(){
            $(rel).fadeIn(300);
            $("#bgblack").fadeIn(200);
            $("#sidebar").removeClass('on');
            $("#show-sidebar").css({'display':'inline-block'});
            $("#hide-sidebar").css({'display':'none'});
    
            if(lock) {
                $("html,body").css({'overflow-y':'hidden'});
            }
        },200); 
    });

    $(".trigger-sidebar").click(function(){
        $("#bgblack").fadeIn(200);
        $("#sidebar").addClass('on');
    });

    $(".hide-sidebar, .bgblack").click(function(){
        $("#bgblack").fadeOut(200);
        $("#sidebar").removeClass('on');
    });

    $(".close-popup").click(function(){
        $(".popup").fadeOut(200);
        $("#bgblack").fadeOut(200);
        $("html,body").css({'overflow-y':'visible'});
    });

    $("#bgblack").click(function(){
        $(".popup").fadeOut(200);
        $("#bgblack").fadeOut(200);
    });

    $("#form-register").submit(function(){
        var btn = $(this).find('.submit');
        var temp = btn.html();
        var valid = true;

        $("#confirm-box").removeClass('on');
        $("#bgblack-box").removeClass('on');

        btn.html('<i class="fa fa-spinner fa-spin"></i>');
        
        $(this).find('.required').each(function(){
            $(this).removeClass('has-error');

            if($(this).find('input').val() == '') {
                $(this).addClass('has-error');
                valid = false;
            }
        });

        if(!valid) {
            btn.html(temp);
            return false;
        }

        $.ajax({
            type : 'post',
            url : $(this).attr('action'),
            data : $(this).serialize(),
            dataType : 'json',
            success : function(d) {
                console.log(d);
                if(d.code == 200) {
                    $("#text-sign-up-exist").removeClass('on');
                    $("#text-sign-up-confirm").addClass('on');
                    $("#confirm-box").addClass('on');
                    btn.html(temp);
                    $("#bgblack-box").addClass('on');
                    swal('Success',d.msg,'success');
                    setTimeout(function(){
                        location.reload();
                        // swal('Success',d.msg,'success');
                    },2000);
                } else if(d.code == 201) {
                    $("#existemail").val(d.email);
                    $("#existfullname").val(d.name);
                    $("#existnickname").val(d.name);
                    $("#send-email-activation").data('token',d.token);
                    $("#text-sign-up-exist").addClass('on');
                    $("#text-sign-up-confirm").removeClass('on');
                    $("#confirm-box").addClass('on');
                    btn.html(temp);
                    $("#bgblack-box").addClass('on');
                } else if(d.code == 500){
                    btn.html(temp);
                    swal('Ops','Password dan konfirmasi password tidak sesuai','error');
                } else if(d.code == 400){
                    btn.html(temp);
                    swal('Ops','Email Anda sudah terdaftar di komunitas Instaperfect. Silakan Login.','error');
                } else {
                    btn.html(temp);
                    swal('Ops','Mohon lengkapi form dengan benar','error');
                }
            },
            error : function(e) {
                console.log(e);
                btn.html(temp);
                swal('Ops','Email Anda sudah terdaftar di komunitas Instaperfect. Silakan Login.','error');
            }
        });

        return false;
    });

    $(".ajax-form").find('.submit-btn').click(function(){
        var form = $(this).data('form');
        var formObj = $(form);
        var btn = $(this);
        var temp = btn.html();

        btn.html('<i class="fa fa-spinner fa-spin"></i>');

        if(!validateForm(formObj)) {
            swal('Ops',_lang('form-empty'),'error');
            btn.html(temp);
            return false;
        }

        formObj.ajaxForm({
            beforeSubmit: function(formData,jqForm,options) {

            },
            success: function(d,s) {
                console.log(d);
                d = JSON.parse(d);			
                btn.html(temp);		
                //resetRecaptcha();
                if(d.code == 200) {
                    swal('Yeay',d.msg,'success');
                    setTimeout(function(){
                        location.reload();
                    },2000);
                } else {
                    swal('Ops',d.msg,'error');
                }
            },
            error: function(e) {
                console.log(e);	
                swal('Ops',_lang('error-unknown'),'error');
                btn.html(temp);		
                //resetRecaptcha();
            }		
                        
        }).submit();
        
        return false;
        
    });

    function validateForm(formObj) {
        var valid = true;
        
        formObj.find('.field.required').each(function(){
            $(this).removeClass('has-error');
    
            var inp = $(this).find('input').val();
            var sel = $(this).find('select').val();
            var tex = $(this).find('textarea').val();
    
            if(inp == '' || sel == '' || tex == '') {
                valid = false;
                $(this).addClass('has-error');
            }
        });
    
        return valid;
    }
	
});