{if $show_message}
<div class="resultMessage">
{"Changes successful."|i18n}
</div>
{/if}
{include file="personalization_javascript.js"}

{if $edit == 1}
 <form name="my_form" method="post" action="main.php">

  <h1>{"Modify Header/Footer"|i18n}</h1>
  <table width="100%" border="0" cellspacing="0" cellpadding="8">
    <tr>
      <td width="150" height="30" >{"Name"|i18n}
        </td>
      <td height="30"> <input type="text" name="name" size="35" value="{$form.name|escape:"html"}"><BR><span style="font-size:10px;">{"Brief Description for you to recognize. Does NOT affect your actual header/footer."|i18n}</span></td>
    </tr>
    <tr>
      <td width="150" height="30" bgcolor="#F3F3F3">{"Format"|i18n}</td>
      <td height="30" bgcolor="#F3F3F3"> <input type="radio" name="format" value="html" onclick="my_form.mode.value = 'toggle_edit'; return my_form.submit();" {if $form.format == 'html'}CHECKED{/if}>
        {"For HTML Messages"|i18n}<br>
        <input type="radio" name="format" value="text"  onclick="my_form.mode.value = 'toggle_edit'; return my_form.submit();" {if $form.format == 'text'}CHECKED{/if}>
        {"For TEXT Messages"|i18n}</td>
    </tr>
    <tr>
      <td width="150" height="30">{"Header or Footer"|i18n}</td>
      <td height="30"> <input type="radio" name="type" value="header"  {if $form.type == 'header'}CHECKED{/if}>
        {"Header"|i18n}<br>
        <input type="radio" name="type" value="footer"  {if $form.type == 'footer'}CHECKED{/if}>
        {"Footer"|i18n}</td>
    </tr>
    <tr>
      <td height="30" colspan="2" bgcolor="#F3F3F3">{"Header/Footer Content"|i18n}<br>
{if $form.format == 'html'}
    {editor content=$form.content name=content width=$admin.brand_editorw height=$admin.brand_editorh fullpage=0 public=0 toolbar=Personalize customcfg="../../../admin/templates/editor.js"}
{else}
<div align="right">
      {"Personalize Message: "|i18n}<select name="targ2" id="targ2" onChange="insertAtCursor(document.my_form.content, document.getElementById('targ2').value);">
     {html_options options=$fields}
      </select>
</div>
      <textarea name="content" cols="49" rows="8" style="width:100%">{$form.content}</textarea>
{/if}
            </td>
    </tr>

  </table>
  <br>
  <table width="75%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>
        <input type="submit" value="{"Save Changes"|i18n}" name="submit2">
    <input name="action"  type="hidden" value="presets_outline">
    <input name="mode"  type="hidden" value="update">
    <input name="id" id="id" type="hidden" value="{$form.id}">
</td>
    </tr>
  </table>
  <br>
</form>
<p>

{else}
<h1>{"Headers / Footers"|i18n}</h1>
{literal}
<script>
function submit_form() {
    my_form.mode.value = 'toggle_add';
    my_form.submit();
    return true;
}
</script>
{/literal}
 <form name="my_form" method="post" action="main.php">
    {if $rows}
    <table width="100%" border="0" cellspacing="0" cellpadding="1">
      <tr class="rowback">

      <td bgcolor="#FFFFFF" width="75"> {"Options"|i18n}</td>
      <td class="rowback"> {"Name of Header/Footer"|i18n}</td>
      </tr>
    {foreach from=$rows item=row}
        <tr bgcolor="#FFFFFF" class="rowhighlight" onmouseover="this.className='rowhighlightd'" onmouseout="this.className='rowhighlight'">
          <td width="75" bordercolor="#CCCCCC" bgcolor="#FFFFFF"><a href="main.php?action=presets_outline&mode=edit_row&id={$row.id}">{"Edit"|i18n}</a> &nbsp; <a href="main.php?action=presets_outline&mode=delete&id={$row.id}">{"Delete"|i18n}</a></td>
          <td bordercolor="#CCCCCC">({$row.type}) {$row.name}</td>
        </tr>
   {foreachelse}
        <tr>
            <td colspan="3">{"No Headers/Footers Found"|i18n}</td>
        </tr>
   {/foreach}
    </table>
<br>
<hr><br>
    {/if}
  <b class="sheader">{"Add Header/Footer"|i18n}</b>

  <table width="100%" border="0" cellspacing="0" cellpadding="8">
    <tr>
      <td width="150" height="30" >{"Name"|i18n}</td>
      <td height="30" > <input name="name" type="text" id="name" size="35" value="{$form.name|escape:"html"}"><BR><span style="font-size:10px;">{"Brief Description for you to recognize. Does NOT affect your actual header/footer."|i18n}</span></td>
    </tr>
    <tr>
      <td width="150" height="30" bgcolor="#F3F3F3">{"Format"|i18n}</td>
      <td height="30" bgcolor="#F3F3F3"> <input type="radio" name="format" value="html" onclick="my_form.mode.value = 'toggle_add'; return my_form.submit();" {if $form.format == 'html'}CHECKED{/if}>
        {"For HTML Messages"|i18n}<br>
        <input type="radio" name="format" value="text"  onclick="my_form.mode.value = 'toggle_add'; return my_form.submit();" {if $form.format == 'text'}CHECKED{/if}>
        {"For TEXT Messages"|i18n}</td>
    </tr>
    <tr>
      <td width="150" height="30">{"Header or Footer"|i18n}</td>
      <td height="30"> <input type="radio" name="type" value="header" {if $form.type == 'header'}CHECKED{/if}>
        {"Header"|i18n}<br>
        <input type="radio" name="type" value="footer"  {if $form.type == 'footer'}CHECKED{/if}>
        {"Footer"|i18n}</td>
    </tr>
    <tr>
      <td height="30" colspan="2" bgcolor="#F3F3F3">{"Header/Footer Content"|i18n}<br>
{if $form.format == 'html'}
    {editor content=$form.content name=content width=$admin.brand_editorw height=$admin.brand_editorh fullpage=0 public=0 toolbar=Personalize customcfg="../../../admin/templates/editor.js"}
{else}
<div align="right">
      {"Personalize Message: "|i18n}<select name="targ2" id="targ2" onChange="insertAtCursor(document.my_form.content, document.getElementById('targ2').value);">
     {html_options options=$fields}
      </select>
</div>
      <textarea name="content" cols="49" rows="8" style="width:100%">{$form.content}</textarea>
{/if}
            </td>
    </tr>

  </table>
  <br>
  <table width="75%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>
        <input type="submit" value="{"Submit"|i18n}" name="submit2">
    <input name="action"  type="hidden" value="presets_outline">
    <input name="mode" type="hidden" value="insert">
</td>
    </tr>
  </table>
  <br>
</form>
{/if}