{combine_script id='jquery.ui.sortable' require='jquery.ui' load='footer' path='themes/default/js/ui/minified/jquery.ui.sortable.min.js'}
{footer_script}
jQuery(document).ready(function(){
  jQuery(".drag_button").show();
  jQuery(".categoryLi").css("cursor","move");
  jQuery(".categoryUl").sortable({
    axis: "y",
    opacity: 0.8,
    update : function() {
      jQuery("#manualOrderInfo").show();
    }
  });

  jQuery("#infoOrdering").submit(function(){
    ar = jQuery('.categoryUl').sortable('toArray');
    for(i=0;i < ar.length ;i++) {
      iord = ar[i].split('iord_');
      document.getElementsByName('infoOrd[' + iord[1] + ']')[0].value = i;
    }
  });

  jQuery("#cancelManualOrderInfo").click(function(){
    jQuery(".categoryUl").sortable("cancel");
    jQuery("#manualOrderInfo").hide();
  });
  
  jQuery('.categoryLi').mouseover(function(){
    jQuery(this).children('span').show();
  });
  jQuery('.categoryLi').mouseout(function(){
    jQuery(this).children('span').hide();
  });
  
});
{/footer_script}



<div class="titrePage">
  <h2>{'Management information on picture page'|@translate}</h2>
</div>
{if isset ($addinfotemplate)}
    <form method="post" >
        <fieldset>
            <input class="submit" name="submitaddinfo" type="submit" value="{'Add info photo'|@translate}" />
  	</fieldset>
    </form>
    {if isset ($addinfo_edit2)}
        <form method="post" >
            <fieldset>
            <legend>{'Info add/edit'|@translate}</legend>
                <input type="hidden" name="invisibleID" value="{$addinfo_edit2.AIPID}">
                <p class="input">
                    <label for="inserdesignation">{'Designation'|@translate}</label><br />
                    <textarea style="margin-left:50px" rows="5" cols="50" class="description" name="inserdesignation" id="aip_add">{$addinfo_edit2.AIPDESC}</textarea>
                </p>
                <p class="input" style="width: 700px;">
                    <label for="inseractive">{'Hide'|@translate}</label>
                    <input type="checkbox" name="inseractive" {if {$addinfo_edit2.AIPACTIF}==1}checked{/if} value="1">
                <div style="text-align:center;">
                    <input class="submit" name="submitaddAIP" type="submit" value="{'Submit'|@translate}" />
                </div>
            </fieldset>
        </form>
    {/if}
    <form id="infoOrdering" method="post" >
        <p id="manualOrderInfo" style="display:none">
          <input class="submit" name="submitManualOrderInfo" type="submit" value="{'Save order'|@translate}">
          {'... or '|@translate} <a href="#" id="cancelManualOrderInfo">{'cancel manual order'|@translate}</a>
        </p>
	<fieldset>
	<legend>{'List info'|@translate}</legend>
          <ul class="categoryUl">
            {foreach from=$info_photos item=infophoto}
              <li class="categoryLi{if ($infophoto.AIPEDIT==1)} virtual_cat{/if}" id="iord_{$infophoto.IDINFOPHO}">
                <img src="{$themeconf.admin_icon_dir}/cat_move.png" class="drag_button" style="display:none;" alt="{'Drag to re-order'|@translate}" title="{'Drag to re-order'|@translate}">
                {$infophoto.AIPDESIGNATION}
                <input type="hidden" name="infoOrd[{$infophoto.IDINFOPHO}]" value="{$infophoto.AIPORDER}">
                <br />
                <span class="actiononphoto" style="display: none">
                    <label>{'Hide'|@translate}</label>
                    {if ($infophoto.AIPACTIVE==0)}
                        <a href="{$infophoto.U_HIDE}"><span class="graphicalCheckbox icon-check-empty"></span></a>
                    {/if}
                    {if ($infophoto.AIPACTIVE==1)}
                        <a href="{$infophoto.U_SHOW}"><span class="graphicalCheckbox icon-check"></span></a>
                    {/if}
                    {if ($infophoto.AIPEDIT==1)}
                    <a href="{$infophoto.U_EDIT}">
                      <img src="{$ROOT_URL}{$themeconf.admin_icon_dir}/edit_s.png" alt="{'edit'|@translate}" title="{'edit'|@translate}" />
                    </a>
                    <a href="{$infophoto.U_DELETE}" onclick="return confirm( document.getElementById('btn_delete').title + '\n\n' + '{'Are you sure?'|@translate|@escape:'javascript'}');">
                      <img src="{$ROOT_URL}{$themeconf.admin_icon_dir}/delete.png" id="btn_delete" alt="{'delete'|@translate}" title="{'Delete'|@translate}" />
                    </a>
                    {/if}
                </span>
                <br />
              </li>
            {/foreach}
          </ul>
        </fieldset>
    </form>
{/if}
{if isset ($gestionA)}
	<div>
		<form method="post" >
			<fieldset>
				<legend>{'Add information before'|@translate}</legend>
		{html_options name="Add_Info_photos" options=$gestionA.OPTIONS selected=$gestionA.SELECTED}
				<br>	
				<br>
					<div style="text-align:center;">
					<input class="submit" name="submitpab" type="submit" value="{'Save Settings'|@translate}">
					</div>
			</fieldset>
		</form>
	</div>
{/if}
{if isset ($gestionD)}
<div>
    <form method="post" >
	<fieldset>
	<legend>{'List info photo'|@translate}</legend>
        <table>
            {foreach from=$info_photos item=infophoto}
            <tr>
                <td style="width: 100px;"><span style="font-weight: bold; text-align: right;" >{$infophoto.AIPDESIGNATION}</span></td>
                <td><input type="text" size="150" maxlength="250" name="data[{$infophoto.IDINFOPHO}]" value="{$infophoto.AIPDATA}" /></td>
            </tr>  
            {/foreach}
            <tr>   </tr>
            <tr>
                <td colspan="2">
                    <input class="submit" name="submitaddinfoimg" type="submit" value="{'Add info photo'|@translate}" />
                </td>
           </tr>
           </table>
  	</fieldset>
    </form>
</div>
{/if}