{if $action === "show" || $action === ""}
	{include file='overall_header.html'}
	<link rel="stylesheet" media="screen" type="text/css" href="{$apache_path}css/plan.css"/>
	<script type="text/javascript" src="{$apache_path}js/esia/plan.lib.js"></script>
	<script type="text/javascript" src="{$apache_path}js/folder_plan.js"></script>
	<script type="text/javascript">
		var glob_apache_path = "{$apache_path}";
	</script>
	{strip}
	<div id="messages">
		{if isset($errors) && !empty($errors)}
			<div class="EventCritical messageUtilisateurs">
				{foreach from=$errors item=message}
					<p>{$message}</p>
				{/foreach}
			</div>
		{elseif isset($success) && !empty($success)}
			<div class="EventOK messageUtilisateurs"><p>{$success}</p></div>
		{/if}
	</div>
	<div class="tableview plan-main plan-folder-page">
		<div class="tableview_title plan-header">
			<h1 class="plan-main-title">{$lang.PLAN_FOLDER} - <span id="admPlanName">{$folder_name}</span></h1>
			<div class="pager">
				<ul class="triList">
					<li class="triElement pagerSpaceRight">
						<button type="button" class="btnIcon btnImgPager" title="{$lang.HELP}" onclick="$('#p_planHelp').toggle();">
							<img id="planHelp" class="btn_img" src="{$apache_path}images/planInfo.png" alt="{$lang.HELP}">
						</button>
					</li>
					{if $authorized_actions['admin']}
					<li class="triElement">
						<a class="menutabs btnImgPager actionEditCommon" href="{$apache_path}folder_plan.php?action=update&id={$folder_id}" title="{$lang.PLAN_FOLDER_UPDATE}" onclick="openUpdateCommonParamsDialog(this, '{$lang.PLAN_FOLDER_UPDATE} - {$folder_name}'); return false;">
							<img class="btn_img" src="/theme/default/images/dash-edit.png" alt="{$lang.PLAN_FOLDER_UPDATE}"/>
						</a>
					</li>
					<li class="triElement">
						<a class="menutabs btnImgPager actionDelete" href="{$apache_path}folder_plan.php?action=delete&id={$folder_id}" title="{$lang.PLAN_FOLDER_DELETE}" onclick="openDeleteFolderDialog(this, '{$lang.PLAN_FOLDER_DELETE} - {$folder_name}'); return false;">
							<img class="btn_img" src="{$apache_path}images/plan_del.png" alt="{$lang.PLAN_FOLDER_DELETE}"/>
						</a>
					</li>
					{/if}
				</ul>
			</div>
		</div>
		<div id="p_planHelp" class="infoHelp" style="display:none;">
			<p>{$lang.PLAN_MOVE_INFO}</p>
		</div>
		<div class="plan-folder-background">
			<svg aria-hidden="true" version="1.1" width="0" height="0">
				<defs>
					<g id="folder_icon_back">
						<polygon fill="#FFFFFF" points="166.5,163.6 19.8,163.6 19.8,19.6 74.3,19.6 90.2,35.6 167.8,35.4"/>
						<path fill="#83BC00" d="M156.8,154.4l-0.1-107.5H90.1c-3.7,0-7.4-1.5-10-4.2L66.8,29.4H29.8v124.9C54.5,154.4,131.9,154.4,156.8,154.4z"/>
						<path fill="#585759" d="M164.3,25.9c-1.1,0-71.3,0-71.3,0L77.7,10.5c-1.3-1.3-3.1-2-4.9-2c0,0-49.3,0-50.6,0c-4.9,0-13.4,3.7-13.4,13.3 s0,118.4,0,129.2s7.3,22.1,22.1,22.1c6.6,0,118,0,124.6,0c14.8,0,22.1-11.3,22.1-22.1s0-102.2,0-111.8 C177.6,29.7,169.1,25.9,164.3,25.9z M163.8,153.3c0,4.9-3.6,7.8-7.5,7.3l0,0H30c-3.9,0.4-7.5-2.4-7.5-7.3c0-9.3,0-131,0-131h47.2 l15.3,15.4c1.3,1.3,3.1,2,4.9,2h73.8C163.8,39.8,163.8,144,163.8,153.3z"/>
					</g>
					<g id="folder_icon_front">
						<path fill="#FFFFFF" d="M164.3,51.5H22.1c-9,0-22.3,6.9-22.3,21.8v87.3h186.8V73.4C186.7,58.5,173.3,51.5,164.3,51.5z"/>
						<path fill="#585759" d="M164.3,60.4c-4,0-137.7,0-142.2,0c-4.8,0-13.3,3.6-13.3,13s0,67.8,0,78.4s7.3,21.6,22.1,21.6 c6.6,0,118,0,124.6,0c14.8,0,22.1-11,22.1-21.6s0-69.1,0-78.4C177.6,64,169.1,60.4,164.3,60.4z"/>
					</g>
					<g id="plan_icon_map">
						<polygon fill="#FFFFFF" points="444.5,197.7 67.8,197.7 37.8,473.9 470,473.9"/>
						<polygon fill="#83BC00" points="165.3,410.2 71.5,197.7 67.7,197.7 47,388.2"/>
						<polygon fill="#83BC00" points="164.6,322.6 461.6,384 444.4,197.7 444.4,197.7 109.5,197.7"/>
						<polygon fill="#83BC00" points="182.3,448.7 43.3,422.9 37.7,473.9 193.4,473.9"/>
						<polygon fill="#83BC00" points="181.9,361.7 231.4,473.9 469.9,473.9 465,420.2"/>
						<path fill="#585759" d="M473.3,165.2H40L1.8,506.4h504.1L473.3,165.2z M468,472.5H40.1l29.6-273.4h373L468,472.5z"/>
					</g>
					<g id="plan_icon_pin">
						<path fill="#FFFFFF" d="M485.4,85.3C479.6,55.8,463,29,438.6,10.1c-22.6-17.6-49.2-26.8-77-26.8c-0.2,0-0.3,0-0.5,0 c-28,0.1-54.8,9.6-77.3,27.4c-24.2,19.1-40.5,45.9-46.1,75.5c-5.5,29.4-0.1,60.6,15.2,87.7c17.7,31.5,36.9,62.2,57.3,94.7l0.2,0.3 c9.3,14.9,19,30.3,28.9,46.5l22.3,36.4l22.3-36.4c9.8-16,19.4-31.2,28.6-46c20.6-32.9,40.1-64,58.2-96.2 C485.9,145.9,491.1,114.7,485.4,85.3z"/>
						<path fill="#585759" d="M426.3,25.9c-39-30.4-91.4-30.2-130.2,0.5c-42.1,33.3-52.8,89.9-25.9,137.7c17.5,31.1,36.6,61.6,56.8,93.9 l0.2,0.3c9.3,14.9,19,30.4,29,46.7l5.3,8.6l5.3-8.6c9.9-16.1,19.4-31.3,28.7-46.1c20.5-32.7,39.9-63.6,57.7-95.4 C480,115.6,468.9,59,426.3,25.9z M436.2,139.8L436.2,139.8c-14.9,29.7-31.9,57.6-51.7,90l-0.3,0.5c-7.3,11.9-14.8,24.2-22.5,37.2 c-7.7-12.9-15.1-25-22.4-36.9c-19.2-31.4-37.3-61.2-52.6-91.5c-15.4-30.6-4.8-69.8,25.2-93.3c14.7-11.5,31.9-17.6,49.7-17.6 c16.8,0,33.3,5.5,47.6,15.9C441,67.2,452.4,107.5,436.2,139.8z"/>
						<circle fill="#83BC00" cx="361.6" cy="112.1" r="55.4"/>
					</g>
					<g id="rack_icon_door">
						<path fill="#575759" d="M0 0v40h30V0zm4.787 6.383h20.426v27.234H4.787z"/>
						<path fill="#FFFFFF" d="M2.427 25.245c.517 0 .915-.55.915-1.15v-7.25c0-.65-.437-1.15-.915-1.15-.517 0-.914.55-.914 1.15v7.25c-.04.65.397 1.15.914 1.15z"/>
					</g>
					<g id="rack_icon_back">
						<path fill="#575759" d="M0 0h30v40H0z"/>
						<path fill="#FFFFFF" d="M3 3h24v34H3z"/>
						<path fill="#83BC00" d="M22.916 8.834H6.928v5.393h15.988zm-11.583 3.592H8.734v-1.792h2.599zm2.973 0h-.017a.896.896 0 010-1.792h.017a.896.896 0 110 1.792zm3.05 0h-.017a.896.896 0 010-1.792h.017a.896.896 0 010 1.792zm3.05 0h-.016a.896.896 0 010-1.792h.016a.896.896 0 010 1.792z"/>
						<path fill="#83BC00" d="M22.916 17.227H6.928v5.392h15.988zm-11.583 3.592H8.734v-1.792h2.599zm2.973 0h-.017a.896.896 0 010-1.792h.017a.896.896 0 110 1.792zm3.05 0h-.017a.896.896 0 010-1.792h.017a.896.896 0 010 1.792zm3.05 0h-.016a.896.896 0 010-1.792h.016a.896.896 0 010 1.792z"/>
						<path fill="#83BC00" d="M22.916 25.619H6.928v5.392h15.988zM11.333 29.21H8.734v-1.792h2.599zm2.973 0h-.017a.896.896 0 010-1.792h.017a.896.896 0 110 1.792zm3.05 0h-.017a.896.896 0 010-1.792h.017a.896.896 0 010 1.792zm3.05 0h-.016a.896.896 0 010-1.792h.016a.896.896 0 010 1.792z"/>
					</g>
				</defs>
			</svg>
			<div id="default-items" style="display:none;">
				<div class="plan-elem plan-folder" data-id="0" data-type="folder">
					<a href="" title="{$lang.PLAN_FOLDER}">
						<svg class="folder-icon" role="img" version="1.1" viewBox="0 0 187 182.3" width="41" height="40">
							<use class="folder-icon-back" xlink:href="#folder_icon_back"></use>
							<use class="folder-icon-front" xlink:href="#folder_icon_front"></use>
						</svg>
						<span class="plan-name"></span>
					</a>
				</div>
				<div class="default-plan-img plan-elem plan-file" data-id="0" data-type="plan">
					<a href="" title="">
						<svg class="plan-icon" role="img" version="1.1" viewBox="0 0 509.7 509.7" width="40" height="40">
							<use class="plan-icon-map" xlink:href="#plan_icon_map"></use>
							<use class="plan-icon-pin" xlink:href="#plan_icon_pin"></use>
						</svg>
						<span class="plan-name"></span>
					</a>
				</div>
				<div class="default-plan-rack plan-elem plan-file" data-id="0" data-type="plan">
					<a href="" title="">
						<svg class="rack-icon" role="img" version="1.1" viewBox="0 0 30 40" width="40" height="40">
							<use class="rack-icon-back" xlink:href="#rack_icon_back"></use>
							<use class="rack-icon-door" xlink:href="#rack_icon_door"></use>
						</svg>
						<span class="plan-name"></span>
					</a>
				</div>
			</div>
			<div id="folder-content">
				{foreach from=$content.folders item=fold}
					<div class="plan-elem plan-folder" data-id="{$fold.id}" data-type="folder">
						<a href="{$fold.url}" title="{$lang.PLAN_FOLDER}">
							<svg class="folder-icon" role="img" version="1.1" viewBox="0 0 187 182.3" width="41" height="40">
								<use class="folder-icon-back" xlink:href="#folder_icon_back"></use>
								<use class="folder-icon-front" xlink:href="#folder_icon_front"></use>
							</svg>
							<span class="plan-name">{$fold.name}</span>
						</a>
					</div>
				{/foreach}
				{foreach from=$content.plans item=plan}
					<div class="plan-elem plan-file" data-id="{$plan.id}" data-type="plan">
						<a href="{$plan.url}" title="{$plan.type_lang}">
							{if $plan.type=='rack'}
								<svg class="rack-icon" role="img" version="1.1" viewBox="0 0 30 40" width="40" height="40">
									<use class="rack-icon-back" xlink:href="#rack_icon_back"></use>
									<use class="rack-icon-door" xlink:href="#rack_icon_door"></use>
								</svg>
							{else}
								<svg class="plan-icon" role="img" version="1.1" viewBox="0 0 509.7 509.7" width="40" height="40">
									<use class="plan-icon-map" xlink:href="#plan_icon_map"></use>
									<use class="plan-icon-pin" xlink:href="#plan_icon_pin"></use>
								</svg>
							{/if}
							<span class="plan-name">{$plan.name}</span>
						</a>
					</div>
				{/foreach}
				{if ($authorized_actions['create_folder'] || $authorized_actions['create_plan'])}
					<div class="plan-elem plan-add">
						<span class="plan-add-toggler" type="button" title="{$lang.ADD}">
							<img class="btn_img" src="/theme/default/images/add-dash.png"/>
						</span>
						<div class="plan-add-content" style="display:none;">
							<form id="new_plan" method="post" action="{$apache_path}folder_plan.php?id={$folder_id}">
								<input id="new_action" name="action" value="create" type="hidden"/>
								<input id="new_folder_id" name="folder_id" value="{$folder_id}" type="hidden"/>
								<ul class="plan-add-types">
									{if $authorized_actions['create_folder']}
									<li class="plan-add-type">
										<input id="new_folder" type="radio" name="plan_type" value="-1" required checked>
										<label for="new_folder">{$lang.PLAN_TYPE_FOLDER}</label>
									</li>
									{/if}
									{if $authorized_actions['create_plan']}
									{foreach name=outer item=type from=$plan_types}
									<li class="plan-add-type">
										<input id="new_{$type.name}" type="radio" name="plan_type" value="{$type.id}" required>
										<label for="new_{$type.name}">{$type.lang}</label>
									</li>
									{/foreach}
									{/if}
								</ul>
								<input id="new_plan_name" class="plan-add-name" type="text" maxlength="35" name="plan_name" placeholder="{$lang.PLAN_GIVE_NAME}" autocomplete="off" required>
								<div class="add-plan-controls">
									<input class="add-plan-control add-plan-cancel" type="button" value="{$lang.CANCEL}" title="{$lang.CANCEL}"/>
									<input class="add-plan-control add-plan-validate" type="submit" value="{$lang.ADD}" title="{$lang.ADD}"/>
								</div>
							</form>
						</div>
					</div>
					<script type="text/javascript">
						{literal}
							$(window).on('resize', function(){
								setAddPopUpSafePos($(".plan-add-toggler"), $(".plan-add-content"), $(".plan-folder-background"));
							});
							$(".plan-add-toggler").on("click", function(){
								$(".plan-add-content").toggle();
								$("#new_plan")[0].reset();
								setAddPopUpSafePos($(".plan-add-toggler"), $(".plan-add-content"), $(".plan-folder-background"));
							});
							$(".plan-add-content .add-plan-cancel").on("click", function(){
								cancelNewItemCreation();
							});

							createNewItem();
						{/literal}
					</script>
				{/if}
			</div>
			<script type="text/javascript">
				{literal}
					planDragDrop();
				{/literal}
			</script>
		</div>
	</div>
	<div id="dialog-info"></div>
	{/strip}
	{include file='overall_footer.html'}
{elseif $action === 'delete'}
{* DIALOG not in iframe. Containing all included scripts & stylesheets from main action show *}
{strip}
	<div id="{if !empty($dialogMessages)}{$dialogMessages}{else}dialog-messages{/if}" class="dialogMsg-container">
		{if isset($errors) && !empty($errors)}
			<div class="EventCritical messageUtilisateurs">
				{foreach from=$errors item=message}
					<p>{$message}</p>
				{/foreach}
			</div>
		{elseif isset($success)}
			<div class="EventOK messageUtilisateurs"><p>{$success}</p></div>
		{/if}
	</div>
	<script defer type="text/javascript">
	{literal}
		fadeUserMessage($('.dialogMsg-container .messageUtilisateurs'));
	{/literal}
	</script>
	<div class="dialogContent" data-action="{$action}">
		<form id="delete_folder" method="post" action="{$apache_path}folder_plan.php?action=confirmDelete&id={$folder.id}" onsubmit="deleteFolder(this); return false;">
			<div class="padMore plan-action-delete">
				<input name="folder_parent" value="{$folder.parent}" type="hidden"/>
				<input name="folder_name" value="{$folder.name}" type="hidden"/>
				<p class="text-delete-warn">{$lang_delete_warn}</p>
				<p class="text-delete-content">{$lang.PLAN_FOLDER_DELETE_CONTENT_CHOICE}</p>
				<ul class="content-delete-choices">
					<li class="content-delete-choice">
						<input id="delete_folder_content" type="radio" name="content_action" value="delete" checked>
						<label for="delete_folder_content">{$lang.PLAN_FOLDER_DELETE_CONTENT_DELETE}</label>
					</li>
					<li class="content-delete-choice">
						<input id="delete_folder_only" type="radio" name="content_action" value="root">
						<label for="delete_folder_only">{$lang.PLAN_FOLDER_DELETE_CONTENT_ROOT}</label>
					</li>
				</ul>
			</div>
			<div class="dialog-bottom-actions">
				<input class="btnBack" type="button" value="{$lang.CANCEL}"/>
				<input class="btnCrit" type="submit" value="{$lang.DELETE}"/>
			</div>
		</form>
	</div> <!-- div class=dialogContent -->
{/strip}
{/if}