{php}$GLOBALS['__pagePath'] = array('TRANS_MANAGE_CLIENTS', 'TRANS_CONTACTS', 'TRANS_EDIT_CONTACT_INFO');{/php}
{include
	file="$tplDirectory/header.tpl"
	parentName="TRANS_MANAGE_CLIENTS"
	childName="TRANS_CONTACTS"
	grandchildName="TRANS_EDIT_CONTACT_INFO"
	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}

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

<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 name="editClientContact" id="editClientContactForm" method="post" action="{getFormAction controller="clients"}">
<input type="hidden" name="act" value="{getActionID action="EditClientContactResponse"}">
<input type="hidden" name="clientContactID" value="{$formValues.clientContactID}">
<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 *********}
{if $smarty.request.fd == 1}
	<tr class="highlight">
		<td colspan="2">{"TRANS_REFUSE_DELETE_PRIMARY_CONTACT"|lmsg}</td>
	</tr>
{/if}
<tr>
	<td class="title"><label for="clientContactID">{"TRANS_CLIENT_CONTACTID"|lmsg}</label>:</td>
	<td>{$formValues.clientContactID}</td>
</tr>
<tr {if $invalid.contactPrimary}class="highlight"{/if}>
	<td class="title"><label for="contactPrimary">{"TRANS_CONTACT_IS_PRIMARY"|lmsg}</label>:</td>
	<td>
		{if $formValues.contactPrimary}
			{"TRANS_YES"|lmsg}
		{else}
			{"TRANS_NO"|lmsg}
		{/if}

	</td>
</tr>
<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>
{if $formValues.contactPrimary || $displayUsername}
	<tr {if $invalid.contactEmail}class="highlight"{/if}>
		<td class="title"><label for="contactEmail">{"TRANS_EMAIL"|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}</td>
	</tr>
{else}
	<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>
{/if}
{if $displayUsername }
	<tr {if $invalid.contactUsername || $highlightContactUsername}class="highlight"{/if}>
		<td class="title"><label for="contactUsername">{"TRANS_USERNAME"|lmsg}</label><span class="required">*</span>:</td>
		<td><input autocomplete="no" size="20" maxlength="20" type="text" style="width:200px;" id="contactUsername" name="contactUsername" value="{$formValues.contactUsername|safetyhtml}" /> {$invalid.contactUsername}</td>
	</tr>
{/if}
<tr {if $invalid.contactPassword}class="highlight"{/if}>
	<td class="title"><label for="contactPassword">{"TRANS_NEW_PASSWORD"|lmsg}</label>:</td>
	<td>
		<input size="32" autocomplete="no" maxlength="32" type="password" style="width:200px;" id="contactPassword" name="contactPassword" value="" /> {$invalid.contactPassword}
		{if $formValues.contactActive}
			<strong>
			<a href="{getHREF page="clients.php" actionName="ResetContactPassword" args="clientContactID=`$formValues.clientContactID`"}">
				{"TRANS_GENERATE_AND_RESEND_PASSWORD"|lmsg}
			</a>
			</strong>
		{/if}
	</td>
</tr>
<tr {if $invalid.contactPasswordConfirm}class="highlight"{/if}>
	<td class="title"><label for="contactPasswordConfirm">{"TRANS_CONFIRM_PASSWORD"|lmsg}</label>:</td>
	<td><input size="32" autocomplete="no" 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>:</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>:</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_SECRET_QUESTIONS **********
<script language="javascript" type="text/javascript">
//<[[CDATA][
{literal}
function XKinArray( needle, haystack ) {
        try {
                for( i=0, n=haystack.length; i<n; i++ ) {
                        if (haystack[ i ]==needle) {
                                return true;
                        }
                }

        } catch (e) {
                // do nothing
        }
        return false;
}

function XKthereCanBeOnlyOne() {
	var trail = new Array(3);
	var theDiv;
	try {
		for( var i=0; i<=3; i++ ) {
			theDiv = eval("document.editClientContact.secretQuestion_"+i );
			if (theDiv) {
				var val = theDiv.options[ theDiv.selectedIndex ].value;
				if (!val || val==0)	continue;

				if (XKinArray( val, trail)) {

					return false;
				}

				trail[ i ] = val;
			}
		}
	} catch (e) {
		alert(e.lineNumber+' '+e.name+' '+e.type+' '+e.message);
		// do nothing
	}

	return true;
}
{/literal}
//]]>
</script>
<tr>
	<td colspan="2" class="headerRow">{"TRANS_SECRET_QUESTIONS"|lmsg}</td>
</tr>
{section name=foo loop=3 start=0}
	<tr>
		<td class="title">
			{assign var=index value=$smarty.section.foo.index}
			<select name="secretQuestion[]">
			{if $contactAnswers.$index}
				{html_options options=$secretQuestions selected=$contactAnswers.$index.questionType}
			{else}
				{html_options options=$secretQuestions}
			{/if}
			</select>
		</td>
		<td>
			<input type="text" name="secretAnswer[]" value="{if $contactAnswers.$index}{$contactAnswers.$index.secretAnswer}{/if}" />
		</td>
	</tr>
{/section}
{**}
{********* 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 $contact.contactUseSpecifiedEmailRulesOnly}checked{/if} onclick="onclickUseSpecifiedEmailsOnly(this);">
		<input id="contactUseSpecifiedEmailRulesOnly" name="contactUseSpecifiedEmailRulesOnly" type="hidden" value="{if $contact.contactUseSpecifiedEmailRulesOnly}1{/if}">
		<div class="hint">{"TRANS_EMAIL_ACTIONS_DESC"|lmsg}</div>
		<br/>
		<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 ! $contact.contactUseSpecifiedEmailRulesOnly}
			{assign var=displayToogleEmailActions value="none"}
		{else}
			{assign var=displayToogleEmailActions value=""}
		{/if}
		<a id="toggleEmailActions" style="display:{$displayToogleEmailActions};" href="javascript:XKtoggleFormCheckboxes($('editClientContactForm'), 'emailActionIDs');">[{"TRANS_TOGGLE"|lmsg}]</a><br />
		{if ! $contact.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" name="submit" value="{"TRANS_SAVE"|lmsg}" />
		&nbsp;
		<input class="reset" type="reset" value="{"TRANS_RESET"|lmsg}" />
	</div></td>
</tr>

</table>

</fieldset> {* box07 *}

</form>

<br />

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