{literal}
<script language="JavaScript1.2" type="text/javascript">
<!--
function toggleInputs( selection )
{
    nameField = document.getElementById( "field1" );
    localeField = document.getElementById( "field2" );

    if( selection.value == "-1" )
    {
        nameField.disabled = false;
        localeField.disabled = false;
    }
    else
    {
        nameField.disabled = true;
        localeField.disabled = true;
        nameField.value="";
        localeField.value="";
    }
}
//-->
</script>
{/literal}

<form name="languageform" action={concat( 'content/translations' )|ezurl} method="post" >

<div class="context-block">
{* DESIGN: Header START *}<div class="box-header"><div class="box-tc"><div class="box-ml"><div class="box-mr"><div class="box-tl"><div class="box-tr">
<h1 class="context-title">{'translation'|icon( 'normal', 'Translation'|i18n( 'design/admin/content/translationnew' ) )}&nbsp;{'New translation for content'|i18n( 'design/admin/content/translationnew' )}</h1>

{* DESIGN: Mainline *}<div class="header-mainline"></div>

{* DESIGN: Header END *}</div></div></div></div></div></div>

{* DESIGN: Content START *}<div class="box-ml"><div class="box-mr"><div class="box-content">

<div class="context-attributes">

{* Translation. *}
<div class="block">
<label>{'Translation'|i18n( 'design/admin/content/translationnew' )}:</label>
<select id="localeSelector" name="LocaleID" onchange="toggleInputs(this); return false;">
  <option value="-1">{'Custom'|i18n( 'design/admin/content/translationnew' )}</option>
  {section var=Translations loop=fetch( content, locale_list, hash( with_variations, false() ) )}
      <option value="{$Translations.item.locale_full_code|wash}">
          {$Translations.item.intl_language_name|wash}{section show=$Translations.item.country_variation} [{$Translations.item.language_comment|wash}]{/section}
      </option>
  {/section}
</select>
</div>

{* Custom name. *}
<div class="block">
<label>{'Name of custom translation'|i18n( 'design/admin/content/translationnew' )}:</label>
<input id="field1" type="text" name="TranslationName" value=""  size="20" />
</div>

{* Custom locale. *}
<div class="block">
<label>{'Locale for custom translation'|i18n( 'design/admin/content/translationnew' )}:</label>
<input id="field2" type="text" name="TranslationLocale" value="" size="8" />
</div>

</div>

{* DESIGN: Content END *}</div></div></div>


{* Buttons. *}
<div class="controlbar">
{* DESIGN: Control bar START *}<div class="box-bc"><div class="box-ml"><div class="box-mr"><div class="box-tc"><div class="box-bl"><div class="box-br">
<div class="block">
{section show=$is_edit}
    <input class="button" type="submit" name="ChangeButton" value="{'OK'|i18n( 'design/admin/content/translationnew')}" />
{section-else}
    <input class="button" type="submit" name="StoreButton" value="{'OK'|i18n('design/admin/content/translationnew')}" />
{/section}

<input class="button" type="submit" name="CancelButton" value="{'Cancel'|i18n('design/admin/content/translationnew')}" />
</div>
{* DESIGN: Control bar END *}</div></div></div></div></div></div>
</div>

</div>

</form>

