<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly
}
?>
<script type="text/template" id="tmpl-wpzoom-elementor-templates-modal__header">
	<div class="elementor-templates-modal__header">
		<div class="elementor-templates-modal__header__logo-area">
			<div class="elementor-templates-modal__header__logo">
				<span class="elementor-templates-modal__header__logo__icon-wrapper e-logo-wrapper">
					<i class="eicon-elementor"></i>
				</span>
				<span class="elementor-templates-modal__header__logo__title">WPZOOM Library</span>
			</div>
			<div id="elementor-template-library-header-preview-back" class="wpzoom-header-back-button" style="display:none;">
				<i class="eicon-" aria-hidden="true"></i>
				<span><?php echo __( 'Back to Library', 'wpzoom-elementor-addons' ); ?></span>
			</div>
		</div>
		<div id="wpzoom-elementor-template-library-header-tabs" class="elementor-templates-modal__header__item">
			<div id="wpzoom-elementor-template-library-tabs-wrapper" class="elementor-component-tab elementor-template-library-menu">
				<div class="elementor-component-tab elementor-template-library-menu-item elementor-active" data-tab="templates"><?php echo __('Pages', 'wpzoom-elementor-addons'); ?> <span class="wpzoom-tab-count"></span></div>
				<div class="elementor-component-tab elementor-template-library-menu-item" data-tab="sections"><?php echo __('Sections', 'wpzoom-elementor-addons'); ?> <span class="wpzoom-tab-count"></span></div>
				<div class="elementor-component-tab elementor-template-library-menu-item" data-tab="wireframes"><?php echo __('Wireframes', 'wpzoom-elementor-addons'); ?> <span class="wpzoom-tab-count"></span></div>
			</div>
		</div>
		<div class="elementor-templates-modal__header__items-area">
			<div class="elementor-templates-modal__header__close elementor-templates-modal__header__close--normal elementor-templates-modal__header__item">
				<i class="eicon-close" aria-hidden="true" title="Close"></i>
				<span class="elementor-screen-only">Close</span>
			</div>
            <div id="wpzoom-elementor-template-library-header-preview" style="display:none;">
				<div id="elementor-template-library-header-preview-insert-wrapper" class="elementor-templates-modal__header__item">
                    <a class="elementor-template-library-template-action elementor-template-library-template-insert elementor-button" data-template-name="">
						<i class="eicon-file-download" aria-hidden="true"></i>
                        <span class="elementor-button-title">Insert Page</span>
					</a>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmpl-wpzoom-elementor-template-library-loading">
	<div id="elementor-template-library-loading">
		<div class="elementor-loader-wrapper">
			<div class="elementor-loader">
				<div class="elementor-loader-boxes">
					<div class="elementor-loader-box"></div>
					<div class="elementor-loader-box"></div>
					<div class="elementor-loader-box"></div>
					<div class="elementor-loader-box"></div>
				</div>
			</div>
			<div class="elementor-loading-title"><?php echo __( 'Loading', 'wpzoom-elementor-addons' ); ?></div>
		</div>
	</div>
</script>
<script type="text/template" id="tmpl-wpzoom-elementor-template-library-tools">
	<div id="wpzoom-elementor-template-library-toolbar">
		<div id="elementor-template-library-filter-toolbar-remote" class="elementor-template-library-filter-toolbar wpzoom-toolbar-row">
			<div class="wpzoom-toolbar-left">
				<div id="elementor-template-library-filter">
					<select id="wpzoom-elementor-template-library-filter-theme" class="elementor-template-library-filter-select" name="theme" data-filter="theme">
						<option value="">Select a theme</option>
						<option value="inspiro-lite">Inspiro Lite</option>
						<option value="foodica">Foodica</option>
						<option value="cookbook">CookBook</option>
						<option value="cookely">Cookely</option>
						<option value="gourmand">Gourmand</option>
						<option value="inspiro-pro">Inspiro PRO</option>
						<option value="inspiro-premium">Inspiro Premium</option>
						<option value="reel">Reel</option>
					</select>
					<select id="wpzoom-elementor-template-library-filter-category" class="elementor-template-library-filter-select" name="category" data-filter="category" style="display:none;">
						<option value="">Select a category</option>
					</select>
					<select id="wpzoom-elementor-template-library-filter-wireframe-category" class="elementor-template-library-filter-select" name="category" data-filter="category" style="display:none;">
						<option value="">Select a category</option>
					</select>
				</div>
				<div class="wpzoom-toolbar-search">
					<i class="eicon-search" aria-hidden="true"></i>
					<input id="wpzoom-elementor-template-library-filter-text" type="text" placeholder="<?php esc_attr_e( 'Search...', 'wpzoom-elementor-addons' ); ?>">
					<button class="wpzoom-search-clear" aria-label="<?php esc_attr_e( 'Clear', 'wpzoom-elementor-addons' ); ?>" style="display:none;"><i class="eicon-close" aria-hidden="true"></i></button>
				</div>
				<label id="wpzoom-no-media-toggle-wrap" class="wpzoom-toggle-wrap" title="<?php esc_attr_e( 'Insert without importing images to media library', 'wpzoom-elementor-addons' ); ?>">
					<div id="wpzoom-no-media-toggle" class="wpzoom-toggle-track" role="switch" aria-checked="false">
						<span class="wpzoom-toggle-thumb"></span>
					</div>
					<span class="wpzoom-toggle-label"><?php esc_html_e( 'No Media', 'wpzoom-elementor-addons' ); ?></span>
				</label>
			</div>
			<div class="wpzoom-toolbar-grid-size">
				<button class="wpzoom-grid-btn" data-cols="3" title="3 columns">
					<svg viewBox="0 0 18 14" width="18" height="14" xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="4" height="6" rx="1"/><rect x="7" y="0" width="4" height="6" rx="1"/><rect x="14" y="0" width="4" height="6" rx="1"/><rect x="0" y="8" width="4" height="6" rx="1"/><rect x="7" y="8" width="4" height="6" rx="1"/><rect x="14" y="8" width="4" height="6" rx="1"/></svg>
				</button>
				<button class="wpzoom-grid-btn" data-cols="4" title="4 columns">
					<svg viewBox="0 0 22 14" width="22" height="14" xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="4" height="6" rx="1"/><rect x="6" y="0" width="4" height="6" rx="1"/><rect x="12" y="0" width="4" height="6" rx="1"/><rect x="18" y="0" width="4" height="6" rx="1"/><rect x="0" y="8" width="4" height="6" rx="1"/><rect x="6" y="8" width="4" height="6" rx="1"/><rect x="12" y="8" width="4" height="6" rx="1"/><rect x="18" y="8" width="4" height="6" rx="1"/></svg>
				</button>
				<button class="wpzoom-grid-btn" data-cols="5" title="5 columns">
					<svg viewBox="0 0 26 14" width="26" height="14" xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="4" height="6" rx="1"/><rect x="5.5" y="0" width="4" height="6" rx="1"/><rect x="11" y="0" width="4" height="6" rx="1"/><rect x="16.5" y="0" width="4" height="6" rx="1"/><rect x="22" y="0" width="4" height="6" rx="1"/><rect x="0" y="8" width="4" height="6" rx="1"/><rect x="5.5" y="8" width="4" height="6" rx="1"/><rect x="11" y="8" width="4" height="6" rx="1"/><rect x="16.5" y="8" width="4" height="6" rx="1"/><rect x="22" y="8" width="4" height="6" rx="1"/></svg>
				</button>
			</div>
		</div>
	</div>
</script>
