{config_load file=$language_path section="general"}
<style type="text/css">
    {literal}
    .ca_block {
	display: block;
    }
    .ca_block .ca_block_item{
	display: block;
	padding: 4px;
    }
    .ca_block .ca_block_item .ca_block_item_title{
	float: left;
	font-weight: bold;
	width: 250px;
    }
    .ca_block .ca_block_item .ca_block_item_value{
	font-weight: normal;
    }
    {/literal}
</style>

{yes_admin_page_menu main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS additional_title=$ADDITIONAL_HEADING_TITLE}
<p>{$RIGHT_CONTENT}</p>

<script type="text/javascript">
    var UPLOAD_DELETE_LINK = '{$UPLOAD_DELETE_LINK}';
    var REALLY_DELETE_FILE = '{$REALLY_DELETE_FILE}';
    var EMAIL_ALIASES_ADD_LINK = '{$EMAIL_ALIASES_ADD_LINK}';
    var EMAIL_ALIASES_REMOVE_LINK = '{$EMAIL_ALIASES_REMOVE_LINK}';
    var text_delete = '{#delete#}';
    var js_confirm_delete_items = '{#js_confirm_delete_items#}';
    {literal}
    function userfiledelete(file){
	yes = confirm(REALLY_DELETE_FILE+file);
	if(yes){
	    window.location.href = UPLOAD_DELETE_LINK+'&file='+file;
	}
    }
    $().ready(function(){
	$('input.add_email_alias').click(function(){
	    if($('input[name="new_email_alias"]').val().length === 0){
		return false;
	    }
	    var allocate_url = EMAIL_ALIASES_ADD_LINK+'&email_address='+encodeURIComponent($('input[name="new_email_alias"]').val());
	    if($('input[name="allocate_existing_emails"]').is(':checked')){
		allocate_url += "&allocate_existing_emails=1";
	    }
	    $.ajax({
		url: allocate_url,
		dataType: 'json',
		success: function(json){
		    if(json.MSG != ''){
			alert(json.MSG);
		    }else{
			$('.email_aliases').append(
				'<div class="email_alias">'+$('input[name="new_email_alias"]').val()+'</div>'
			);
			$('input[name="new_email_alias"]').val('');
			$('input[name="allocate_existing_emails"]').prop('checked',false);
			add_email_alias_actions();
		    }
		}
	    });
	});
	add_email_alias_actions();
    });
    function add_email_alias_actions(){
	$('.email_aliases .email_alias').each(function(){
	    $(this).css({
		'cursor': 'pointer',
		'text-decoration': 'underline',
		'margin': '3px'
	    }).attr('title',text_delete);
	    $(this).unbind('click');
	    $(this).bind('click',function(){
		yes = confirm(js_confirm_delete_items);
		var _curitem = $(this);
		if(yes){
		    $.ajax({
			url: EMAIL_ALIASES_REMOVE_LINK+'&email_address='+$(this).text(),
			dataType: 'json',
			success: function(json){
			    if(json.MSG != ''){
				alert(json.MSG);
			    }else{
				$(_curitem).remove();
			    }
			}
		    });
		}
	    });
	});
    }
    {/literal}
