{php}$GLOBALS['__pagePath'] = array('TRANS_MANAGE_CLIENTS', 'TRANS_CONTACTS', 'TRANS_ADD_CONTACT');{/php}
{include
	file="$tplDirectory/header.tpl"
	parentName="TRANS_MANAGE_CLIENTS"
	childName="TRANS_CONTACTS"
	grandchildName="TRANS_ADD_CONTACT"
	sideNavMajor="clients"
	sideNavMinor="clients"}

{include file="$tplDirectory/widgets/showInvalid.tpl" inputInvalid=$inputInvalid}

{include file="$tplDirectory/widgets/context/client.tpl"
	client=$client suppressEditLink=1 suppressDeleteLink=1}

{if $formValues.contactPrimary}
	{assign var="suppressDeleteLink" value=1}
{else}
	{assign var="suppressDeleteLink" value=0}
{/if}

<script language="javascript">
<!--
{literal}
function updateCountyList(){
	var state = $('contactState').value;
	if (state.length!=2){
		turnOffCounty();
		return;
	}
	var myAjax = new Ajax.Request(
		'{/literal}{$billingSecureUrl}{literal}getstatecounties.php?state='+state,
		{
			method: 'get',
			onComplete: handleCountiesUpdate
		});
}

function handleCountiesUpdate(res){
	res = XKgetJSONArray(res.responseText);
	if (typeof res=="undefined"){
		turnOffCounty();
		return;
	}

	var fd = $('contactCounty');
	fd.options.length = 0;
	toggleOn('countyTB');

	for (x in res){
		fd.options[x] = new Option(res[x], res[x]);
	}
}

function turnOffCounty(){
	$('contactCounty').options.length = 0;
	$('contactCounty').options[0] = new Option('', '');
	toggleOff('countyTB');
}

{/literal}
// -->
</script>

<form method="post" action="{getFormAction controller="clients"}" id="addClientContactForm">
<input type="hidden" name="act" value="{getActionID action="AddClientContactResponse"}" />
<input type="hidden" name="clientID" value="{$formValues.clientID}" />
<input type="hidden" name="contactPrimary" value="0" />
<input type="hidden" name="sid" value="{$sid}" />

<fieldset>
<legend>{"TRANS_CONTACT_DETAILS"|lmsg}</legend>

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="list">

{********* TRANS_CONTACT_DETAILS *********}
<tr {if $invalid.contactActive}class="highlight"{/if}>
	<td class="title"><label for="clientActive">{"TRANS_CONTACT_IS_ACTIVE"|lmsg}</label>:</td>
	<td>
		<input type="radio" name="contactActive" value="1" {if $formValues.contactActive=="1"}checked="checked"{/if} />
		{"TRANS_YES"|lmsg}
		&nbsp;
		<input type="radio" name="contactActive" value="0" {if $formValues.contactActive!="1"}checked="checked"{/if} />
		{"TRANS_NO"|lmsg}
	</td>
</tr>

{********* TRANS_CONTACT_INFORMATION *********}
<tr>
	<td colspan="2" class="headerRow">{"TRANS_CONTACT_INFORMATION"|lmsg}</td>
</tr>
<tr {if $invalid.contactCompany}class="highlight"{/if}>
	<td class="title"><label for="contactCompany">{"TRANS_COMPANY"|lmsg}</label>:</td>
	<td><input size="100" maxlength="100" type="text" style="width:200px;" id="contactCompany" name="contactCompany" value="{$formValues.contactCompany|safetyhtml}" /> {$invalid.contactCompany}</td>
</tr>
<tr {if $invalid.contactFirstName}class="highlight"{/if}>
	<td class="title"><label for="contactFirstName">{"TRANS_FIRST_NAME"|lmsg}</label><span class="required">*</span>:</td>
	<td><input size="50" maxlength="50" type="text" style="width:200px;" id="contactFirstName" name="contactFirstName" value="{$formValues.contactFirstName|safetyhtml}" /> {$invalid.contactFirstName}</td>
</tr>
<tr {if $invalid.contactLastName}class="highlight"{/if}>
	<td class="title"><label for="contactLastName">{"TRANS_LAST_NAME"|lmsg}</label><span class="required">*</span>:</td>
	<td><input size="50" maxlength="50" type="text" style="width:200px;" id="contactLastName" name="contactLastName" value="{$formValues.contactLastName|safetyhtml}" /> {$invalid.contactLastName}</td>
</tr>
<tr {if $invalid.contactEmail}class="highlight"{/if}>
	<td class="title"><label for="contactEmail">{"TRANS_CLIENT_CONTACT_EMAIL_USERNAME_OPTION"|lmsg}</label><span class="required">*</span>:</td>
	<td>
		<input size="100" maxlength="100" type="text" style="width:200px;" id="contactEmail" name="contactEmail" value="{$formValues.contactEmail|safetyhtml}" /> {$invalid.contactEmail}
		<div class="hint">{"TRANS_CLIENT_CONTACT_EMAIL_USERNAME_DECS"|lmsg}</div>
	</td>
