(function($)
{
	"use strict";

    $('.iz-popup-close').click(function(e){
        e.preventDefault();
        $(this).parents('.choose-icon-font').fadeOut();
    })
    $('.iz_add_hour').on('click', function(){
    	var tbody = $(this).parents('table').find('tbody');
    	var index = tbody.find('tr').last().data('index');
    	if(index == '' || index == undefined)
    	{
    		index = 1;
    	}else{
    		index = parseInt(index) + 1;
    	}

    	var tr = '<tr data-index="'+index+'">'+
    				'<td><input name="'+index+'[item]" value="" type="text" class="iz_input"></td>'+    				
    				'<td><button class="button iz_delete_time">Delete</button></td>'+
    			 '</tr>';
    	tbody.append(tr);
    	return false;
    });
    $(document).on('click', '.iz_delete_time', function(){
    	$(this).parent().parent().remove();
    });

    var current_choose_icon = null;
    var current_class = null;
    var choose_class = null;
    var is_icon_click = false;
    $('body').on('click','.awe-change-icon', function(){
        current_choose_icon = $(this);
        if($('.choose-icon-font').length)
        {
            $('.choose-icon-font').show();
        }
        
    });

    $('.choose-icon-font').on('click', 'li', function()
    {

        var icon = $(this).find('i').attr('class');
        current_choose_icon.find('i').removeClass();
        current_choose_icon.find('i').addClass('mdicon '+ icon);
        current_choose_icon.find('input[type="hidden"]').val(icon);
        $(this).parents('.choose-icon-font').fadeOut();
    });
    

    $('.awe-button-add').on('click', function()
    {
        var key = $('.awe_add_social').find('.social-item').last().data('item');
        if(key == '' || key == undefined)
        {
            key = 1;
        }else
        {
            key = parseInt(key) + 1;
        }
        var item = '<div class="social-item" data-item="'+key+'">';
            item += '<input class="awe-input" name="'+key+'[link]" value="" type="text" placeholder="http://">';
            item += '<span class="awe-change-icon"><i class="mdicon fa fa-facebook"></i>';
            item += '<input class="awe-input" name="'+key+'[icon]" value="mdicon fa fa-facebook" type="hidden" >';
            item += '</span>';
            item += '<a href="#" class="awe-del-social">delete</a>';
            item += '</div>';
        $('.awe_add_social').append(item);
    });
	
    $('body').on('click', '.awe-del-social', function(e)
    {
    	e.preventDefault();
    	$(this).parent().remove();
    })
 
    $('.vc_general.vc_ui-button.vc_ui-button-action.vc_ui-button-shape-rounded.vc_ui-button-fw').on('click', function()
    {
    	var value;
    	if($('.iz_add_hours').length > 0)
    	{
    		value = $('.iz_add_hours').find('.iz_input').serialize();
    		$('.iz_about_hours').val( encodeURIComponent(value) );
    	}
    	if($('.awe_add_social').length >0) {
    		value = $('.awe_add_social').find('.awe-input').serialize();
	    	$('.awe-social-value').val( encodeURIComponent(value) );
	    }

        if($('input[name="apikey"]').length && $('input[name="mailchimp_id"]')){
            var api = $('input[name="apikey"]').val();
            var id = $('input[name="mailchimp_id"]').val();

            $.ajax({
                url: ajax_url,
                type: "post",
                data: {
                    action: 'iz_add_mailchimpkey',
                    apikey: api,
                    id: id,
                },
                success: function(response){
                    console.log('oko');
                },
            });

        }

    });

})(jQuery)