</script>
{$CUSTOMERS_FORM}
<br />
<div class="ui-widget-header">{$CATEGORY_PERSONAL}</div>
<div class="ui-widget-content">
    {if $ACCOUNT_GENDER == 'true'}
    <div class="ca_block">
	    <div class="ca_block_item">
		    <div class="ca_block_item_title">{$ENTRY_GENDER}</div>
		    <div class="ca_block_item_value">{$INPUT_GENDER}</div>
	    </div>
    </div>
    {/if}
    <div class="ca_block">
	    <div class="ca_block_item">
		    <div class="ca_block_item_title">{$ENTRY_CID}</div>
		    <div class="ca_block_item_value">{$INPUT_CID}</div>
	    </div>
    </div>
    <div class="ca_block">
	    <div class="ca_block_item">
		    <div class="ca_block_item_title">{$ENTRY_FIRST_NAME}</div>
		    <div class="ca_block_item_value">{$INPUT_FIRST_NAME}</div>
	    </div>
    </div>
    <div class="ca_block">
	    <div class="ca_block_item">
		    <div class="ca_block_item_title">{$ENTRY_LAST_NAME}</div>
		    <div class="ca_block_item_value">{$INPUT_LAST_NAME}</div>
	    </div>
    </div>
    {if $ACCOUNT_DOB == 'true'}
    <div class="ca_block">
	    <div class="ca_block_item">
		    <div class="ca_block_item_title">{$ENTRY_DATE_OF_BIRTH}</div>
		    <div class="ca_block_item_value">{$INPUT_DOB}</div>
	    </div>
    </div>
    {/if}
    <div class="ca_block">
	    <div class="ca_block_item">
		    <div class="ca_block_item_title">{$ENTRY_EMAIL_ADDRESS}</div>
		    <div class="ca_block_item_value">{$INPUT_EMAIL_ADDRESS}</div>
	    </div>
    </div>
    <div class="ca_block">
	    <div class="ca_block_item">
		    <div class="ca_block_item_title">{$ENTRY_VAT_ID}</div>
		    <div class="ca_block_item_value">{$INPUT_VAT_ID}</div>
	    </div>
    </div>
    <div class="ca_block">
	    <div class="ca_block_item">
		    <div class="ca_block_item_title">{$CUSTOMERS_EBAY_USERID}</div>
		    <div class="ca_block_item_value">{$INPUT_CUSTOMERS_EBAY_USERID}</div>
	    </div>
    </div>
</div>
<div class="ui-widget-header">{$CATEGORY_CONTACT}</div>
<div class="ui-widget-content">
    <div class="ca_block">
	    <div class="ca_block_item">
		    <div class="ca_block_item_title">{$ENTRY_TELEPHONE_NUMBER}</div>
		    <div class="ca_block_item_value">{$INPUT_TELEPHONE_NUMBER}</div>
	    </div>
	    <div class="ca_block_item">
		    <div class="ca_block_item_title">{$ENTRY_MOBILE}</div>
		    <div class="ca_block_item_value">{$INPUT_MOBILE}</div>
	    </div>
	    <div class="ca_block_item">
		    <div class="ca_block_item_title">{$ENTRY_FAX_NUMBER}</div>
		    <div class="ca_block_item_value">{$INPUT_FAX_NUMBER}</div>
	    </div>
    </div>