</tr>
<tr {if $invalid.contactPassword}class="highlight"{/if}>
	<td class="title"><label for="contactPassword">{"TRANS_NEW_PASSWORD"|lmsg}</label><span class="required">*</span>:</td>
	<td>
		<input autocomplete="no" size="32" maxlength="32" type="password" style="width:200px;" id="contactPassword" name="contactPassword" value="" /> {$invalid.contactPassword}
	</td>
</tr>
<tr {if $invalid.contactPasswordConfirm}class="highlight"{/if}>
	<td class="title"><label for="contactPasswordConfirm">{"TRANS_CONFIRM_PASSWORD"|lmsg}</label><span class="required">*</span>:</td>
	<td><input autocomplete="no" size="32" maxlength="32" type="password" style="width:200px;" id="contactPasswordConfirm" name="contactPasswordConfirm" value="" /> {$invalid.contactPasswordConfirm}</td>
</tr>
<tr {if $invalid.contactAddress1}class="highlight"{/if}>
	<td class="title"><label for="contactAddress1">{"TRANS_ADDRESS"|lmsg}</label><span class="required">*</span>:</td>
	<td><input size="100" maxlength="100" type="text" style="width:200px;" id="contactAddress1" name="contactAddress1" value="{$formValues.contactAddress1|safetyhtml}" /> {$invalid.contactAddress1}</td>
</tr>
<tr {if $invalid.contactAddress2}class="highlight"{/if}>
	<td class="title"><label for="contactAddress2">{$smarty.const.TRANS_ADDRESS2}</label>:</td>
	<td><input size="100" maxlength="100" type="text" style="width:200px;" id="contactAddress2" name="contactAddress2" value="{$formValues.contactAddress2|safetyhtml}" /> {$invalid.contactAddress2}</td>
</tr>
<tr {if $invalid.contactCity}class="highlight"{/if}>
	<td class="title"><label for="contactCity">{"TRANS_CITY"|lmsg}</label><span class="required">*</span>:</td>
	<td><input size="100" maxlength="100" type="text" style="width:200px;" id="contactCity" name="contactCity" value="{$formValues.contactCity|safetyhtml}" /> {$invalid.contactCity}</td>
</tr>
<tr {if $invalid.contactState}class="highlight"{/if}>
	<td class="title"><label for="contactState">{"TRANS_STATE_OR_REGION"|lmsg}</label><span class="required">*</span>:</td>
	<td><input size="25" maxlength="100" type="text" style="width:200px;" id="contactState" name="contactState" value="{$formValues.contactState|safetyhtml}" onchange="updateCountyList();" /> {$invalid.contactState}</td>
</tr>
<tbody id="countyTB" {if $formValues.contactCounty}on{else}off{/if}">
<tr {if $invalid.contactState}class="highlight"{/if}>
	<td class="title"><label for="contactCounty">{"TRANS_COUNTY"|lmsg}</label>:</td>
	<td><select id="contactCounty" name="contactCounty">
		<option value="{$formValues.contactCounty}">{$formValues.contactCounty}</option>
	</select></td>
</tr>
</tbody>
<tr {if $invalid.contactZip}class="highlight"{/if}>
	<td class="title"><label for="contactZip">{"TRANS_ZIP_OR_POSTALCODE"|lmsg}</label><span class="required">*</span>:</td>
	<td><input size="25" maxlength="100" type="text" style="width:200px;" id="contactZip" name="contactZip" value="{$formValues.contactZip|safetyhtml}" /> {$invalid.contactZip}</td>
</tr>
<tr {if $invalid.countriesID}class="highlight"{/if}>
	<td class="title"><label for="countriesID">{"TRANS_COUNTRY"|lmsg}</label><span class="required">*</span>:</td>
	<td><select style="width:200px;" id="countriesID" id="countriesID" name="countriesID"> {html_options options=$countryList selected=$formValues.countriesID} </select> {$invalid.countriesID}</td>
</tr>
<tr {if $invalid.languageID}class="highlight"{/if}>
	<td class="title"><label for="languageID">{"TRANS_LANGUAGE"|lmsg}</label><span class="required">*</span>:</td>
	<td><select style="width:200px;" id="languageID" id="languageID" name="languageID"> {html_options options=$languageList selected=$formValues.languageID} </select> {$invalid.languageID}</td>
</tr>
<tr {if $invalid.contactPhone1}class="highlight"{/if}>
	<td class="title"><label for="contactPhone1">{"TRANS_PRIMARY_PHONE"|lmsg}</label><span class="required">*</span>:</td>
	<td><input size="25" maxlength="25" type="text" style="width:200px;" id="contactPhone1" name="contactPhone1" value="{$formValues.contactPhone1|safetyhtml}" /> {$invalid.contactPhone1}</td>
</tr>
<tr {if $invalid.contactPhone2}class="highlight"{/if}>
	<td class="title"><label for="contactPhone2">{"TRANS_SECONDARY_PHONE"|lmsg}</label>:</td>
	<td><input size="25" maxlength="25" type="text" style="width:200px;" id="contactPhone2" name="contactPhone2" value="{$formValues.contactPhone2|safetyhtml}" /> {$invalid.contactPhone2}</td>
