#I LOVE YOU EVERDAY#

<?php

use Happy_Addons\Elementor\Theme_Builder;

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly
}

$types    = Theme_Builder::TEMPLATE_TYPE;
$selected = get_query_var( 'ha_library_type' );

?>
<script type="text/template" id="tmpl-elementor-new-template">
	<div id="elementor-new-template__description">
		<div id="elementor-new-template__description__title">
			<?php
			printf(
				esc_html__( '%1$s Happy Addon %2$s Theme Builder Helps You %3$sWork Efficiently%4$s', 'elementor' ),
				'<span>',
				'</span>',
				'<span>',
				'</span>'
			);
			?>
	    </div>
		<div id="elementor-new-template__description__content"><?php echo esc_html__( 'Create various bits and pieces (e.g: Header, Footer etc) of your site and then later reuse them when needed.', 'elementor' ); ?></div>
	</div>
	<form id="elementor-new-template__form" action="<?php esc_url( admin_url( '/edit.php' ) );?>">
		<input type="hidden" name="post_type" value="ha_library">
		<input type="hidden" name="action" value="ha_library_new_post">
		<?php // PHPCS - a nonce doesn't have to be escaped. ?>
		<input type="hidden" name="_wpnonce" value="<?php echo wp_create_nonce( 'ha_library_new_post_action' ); ?>">

<div id="newViewGroup" x-data="newTemplateForm()" x-init="
			$watch('selectedSingular', value => {
				if(value == 'selective'){
					jQuery('#elementor-new-template__display_type_selected').select2({
						dropdownParent: jQuery('#elementor-new-template-modal')
					});
				}
			});
		">

<div x-show="step == 1">
				<div>
					<div id="elementor-new-template__form__title"><?php echo esc_html__( 'Choose Template Type', 'elementor' ); ?></div>
					<div id="elementor-new-template__form__template-type__wrapper" class="elementor-form-field">
						<label for="elementor-new-template__form__template-type" class="elementor-form-field__label"><?php echo esc_html__( 'Select the type of template you want to work on', 'elementor' ); ?></label>
						<div class="elementor-form-field__select__wrapper">
							<select id="elementor-new-template__form__template-type" class="elementor-form-field__select" x-model="templateType" name="template_type" required>
								<option value=""><?php echo esc_html__( 'Select', 'elementor' ); ?>...</option>
								<?php
foreach ( $types as $value => $type_title ) {
	printf( '<option value="%1$s" %2$s>%3$s</option>', esc_attr( $value ), selected( $selected, $value, false ), esc_html( $type_title ) );
}
?>
							</select>
						</div>
					</div>

<div id="elementor-new-template__form__post-title__wrapper" class="elementor-form-field">
						<label for="elementor-new-template__form__post-title" class="elementor-form-field__label">
							<?php echo esc_html__( 'Name your template', 'elementor' ); ?>
						</label>
						<div class="elementor-form-field__text__wrapper">
							<input type="text" x-model="postTitle" placeholder="<?php echo esc_attr__( 'Enter template name (optional)', 'elementor' ); ?>" id="elementor-new-template__form__post-title" class="elementor-form-field__text" name="post_data[post_title]">
						</div>
					</div>

<div x-show="step == 2">
				<div>
					<div id="elementor-new-template__form__title"><?php echo esc_html__( 'Choose Display Condition', 'elementor' ); ?></div>
					<div id="elementor-new-template__form__post-title__wrapper" class="elementor-form-field">
						<div class="elementor-form-field__select__wrapper">
							<label class="elementor-form-field__label"> </label>
							<select id="elementor-new-template__display_type" x-model="selectedType" class="elementor-form-field__select" name="template_display_type" required>
								<template x-if="templateType != 'single'">
									<template x-for="[key,value] in Object.entries(conditionType)">
										<option
											x-bind:value="key"
											x-text="value"
											x-bind:selected="key === selectedType"
										></option>
									</template>
								</template>
								<template x-if="templateType == 'single'">
									<template x-for="[key,value] in Object.entries(singularData)">
										<option
											x-bind:value="key"
											x-text="value"
											x-bind:selected="key === selectedType"
										></option>
									</template>
								</template>
							</select>
						</div>
					</div>
					<div x-show="selectedType === 'singular'">
						<div id="elementor-new-template__form__post-title__wrapper" class="elementor-form-field">
							<div class="elementor-form-field__select__wrapper">
							<label class="elementor-form-field__label"> </label>
								<select x-model="selectedSingular" @change="getSelective()" id="elementor-new-template__display_type_singular" class="elementor-form-field__select" name="template_display_type_singular">
									<template x-for="[key,value] in Object.entries(singularData)">
										<option
											x-bind:value="key"
											x-text="value"
											x-bind:selected="key === selectedSingular"
										></option>
									</template>
								</select>
							</div>
						</div>
					</div>
					<div x-show="selectedSingular == 'selective'">
						<div id="elementor-new-template__form__post-title__wrapper" class="elementor-form-field">
							<div class="elementor-form-field__select__wrapper">
							<label class="elementor-form-field__label"> </label>
								<select id="elementor-new-template__display_type_selected" class="elementor-form-field__select" name="template_display_type_selected[]" multiple>
								<?php
									$pages = get_pages();
									foreach ( $pages as $page ) {
										$option = '<option value="' . $page->ID . '">';
										$option .= $page->post_title;
										$option .= '</option>';
										echo $option;
									}
								?>
								</select>
							</div>
						</div>
					</div>
					<button id="elementor-new-template__form__submit" class="elementor-button ha-btn ha-btn-primary"><?php echo esc_html__( 'Create Template', 'elementor' ); ?></button>
				</div>
			</div>
		</div>
	</form>
</script>

<div id="ha-new-template-form__post-title__wrapper" class="elementor-form-field">
								<div class="ha-new-template-form__text__wrapper">
									<input type="text" placeholder="<?php echo esc_attr__( 'Enter template name', 'elementor' ); ?>" id="ha-new-template-form__post-title" class="ha-new-template-form__field__text" name="post_data[post_title]" required>
								</div>
							</div>