{footer_script require='jquery.ui.sortable'}
jQuery(document).ready(function(){ldelim}
	jQuery(".catPos").hide();
	jQuery(".drag_button").show();
	jQuery(".categoryLi").css("cursor","move");
	jQuery(".categoryUl").sortable({ldelim}
		axis: "y",
		opacity: 0.8
	});
	jQuery("#categoryOrdering").submit(function(){ldelim}
		ar = jQuery('.categoryUl').sortable('toArray');
		for(i=0;i<ar.length;i++) {ldelim}
			cat = ar[i].split('cat_');
			document.getElementsByName('catOrd[' + cat[1] + ']')[0].value = i;
		}
	});

	jQuery("input[name=order_type]").click(function () {ldelim}
		jQuery("#automatic_order_params").hide();
		if (jQuery("input[name=order_type]:checked").val() == "automatic") {ldelim}
			jQuery("#automatic_order_params").show();
		}
	});
});
{/footer_script}

<h2>{'Album list management'|@translate}</h2>

<h3>{$CATEGORIES_NAV}</h3>

<form id="addVirtual" action="{$F_ACTION}" method="post">
  <p>
    <input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
    {'Add a virtual album'|@translate} : <input type="text" name="virtual_name">
    <input class="submit" type="submit" value="{'Submit'|@translate}" name="submitAdd">
    {if count($categories)>9 }
    <a href="#EoP" class="button" style="border:0;">
		<img src="{$themeconf.admin_icon_dir}/page_end.png" title="{'Page end'|@translate}" class="button" alt="page_end" style="margin-bottom:-0.6em;"></a>
    {/if}
  </p>
</form>

{if count($categories) }
<form id="categoryOrdering" action="{$F_ACTION}" method="post">
  <input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">

  <div class="orderParams">
    <input class="submit" name="submitOrder" type="submit" value="{'Save order'|@translate}">
    <label><input type="radio" name="order_type" value="manual" checked="checked"> {'manual order'|@translate}</label>
    <label><input type="radio" name="order_type" value="automatic"> {'automatic order'|@translate}</label>
    <span id="automatic_order_params" style="display:none">
      <select name="ascdesc">
        <option value="asc">{'ascending'|@translate}</option>
        <option value="desc">{'descending'|@translate}</option>
      </select>
      <label><input type="checkbox" name="recursive"> {'Apply to sub-albums'|@translate}</label>
    </span>
  </div>

  <ul class="categoryUl">

    {foreach from=$categories item=category}
    <li class="categoryLi{if $category.IS_VIRTUAL} virtual_cat{/if}" id="cat_{$category.ID}">
      <!-- category {$category.ID} -->
      <ul class="categoryActions">
        {if cat_admin_access($category.ID)}
        <li><a href="{$category.U_JUMPTO}" title="{'jump to album'|@translate}"><img src="{$themeconf.admin_icon_dir}/category_jump-to.png" class="button" alt="{'jump to album'|@translate}"></a></li>
        {/if}
        <li><a href="{$category.U_EDIT}" title="{'edit album'|@translate}"><img src="{$themeconf.admin_icon_dir}/category_edit.png" class="button" alt="{'edit'|@translate}"></a></li>
        {if isset($category.U_MANAGE_ELEMENTS) }
        <li><a href="{$category.U_MANAGE_ELEMENTS}" title="{'manage album photos'|@translate}"><img src="{$themeconf.admin_icon_dir}/category_elements.png" class="button" alt="{'Photos'|@translate}"></a></li>
        {/if}
        <li><a href="{$category.U_CHILDREN}" title="{'manage sub-albums'|@translate}"><img src="{$themeconf.admin_icon_dir}/category_children.png" class="button" alt="{'sub-albums'|@translate}"></a></li>
        {if isset($category.U_MANAGE_PERMISSIONS) }
        <li><a href="{$category.U_MANAGE_PERMISSIONS}" title="{'edit album permissions'|@translate}" ><img src="{$themeconf.admin_icon_dir}/category_permissions.png" class="button" alt="{'Permissions'|@translate}"></a></li>
        {/if}
        {if isset($category.U_SYNC) }
        <li><a href="{$category.U_SYNC}" title="{'Synchronize'|@translate}"><img src="{$ROOT_URL}{$themeconf.admin_icon_dir}/synchronize.png" class="button" alt="{'Synchronize'|@translate}"></a></li>
        {/if}
        {if isset($category.U_DELETE) }
        <li><a href="{$category.U_DELETE}" title="{'delete album'|@translate}" onclick="return confirm('{'Are you sure?'|@translate|@escape:javascript}');"><img src="{$themeconf.admin_icon_dir}/category_delete.png" class="button" alt="{'delete album'|@translate}"></a></li>
        {/if}
      </ul>

      <p>
      <img src="{$themeconf.admin_icon_dir}/cat_move.png" class="button drag_button" style="display:none;" alt="{'Drag to re-order'|@translate}" title="{'Drag to re-order'|@translate}">
      <strong><a href="{$category.U_CHILDREN}" title="{'manage sub-albums'|@translate}">{$category.NAME}</a></strong>
      {if $category.IS_VIRTUAL}
      <img src="{$themeconf.admin_icon_dir}/virt_category.png" class="button" alt="{'Virtual album'|@translate}">
      {/if}
      </p>

      <p class="catPos">
        <label>
          {'Position'|@translate} :
          <input type="text" size="4" name="catOrd[{$category.ID}]" maxlength="4" value="{$category.RANK}">
        </label>
      </p>

    </li>
    {/foreach}
  </ul>
</form>
{/if}