</tr>
<tr {if $invalid.contactFax}class="highlight"{/if}>
	<td class="title"><label for="contactFax">{"TRANS_FAX"|lmsg}</label>:</td>
	<td><input size="25" maxlength="25" type="text" style="width:200px;" id="contactFax" name="contactFax" value="{$formValues.contactFax|safetyhtml}" /> {$invalid.contactFax}</td>
</tr>

<tr {if $invalid.contactMobilePhone}class="highlight"{/if}>
	<td class="title"><label for="contactMobilePhone">{"TRANS_MOBILE_PHONE"|lmsg}</label>:</td>
	<td><input size="25" maxlength="25" type="text" style="width:200px;" id="contactMobilePhone" name="contactMobilePhone" value="{$formValues.contactMobilePhone|safetyhtml}" /> {$invalid.contactMobilePhone}</td>
</tr>

{if $contactExternalFields}
	{include
		file="$tplDirectory/widgets/forms/autoEditForm.tpl"
		inTable="yes"
		inForm="yes"
		fields=$contactExternalFields.fields}
{/if}

{********* TRANS_EMAIL_PREFERENCES *********}
<tr>
	<td colspan="2" class="headerRow">{"TRANS_EMAIL_PREFERENCES"|lmsg}</td>
</tr>
<tr {if $invalid.contactEmailFormat}class="highlight"{/if}>
	<td class="title"><label for="contactEmailFormat">{"TRANS_EMAIL_FORMAT"|lmsg}</label>:</td>
	<td>
		<input type="radio" name="contactEmailFormat" value="1" {if $formValues.contactEmailFormat=="1"}checked="checked"{/if} />
		{"TRANS_HTML"|lmsg}
		&nbsp;
		<input type="radio" name="contactEmailFormat" value="0" {if $formValues.contactEmailFormat!="1"}checked="checked"{/if} />
		{"TRANS_PLAIN_TEXT"|lmsg}
	</td>
</tr>
<tr>
	<td class="title"><label for="emailActions">{"TRANS_EMAIL_ACTIONS"|lmsg}</label>:</td>
	<td>
		<input name="checkbox_contactUseSpecifiedEmailRulesOnly" type="checkbox" value="1" {if $formValues.contactUseSpecifiedEmailRulesOnly}checked{/if} onclick="onclickUseSpecifiedEmailsOnly(this);">
		<div class="hint">{"TRANS_EMAIL_ACTIONS_DESC"|lmsg}</div><br/
		<input id="contactUseSpecifiedEmailRulesOnly" name="contactUseSpecifiedEmailRulesOnly" type="hidden" value="{if $formValues.contactUseSpecifiedEmailRulesOnly}1{else}0{/if}">
		<script language="javascript">
			{literal}
			function onclickUseSpecifiedEmailsOnly(el) {
				var hidden_contactUseSpecifiedEmailRulesOnly = document.getElementById('contactUseSpecifiedEmailRulesOnly');
				var checks = document.getElementsByName('emailActionIDs[]');
				var toggle_actions = document.getElementById('toggleEmailActions');
				for (var i = 0; i < checks.length; i++) {
					checks[i].disabled = ! el.checked;
					if (! el.checked) {
						checks[i].checked = true;
					}
				}
				if (el.checked) {
					toggle_actions.style.display = '';
					hidden_contactUseSpecifiedEmailRulesOnly.value = 1;
				} else {
					toggle_actions.style.display = 'none';
					hidden_contactUseSpecifiedEmailRulesOnly.value = 0;
				}
			}
			{/literal}
		</script>
		{if ! $formValues.contactUseSpecifiedEmailRulesOnly}
			{assign var=displayToogleEmailActions value="none"}
		{else}
			{assign var=displayToogleEmailActions value=""}
		{/if}
		<a id="toggleEmailActions" style="display:{$displayToogleEmailActions};" href="javascript:XKtoggleFormCheckboxes($('addClientContactForm'), 'emailActionIDs');">[{"TRANS_TOGGLE"|lmsg}]</a><br />
		{if ! $formValues.contactUseSpecifiedEmailRulesOnly}
			{php}
				$emailActions = $this->get_template_vars('emailActions');
				$this->assign('emailActionIDs', array_keys($emailActions));
			{/php}
			{foreach key=emailActionID item=emailActionTitle from=$emailActions}
				<input name="emailActionIDs[]" type="checkbox" value="{$emailActionID}" checked disabled>&nbsp;{$emailActionTitle}<br/>
			{/foreach}
		{else}
			{html_checkboxes name="emailActionIDs" options=$emailActions selected=$selectedEmailActionIDs separator="<br />"}
		{/if}
	</td>
</tr>

<tr class="listButtons">
	<td colspan="2"><div>
		<input class="submit" type="submit" id="sub" value="{"TRANS_SAVE"|lmsg}" />
		&nbsp;
		<input class="reset" type="reset" value="{"TRANS_RESET"|lmsg}" />
	</div></td>
</tr>

</table>

</fieldset>

</form>

<br />

{include file="$tplDirectory/footer.tpl"}