</div>
<div class="ui-widget-header">{$TEXT_BANKDATA}</div>
<div class="ui-widget-content">
    <div class="ca_block">
	    <div class="ca_block_item">
		<div class="ca_block_item_title">{#kto_nummer#}</div>
		<div class="ca_block_item_value">{$INPUT_KTO_NUMMER}</div>
	    </div>
    </div>
    <div class="ca_block">
	    <div class="ca_block_item">
		<div class="ca_block_item_title">{#kto_blz#}</div>
		<div class="ca_block_item_value">{$INPUT_KTO_BLZ}</div>
	    </div>
    </div>
    <div class="ca_block">
	    <div class="ca_block_item">
		<div class="ca_block_item_title">{#kto_bank#}</div>
		<div class="ca_block_item_value">{$INPUT_KTO_BANK}</div>
	    </div>
    </div>
    <div class="ca_block">
	    <div class="ca_block_item">
		<div class="ca_block_item_title">{#kto_inhaber#}</div>
		<div class="ca_block_item_value">{$INPUT_KTO_INHABER}</div>
	    </div>
    </div>
    <div class="ca_block">
	    <div class="ca_block_item">
		<div class="ca_block_item_title">{#kto_iban#}</div>
		<div class="ca_block_item_value">{$INPUT_KTO_IBAN}</div>
	    </div>
    </div>
    <div class="ca_block">
	    <div class="ca_block_item">
		<div class="ca_block_item_title">{#kto_swift#}</div>
		<div class="ca_block_item_value">{$INPUT_KTO_SWIFT}</div>
	    </div>
    </div>
</div>
<div class="ui-widget-header">{$CATEGORY_OPTIONS}</div>
<div class="ui-widget-content">
    <div class="ca_block">
	    <div class="ca_block_item{if $BLOCK_WARNING == 1} ui-state-error{/if}">
		<div class="ca_block_item_title">{$TEXT_WARNINGMODE}</div>
		<div class="ca_block_item_value">{$INPUT_WARNING1}{$INPUT_WARNING2}
				{if $INPUT_BLOCK_DAYSPAN}{$INPUT_BLOCK_DAYSPAN}{/if}
				{if $TEXT_BLOCK_DAYSPAN}{$TEXT_BLOCK_DAYSPAN}{/if}</div>
	    </div>
    </div>
    <div class="ca_block">
	    <div class="ca_block_item">
		<div class="ca_block_item_title">{$ENTRY_NEWSLETTER}</div>
		<div class="ca_block_item_value">{$INPUT_NEWSLETTER}</div>
	    </div>
    </div>
</div>
<br />
<input type="submit" value="{#save#}" class="ui-state-default" />
<input type="button" onclick="window.location.href='{$FORM_CANCEL_LINK}';" value="{#cancel#}" class="ui-state-error" />
<br />
{$FORM_END}
<hr noshade="noshade" /><br /><br />
<div style="display: grid;grid-template-columns: 1fr 1fr;gap: 20px 20px;">
	<div class="ui-widget">
		{$FORM_PASSWORD}
		<div class="ui-widget-header">
		<b>{$TEXT_NEW_PASSWORD}</b>
		</div>
		<div class="ui-widget-content" style="padding:4px;">
		<p>{$TEXT_NEW_PASSWORD_INTRO}</p>
		<b>{$ENTRY_NEW_PASSWORD}</b><br />
		{$INPUT_NEW_PASSWORD}<br />
		{$ENTRY_CONFIRM_PASSWORD}</b><br />
		{$INPUT_CONFIRM_PASSWORD}<br />
		{$FORM_PASSWORD_SUBMIT}
		</div>
		{$FORM_END}
	</div>	    
	<div class="ui-widget">
		{$FORM_UPLOAD}
		<div class="ui-widget-header">
		<b>{$TEXT_CUSTOMERS_FILES}</b>
		</div>
		<div class="ui-widget-content" style="padding:4px;">
		<i>{$FILETYPES}</i><br />
		<input type="file" name="customer_file" />
		<input type="submit" value="{$TEXT_UPLOAD}" class="ui-button ui-corner-all ui-state-default" />
		<br />
		<table border="0" class="formArea">
		{foreach from=$UPLOADED_FILES item=uf}
			<tr>
			<td class="main" valign="top">
				<a href="javascript:userfiledelete('{$uf.name}');"><img src="images/minus.gif" title="{#delete#}" border="0" /></a> 
			</td><td class="main" valign="top">
				<img src="{if $uf.image}{$UPLOAD_FILE_PATH}/{$uf.name}{else}images/pixel_trans.gif{/if}" style="max-width:60px;max-height:60px;" align="middle" />
			</td><td class="main" valign="top">
				<a style="font-size: 14px;" href="{$UPLOAD_FILE_PATH}/{$uf.name}" target="_blank">{$uf.name}</a> 
			</td><td class="main" valign="top">
				{$uf.size}
			</td>
			</tr>
		{/foreach}
		</table>
		</div>
		</form>
	</div>
	<div class="ui-widget">
		<div class="ui-widget-header">
		<b>{$TEXT_EMAIL_ALIASES}</b>
		</div>
		<div class="ui-widget-content email_aliases" style="padding:4px;">
		{foreach from=$EMAIL_ALIASES item=email_alias}
		<div class="email_alias">{$email_alias}</div>
		{/foreach}
		</div>
		<p>{$TEXT_ADD_EMAIL_ALIAS}</p>
		<div class="ui-widget-content" style="padding: 3px;">
		<input type="checkbox" name="allocate_existing_emails" value="1" /> {$TEXT_ALLOCATE_EXISTING_EMAILS}
		</div>
		{#email_address#}<input type="text" size="32" maxlength="128" value="" name="new_email_alias" />
		<input type="button" class="ui-button ui-corner-all ui-state-default add_email_alias" value="{#add#}" />
	</div>
</div>
<br clear="all" />