<?php
if ( ! defined( 'ABSPATH' ) ) {
	die( '-1' );
}
/**
 * @deprecated 4.4
 */
_deprecated_file( 'panel_templates_editor.tpl.php', '4.4 (will be removed in 5.1)', 'editors/popups/vc_ui-panel-templates.tpl.php', ' will be removed in 5.1' );
?>
<div id="vc_templates-editor" class="vc_panel vc_templates-editor" style="display: none;">
	<div class="vc_panel-heading">
		<a title="<?php _e( 'Close panel', 'js_composer' ); ?>" href="#" class="vc_close" data-dismiss="panel"
		   aria-hidden="true"><i class="vc_icon"></i></a>
		<a title="<?php _e( 'Hide panel', 'js_composer' ); ?>" href="#" class="vc_transparent" data-transparent="panel"
		   aria-hidden="true"><i class="vc_icon"></i></a>

		<h3 class="vc_panel-title"><?php _e( 'Templates', 'js_composer' ) ?></h3>
	</div>
	<div class="vc_panel-body vc_templates-body vc_properties-list vc_with-tabs">
		<div class="wpb_edit_form_elements">
			<div class="vc_column">
				<div id="vc_tabs-templates" class="vc_panel-tabs">
					<?php
					/** @var $box Vc_Templates_Editor */
					?>
					<?php $templates = apply_filters( 'vc_load_default_templates_panels', $box->loadDefaultTemplates() );
					$templates_exists = is_array( $templates ) && ! empty( $templates ); ?>
					<ul class="vc_edit-form-tabs-menu">
						<li class="vc_edit-form-tab-control"><a class="vc_edit-form-link"
						                                        href="#tabs-templates-tabs-1"><?php _e( 'My templates', 'js_composer' ); ?></a>
						</li>
						<?php if ( $templates_exists ) :  ?>
							<li class="vc_edit-form-tab-control"><a class="vc_edit-form-link"
							                                        href="#tabs-templates-tabs-2"><?php _e( 'Salient templates', 'js_composer' ); ?></a>
							</li>
						<?php endif ?>
					</ul>
					<div class="vc_edit-form-tab" id="tabs-templates-tabs-1" data-vc-ui-element="panel-edit-element-tab">
						<div class="vc_col-sm-12 vc_column inside">
							<div
								class="wpb_element_label"><?php _e( 'Save current layout as a template', 'js_composer' ) ?></div>
							<div class="edit_form_line">
								<input name="padding" class="wpb-textinput vc_title_name" type="text" value=""
								       id="vc_template-name"
								       placeholder="<?php _e( 'Template name', 'js_composer' ) ?>">
								<button id="vc_template-save"
								        class="vc_btn vc_btn-primary vc_btn-sm"><?php _e( 'Save Template', 'js_composer' ) ?></button>
							</div>
								<span
									class="vc_description"><?php _e( 'Save layout and reuse it on different sections of this site.', 'js_composer' ) ?></span>
						</div>
						<div class="vc_col-sm-12 vc_column">
							<div class="wpb_element_label"><?php _e( 'Load Template', 'js_composer' ) ?></div>
								<span
									class="vc_description"><?php _e( 'Append previosly saved template to the current layout', 'js_composer' ) ?></span>
							<ul class="wpb_templates_list" id="vc_template-list">
								<?php $box->renderMenu( true ) ?>
							</ul>
						</div>
					</div>
					<?php if ( $templates_exists ) :  ?>
						<div class="vc_edit-form-tab" id="tabs-templates-tabs-2" data-vc-ui-element="panel-edit-element-tab">
							<div class="vc_col-sm-12 vc_column inside">

								<div class="wpb_element_label"><?php _e( 'Load Template', 'js_composer' ); ?></div>
								<span
									class="description"><?php _e( 'Append predefined Salient templates to the current layout', 'js_composer' ); ?></span>
								<ul id="vc_default-template-list" class="wpb_templates_list">
									<?php foreach ( $templates as $key => $template ) :  ?>
										<li class="wpb_template_li" data-vc-ui-element="template">
											<a href="#" data-template_name="<?php echo $key ?>"
											   data-vc-ui-element="template-title"><?php echo $template['name'] ?></a>
										</li>
									<?php endforeach ?>
								</ul>
							</div>
						</div>
					<?php endif ?>
				</div>
			</div>
		</div>
	</div>
	<div class="vc_panel-footer">
		<button type="button" class="vc_btn vc_btn-default vc_close"
		        data-dismiss="panel"><?php _e( 'Close', 'js_composer' ) ?></button>
	</div>
</div>
