/*  ---------------------------------------------------
    Template Name: Amin
    Description:  Amin magazine HTML Template
    Author: Colorlib
    Author URI: https://colorlib.com
    Version: 1.0
    Created: Colorlib
---------------------------------------------------------  */

'use strict';

(function ($) {

    /*------------------
        Preloader
    --------------------*/
    $(window).on('load', function () {
        $(".loader").fadeOut();
        $("#preloder").delay(200).fadeOut("slow");
    });

    /*------------------
        Background Set
    --------------------*/
    $('.set-bg').each(function () {
        var bg = $(this).data('setbg');
        $(this).css('background-image', 'url(' + bg + ')');
    });

    // Humberger Menu
    $(".humberger-open").on('click', function () {
        $(".humberger-menu-wrapper").addClass("show-humberger-menu");
        $(".humberger-menu-overlay").addClass("active");
        $(".nav-options").addClass("humberger-change");
    });

    $(".humberger-menu-overlay").on('click', function () {
        $(".humberger-menu-wrapper").removeClass("show-humberger-menu");
        $(".humberger-menu-overlay").removeClass("active");
        $(".nav-options").removeClass("humberger-change");
    });

    // Search model
    $('.search-switch').on('click', function () {
        $('.search-model').fadeIn(400);
    });

    $('.search-close-switch').on('click', function () {
        $('.search-model').fadeOut(400, function () {
            $('#search-input').val('');
        });
    });

    // Sign Up Form
    $('.signup-switch').on('click', function () {
        $('#registerform').fadeIn(400);
    });

    $('#regclose').on('click', function () {
        $('#registerform').fadeOut(400);
    });

    // Login Form
    $('.login-switch').on('click', function () {
        $('#loginform').fadeIn(400);
    });

    $('#logclose').on('click', function () {
        $('#loginform').fadeOut(400);
    });

    $('#registernow').click(function(event) {
        $('#loginform').fadeOut(400);
        $('#registerform').fadeIn(400);
    });

    $('#loginnow').click(function(event) {
        $('#registerform').fadeOut(400);
        $('#loginform').fadeIn(400);
    });

    $('#username').on('keypress', function (event) {
      var regex = new RegExp("^[a-zA-Z0-9]+$");
      var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
      if (!regex.test(key)) {
        event.preventDefault();
        return false;
      }
      if (event.which == 32){
        // console.log('Space Detected');
        return false;
      }
    });

    $('#username').on('keyup', function () {
      if ($(this).val().length <= 30 && $(this).val().length != 0) {
        $(this).removeClass('rejected');
        $(this).addClass('confirmed');
        $('#regbtn').attr('disabled', false);
      }else if ($(this).val().length == 0 ) {
        $(this).removeClass('confirmed');
        $(this).addClass('rejected');
        $('#regbtn').attr('disabled', true);
      }else{
        $(this).removeClass('confirmed');
        $(this).addClass('rejected');
        $('#regbtn').attr('disabled', true);
      }
    });

    $("#password").on("keyup",function(){
      if($(this).val().length >= 8 && $(this).val().length <= 12 && $(this).val().length != 0){
        if ($(this).val().match(/[A-z]/)) {
          if ($(this).val().match(/\d/)) {
            $(this).removeClass('rejected');
            $(this).addClass('confirmed');
            $('.pwd_note').hide();
            $('#regbtn').attr('disabled', false);
          }else {
            $(this).removeClass('confirmed');
            $(this).addClass('rejected');
            $('.pwd_note').html('Must contain at least 1 number');
            $('.pwd_note').show();
            $('#regbtn').attr('disabled', true);
          }
        }else {
          $(this).removeClass('confirmed');
          $(this).addClass('rejected');
          $('.pwd_note').html('Must contain at least 1 letter');
          $('.pwd_note').show();
          $('#regbtn').attr('disabled', true);
        }
      }else{
        $(this).removeClass('confirmed');
        $(this).addClass('rejected');
        $('.pwd_note').html('Must contain 8-12 digits');
        $('.pwd_note').show();
        $('#regbtn').attr('disabled', true);
      }
    });

    $('#show_pwd').click(function(event) {
      $('#password').prop("type", "text");
      $(this).hide();
      $('#hide_pwd').show();
    });
    $('#hide_pwd').click(function(event) {
      $('#password').prop("type", "password");
      $(this).hide();
      $('#show_pwd').show();
    });

    $('#show_cpwd').click(function(event) {
      $('#confirm').prop("type", "text");
      $(this).hide();
      $('#hide_cpwd').show();
    });
    $('#hide_cpwd').click(function(event) {
      $('#confirm').prop("type", "password");
      $(this).hide();
      $('#show_cpwd').show();
    });

    $("#confirm").keyup(function() {
        var password = $("#password").val();
        if (password.length == 0) {
          alert('Please enter password first');
        }
        if ($(this).val() == password) {
          $(this).removeClass('rejected');
          $(this).addClass('confirmed');
          $('#regbtn').attr('disabled', false);
        }else {
          $(this).removeClass('confirmed');
          $(this).addClass('rejected');
          $('#regbtn').attr('disabled', true);
        }
    });

    $('#firstname').on('keypress', function (event) {
      var regex = new RegExp("^[a-zA-Z ]+$");
      var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
      if (!regex.test(key)) {
        event.preventDefault();
        return false;
      }
    });

    $('#lastname').on('keypress', function (event) {
      var regex = new RegExp("^[a-zA-Z ]+$");
      var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
      if (!regex.test(key)) {
        event.preventDefault();
        return false;
      }
    });

    $('#phone').on('keypress', function (event) {
      var regex = new RegExp("^[0-9]+$");
      var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
      if (!regex.test(key)) {
        event.preventDefault();
        return false;
      }
    });

    // login form
    $('#login_user').on('keypress', function (event) {
      var regex = new RegExp("^[a-zA-Z0-9]+$");
      var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
      if (!regex.test(key)) {
        event.preventDefault();
        return false;
      }
      if (event.which == 32){
        // console.log('Space Detected');
        return false;
      }
    });

    $('#show_lpwd').click(function(event) {
      $('#login_pwd').prop("type", "text");
      $(this).hide();
      $('#hide_lpwd').show();
    });
    $('#hide_lpwd').click(function(event) {
      $('#login_pwd').prop("type", "password");
      $(this).hide();
      $('#show_lpwd').show();
    });

    /*------------------
		Navigation
	--------------------*/
    $(".mobile-menu").slicknav({
        prependTo: '#mobile-menu-wrap',
        allowParentLinks: true
    });

    /*------------------
        Hero Slider
    --------------------*/
    var hero_s = $(".hero-slider");
    hero_s.owlCarousel({
        loop: true,
        margin: 0,
        items: 1,
        dots: true,
        animateOut: 'fadeOut',
        animateIn: 'fadeIn',
        smartSpeed: 1200,
        autoHeight: false,
        autoplay: false
    });

    /*------------------
        Trending Slider
    --------------------*/
    $(".trending-slider").owlCarousel({
        loop: true,
        margin: 0,
        items: 1,
        dots: false,
        nav: true,
        navText: ['<span class="arrow_carrot-left"></span>', '<span class="arrow_carrot-right"></span>'],
        dotsEach: 2,
        smartSpeed: 1200,
        autoHeight: false,
        autoplay: true
    });

    /*------------------------
        Latest Review Slider
    --------------------------*/
    $(".lp-slider").owlCarousel({
        loop: true,
        margin: 0,
        items: 4,
        dots: true,
        nav: true,
        navText: ['<span class="arrow_carrot-left"></span>', '<span class="arrow_carrot-right"></span>'],
        smartSpeed: 1200,
        autoHeight: false,
        dotsEach: 2,
        autoplay: true,
        responsive: {
            320: {
                items: 1
            },
            480: {
                items: 2
            },
            768: {
                items: 3
            },
            992: {
                items: 4
            }
        }
    });

    /*------------------------
        Update News Slider
    --------------------------*/
    $(".un-slider").owlCarousel({
        loop: true,
        margin: 0,
        items: 1,
        dots: false,
        nav: true,
        navText: ['<span class="arrow_carrot-left"></span>', '<span class="arrow_carrot-right"></span>'],
        smartSpeed: 1200,
        autoHeight: false,
        dotsEach: 2,
        autoplay: true
    });

    /*------------------------
        Video Guide Slider
    --------------------------*/
    $(".vg-slider").owlCarousel({
        loop: true,
        margin: 0,
        items: 1,
        dots: false,
        nav: true,
        navText: ['<span class="arrow_carrot-left"></span>', '<span class="arrow_carrot-right"></span>'],
        smartSpeed: 1200,
        autoHeight: false,
        autoplay: true
    });

    /*------------------------
        Gallery Slider
    --------------------------*/
    $(".dg-slider").owlCarousel({
        loop: true,
        margin: 0,
        items: 1,
        dots: false,
        nav: true,
        navText: ['<span class="arrow_carrot-left"></span>', '<span class="arrow_carrot-right"></span>'],
        smartSpeed: 1200,
        autoHeight: false,
        autoplay: true
    });

    /*------------------
        Video Popup
    --------------------*/
    $('.video-popup').magnificPopup({
        type: 'iframe'
    });

    /*------------------
        Barfiller
    --------------------*/
    $('#bar-1').barfiller({
        barColor: '#ffffff',
        duration: 2000
    });
    $('#bar-2').barfiller({
        barColor: '#ffffff',
        duration: 2000
    });
    $('#bar-3').barfiller({
        barColor: '#ffffff',
        duration: 2000
    });
    $('#bar-4').barfiller({
        barColor: '#ffffff',
        duration: 2000
    });
    $('#bar-5').barfiller({
        barColor: '#ffffff',
        duration: 2000
    });
    $('#bar-6').barfiller({
        barColor: '#ffffff',
        duration: 2000
    });

    /*------------------
        Circle Progress
    --------------------*/
    $('.circle-progress').each(function () {
        var cpvalue = $(this).data("cpvalue");
        var cpcolor = $(this).data("cpcolor");
        var cpid = $(this).data("cpid");

        $(this).append('<div class="' + cpid + '"></div><div class="progress-value"></div>');

        if (cpvalue < 100) {

            $('.' + cpid).circleProgress({
                value: '0.' + cpvalue,
                size: 40,
                thickness: 2,
                startAngle: -190,
                fill: cpcolor,
                emptyFill: "rgba(0, 0, 0, 0)"
            });
        } else {
            $('.' + cpid).circleProgress({
                value: 1,
                size: 40,
                thickness: 5,
                fill: cpcolor,
                emptyFill: "rgba(0, 0, 0, 0)"
            });
        }
    });

    $('.circle-progress-1').each(function () {
        var cpvalue = $(this).data("cpvalue");
        var cpcolor = $(this).data("cpcolor");
        var cpid = $(this).data("cpid");

        $(this).append('<div class="' + cpid + '"></div><div class="progress-value"></div>');

        if (cpvalue < 100) {

            $('.' + cpid).circleProgress({
                value: '0.' + cpvalue,
                size: 60,
                thickness: 2,
                startAngle: -190,
                fill: cpcolor,
                emptyFill: "rgba(0, 0, 0, 0)"
            });
        } else {
            $('.' + cpid).circleProgress({
                value: 1,
                size: 60,
                thickness: 5,
                fill: cpcolor,
                emptyFill: "rgba(0, 0, 0, 0)"
            });
        }
    });

    $('.circle-progress-2').each(function () {
        var cpvalue = $(this).data("cpvalue");
        var cpcolor = $(this).data("cpcolor");
        var cpid = $(this).data("cpid");

        $(this).append('<div class="' + cpid + '"></div><div class="progress-value"></div>');

        if (cpvalue < 100) {

            $('.' + cpid).circleProgress({
                value: '0.' + cpvalue,
                size: 200,
                thickness: 5,
                startAngle: -190,
                fill: cpcolor,
                emptyFill: "rgba(0, 0, 0, 0)"
            });
        } else {
            $('.' + cpid).circleProgress({
                value: 1,
                size: 200,
                thickness: 5,
                fill: cpcolor,
                emptyFill: "rgba(0, 0, 0, 0)"
            });
        }
    });

})(jQuery);