<?php
/**
 * Submenu list template to be rendered via JS.
 *
 * @package Ultimate_Dashboard
 */

defined( 'ABSPATH' ) || die( "Can't access directly" );

ob_start();
?>

<li class="udb-menu-builder--menu-item udb-menu-builder--submenu-item udb-menu-builder--submenu-item-level-{submenu_level}" data-default-parent="{default_submenu_parent}" data-added="{submenu_was_added}" data-hidden="{submenu_is_hidden}"  data-default-id="{default_submenu_id}" data-default-href="{default_submenu_href}" data-default-group="{default_submenu_group}" data-menu-id="{submenu_id}">
	<div class="udb-menu-builder--control-panel">
		<div class="udb-menu-builder--menu-drag">
			<span></span>
		</div>
		<div class="udb-menu-builder--menu-name">
			{parsed_submenu_title}
		</div>
		<div class="udb-menu-builder--menu-actions">
			{frontend_only_indicator}
			{group_indicator}
			{trash_icon}
			<span class="dashicons dashicons-{hidden_icon} hide-menu"></span>
			<span class="dashicons dashicons-arrow-down-alt2 expand-menu"></span>
		</div>
	</div><!-- .udb-menu-builder--control-panel -->

	<div class="udb-menu-builder--expanded-panel">

		<div class="udb-menu-builder--tabs udb-menu-builder--submenu-item-tabs">

			<ul class="udb-menu-builder--tab-menu">
				<li class="udb-menu-builder--tab-menu-item is-active" data-udb-tab-content="udb-menu-builder--settings-tab--{default_submenu_id}">
					<button type="button">
						<?php _e( 'Settings', 'ultimate-dashboard' ); ?>
					</button>
				</li>
				<li class="udb-menu-builder--tab-menu-item {submenu_tab_is_hidden}" data-udb-tab-content="udb-menu-builder--submenu-tab--{default_submenu_id}">
					<button type="button">
						<?php _e( 'Submenu', 'ultimate-dashboard' ); ?>
					</button>
				</li>
			</ul><!-- .udb-menu-builder--tab-menu -->

			<div class="udb-menu-builder--tab-content">
				<div id="udb-menu-builder--settings-tab--{default_submenu_id}" class="udb-menu-builder--tab-content-item is-active">
					<div class="udb-menu-builder--fields udb-menu-builder--submenu-fields">
						<div class="field {submenu_title_field_is_hidden}">
							<label for="submenu_title_{default_menu_id}_{submenu_id}" class="label udb-menu-builder--label">
								<?php _e( 'Submenu Title' ); ?>
							</label>
							<div class="control">
								<textarea 
									row="1" 
									name="submenu_title_{default_menu_id}_{submenu_id}" 
									id="submenu_title_{default_menu_id}_{submenu_id}" 
									placeholder="{encoded_default_submenu_title}" 
									class="udb-menu-builder--text-field"
									data-name="submenu_title"
									{submenu_title_is_disabled}
								>{submenu_title}</textarea>
							</div>
						</div>
						<div class="field {submenu_href_field_is_hidden}">
							<label for="submenu_href_{default_menu_id}_{submenu_id}" class="label udb-menu-builder--label">
								<?php _e( 'Submenu URL' ); ?>
							</label>
							<div class="control">
								<input 
									type="text" 
									name="submenu_href_{default_menu_id}_{submenu_id}" 
									id="submenu_href_{default_menu_id}_{submenu_id}" 
									value="{submenu_href}" 
									placeholder="{default_submenu_href}" 
									class="udb-menu-builder--text-field"
									data-name="submenu_href"
									{submenu_href_is_disabled}
								>
							</div>
						</div>

						<!--
						These fields are not being used currently.
						But leave it here because in the future, if requested, it would be used for
						"hide menu item for specific role(s) / user(s)" functionality.
						-->
						<!--
						<div class="field">
							<label for="disallowed_roles_{default_submenu_id}" class="label udb-menu-builder--label">
								<?php _e( 'Hide from specific role(s):' ); ?>
							</label>
							<div class="control">
								<select
									name="disallowed_roles_{default_submenu_id}" 
									id="disallowed_roles_{default_submenu_id}" 
									class="udb-menu-builder--select-field udb-menu-builder--select2-field udb-menu-builder--roles-select2-field"
									data-placeholder="<?php _e( 'Select a role' ); ?>"
									data-name="disallowed_roles"
									data-disallowed-roles="{disallowed_roles}"
									multiple
								></select>
							</div>
						</div>
						<div class="field">
							<label for="disallowed_users_{default_submenu_id}" class="label udb-menu-builder--label">
								<?php _e( 'Hide from specific user(s):' ); ?>
							</label>
							<div class="control">
								<select
									name="disallowed_users_{default_submenu_id}" 
									id="disallowed_users_{default_submenu_id}" 
									class="udb-menu-builder--select-field udb-menu-builder--select2-field udb-menu-builder--users-select2-field"
									data-placeholder="<?php _e( 'Select a user' ); ?>"
									data-name="disallowed_users"
									data-disallowed-users="{disallowed_users}"
									multiple
								></select>
							</div>
						</div>
						-->

						{empty_submenu_settings_text}

					</div><!-- .udb-menu-builder--fields -->
				</div><!-- #udb-menu-builder--settings-tab -->
				<div id="udb-menu-builder--submenu-tab--{default_submenu_id}" class="udb-menu-builder--tab-content-item udb-menu-builder--edit-area {submenu_tab_is_hidden}">
					<ul class="udb-menu-builder--menu-list udb-menu-builder--submenu-list" data-menu-type="submenu" data-submenu-level="{submenu_next_level}">
						{submenu_template}
					</ul>

					<?php do_action( 'udb_admin_bar_add_submenu_button' ); ?>
				</div><!-- #udb-menu-builder--submenu-tab -->
			</div><!-- .udb-menu-builder--tab-content -->

		</div>

	</div><!-- .udb-menu-builder--expanded-panel -->
</li>

<?php
return ob_get_clean();