{if !isset($post) || !$post}
{include file="header.html"}
{include file="data/form_includes.html" fields_array=$user_fields user_fields=[]}

<div class="wait"></div>

<script type="text/javascript" src="{$live_site}/libs/jQuery/plugins/jquery.form.js"></script>
<script type="text/javascript" src="{$live_site}/libs/nicEdit/nicEdit.min.js"></script>
<script type="text/javascript" src="{$live_site}/libs/jQuery/plugins/jquery.number.min.js"></script>

<link rel="stylesheet" href="{$live_site}/libs/jQuery/plugins/intlTelInput/intlTelInput.css">
<script src="{$live_site}/libs/jQuery/plugins/intlTelInput/intlTelInput.min.js"></script>


<div class="main1 box">
<div class="page_title heading"><h1>{$lng.useraccount.modify_account_info}</h1></div>

<div class="form_container pt30">

<div class="info ma20" id="account_info" style="display: none;"></div>

<form name="account_form" id="account_form" method="post" action="account_info.php?action=account_info" enctype="multipart/form-data">

{if isset($tmp.affiliate) && $tmp.affiliate}
<div class="clearfix">
	<div class="left_form">{$lng.users.affiliate_id}</div>
	<div class="right_form">
	{$tmp.affiliate_id}
	</div>{* end right_form *}
</div>{* end clearfix *}


<div class="clearfix">
	<div class="left_form">{$lng.users.affiliate_link}</div>
	<div class="right_form">
	<input name="affiliate_link" size="50" type="text" readonly="readonly" value="{$tmp.affiliate_link}" onClick="javascript:this.form.affiliate_link.focus();this.form.affiliate_link.select();" />
	</div>{* end right_form *}
</div>{* end clearfix *}


<div class="clearfix">
	<div class="left_form"><img src="{$template_path}images/info.png"  class="tooltip" title="{$lng.users.info.affiliate_paypal_email}" />{$v.name}<span class="mandatory"> *</span>{$lng.users.affiliate_paypal_email}</div>
	<div class="right_form">
	<input type="text" size="30" name="affiliate_paypal_email" id="affiliate_paypal_email"  value="{$tmp.affiliate_paypal_email}" />
	</div>{* end right_form *}
</div>{* end clearfix *}


{/if}

{include file="custom_fields_form.html" fields_array=$user_fields user_fields=[] edit=1 type="user"}

{if $tmp.store>0}
<div class="clearfix">
	<div class="left_form"><img src="{$template_path}images/info.png"  class="tooltip" title="{$lng.users.info.store_banner}" /><span class="mandatory"> *</span>{$lng.users.store_banner}</div>
	<div class="right_form">
	<input type="file" name="store_banner" id="store_banner" />

	{if $tmp.store_banner}<a href="{$live_site}/images/store/{$tmp.store_banner}" class="imgfield"><img src="{$template_path}images/camera.png" class="mbm7" alt=""/></a>
	<a href="{$live_site}/account_info.php?delete=store_banner"><img src="{$template_path}images/delete_file.png" class="mbm7 tooltip" title="{$lng.general.delete}"  /></a>
	{/if}

	</div>{* end right_form *}
</div>{* end clearfix *}

{/if}

<div class="clearfix"></div>

<div class="form_footer">
<div class="buttons rfloat">
<input type="submit" class="button positive" name="Submit" value="{$lng.general.save}" />
</div>
<div class="clearfix"></div>
</div>

</form>


<div class="form_subtitle_bg mt40"><div class="btn5 mt7"><a name="user_pass"></a>{$lng.useraccount.change_password|replace:" ":"&nbsp;"}</div></div>


<div class="info ma20" id="pass_info" style="display: none;"></div>

<form name="pass_form" id="pass_form" method="post" action="account_info.php?action=save_pass">

<div class="clearfix">
	<div class="left_form">{$lng.useraccount.password}<span class="mandatory"> *</span></div>
	<div class="right_form">
	<input type="password" name="password" id="password" size="35" />
	</div>{* end right_form *}
</div>{* end clearfix *}

<div class="clearfix">
	<div class="left_form">{$lng.useraccount.repeat_password}<span class="mandatory"> *</span></div>
	<div class="right_form">
	<input type="password" name="password1" id="password1" size="35" />
	</div>{* end right_form *}
</div>{* end clearfix *}

<div class="form_footer">
<div class="buttons rfloat">
<input type="submit" class="button positive" name="Submit_password" value="{$lng.general.save}" />
</div>
<div class="clearfix"></div>
</div>


</form>

{if $settings.users_can_ask_account_removal}


<div class="form_subtitle_bg mt40"><div class="btn5 mt7"><a name="acc_removal"></a>{$lng.useraccount.request_removal|replace:" ":"&nbsp;"}</div></div>


{if isset($info_acc_removal)}<p>{$info_acc_removal}</p>{/if}

<div class="info ma20" id="removal_info" style="display: none;"></div>

<form name="acc_removal_form" id="acc_removal_form" method="post" action="account_info.php?action=request_removal">

<div class="center pb20"><div class="buttons">
	<input type="submit" class="button positive" name="Request_removal" value="{$lng.useraccount.request_removal_now}" />
</div></div>

<div class="clearfix"></div>

</form>
</div> {* end form_container *}
{/if}


</div> {* end main1 *}


{literal}
<script type="text/javascript">
//<![CDATA[

$(document).ready(function() {


$('.tooltip').powerTip({
	placement: 'n'
});

var options = { 
       // target:        '#output1',   // target element(s) to be updated with server response 
	beforeSerialize: beforeSerialize,
        beforeSubmit:  beforeSubmit,  // pre-submit callback 
        success:       successResponse  // post-submit callback 
 
    }; 

function beforeSerialize(jqForm, options) {

	$("body").addClass("loading"); 

	if (typeof data_htmlarea !== 'undefined')
	for(var i=0;i<data_htmlarea.nicInstances.length;i++){ data_htmlarea.nicInstances[i].saveContent(); }

	// international phones errors
	var extra_phone_error = recheckIntlPhone();
	if(extra_phone_error.length>0) {

		// clean all fields possible err class
		$(".err").removeClass("err");
		// remove all err_labels
		$(".err_label").remove();
			
		for (var i = 0, len = extra_phone_error.length; i < len; i++) {

			$("#"+extra_phone_error[i]).addClass("err");
			// add as child to first right_form
			$("#"+extra_phone_error[i]).closest( ".right_form").prepend('<label class="err_label">{/literal}{$lng.listings.errors.invalid_phone}{literal}</label>');
			
		}

		$("body").removeClass("loading"); 

		// move the page to the first err_label element
		$('html,body').animate({scrollTop:$(".err:first").offset().top-60}, 'slow');

		return false;
			
	} // end international phone error

}

// pre-submit callback 
function beforeSubmit(formData, jqForm, options) { 

    // formData is an array; here we use $.param to convert it to a string to display it 
    // but the form plugin does this for you automatically when it submits the data 
    var queryString = $.param(formData); 
    return true; 

} 

// post-submit callback 
function successResponse(responseText, statusText, xhr, $form)  { 

	var ret = JSON.parse(responseText);
	
	if(ret.response==1) {

		// clean all fields possible err class
		$(".err").removeClass("err");
		// remove all err_labels
		$(".err_label").remove();

		// show info message and hide form
		$(".info").slideUp();
		$("#account_info").html("<p>"+ret.info+"</p>");
		$("#account_info").slideDown();

		// move the page to the info label
		$('html,body').animate({scrollTop:$("#account_info").offset().top}, 'slow');

		$("body").removeClass("loading"); 

		return;

	}

	// response = 0 -> there are errors in submit ad process 
	var no_err = ret.error.length;
	var err_field, err_string;

	// clean all fields possible err class
	$(".err").removeClass("err");

	// remove all err_labels
	$(".err_label").remove();

	// mark each field with error 
	for (var idx=0;idx<no_err;idx++) { 

		err_field = ret.error[idx].field;
		err_string = ret.error[idx].error;

		$("#"+err_field).addClass("err");
		// add as child to first right_form
		$("#"+err_field).closest( ".right_form").prepend('<label class="err_label">'+err_string+'</label>');

	}
			
	// move the page to the first err_label element
	$('html,body').animate({scrollTop:$(".err:first").offset().top-60}, 'slow');

	$("body").removeClass("loading"); 

} 

var options_pass = { 
       // target:        '#output1',   // target element(s) to be updated with server response 
	beforeSerialize: function(jqForm, options) { $("body").addClass("loading"); },
        beforeSubmit:  function(formData, jqForm, options) { var queryString = $.param(formData); return true;  },
        success:       successResponse_pass  // post-submit callback 
 
    }; 


// post-submit callback 
function successResponse_pass(responseText, statusText, xhr, $form)  { 

	var ret = JSON.parse(responseText);

	$("body").removeClass("loading"); 

	if(ret.response==1) {

		// show info message and hide form
		$(".info").slideUp();
		$("#pass_info").html("<p>"+ret.info+"</p>");
		$("#pass_info").slideDown();

		// move the page to the info label
		$('html,body').animate({scrollTop:$("#pass_info").offset().top}, 'slow');

		return;

	}

	// response = 0 -> there are errors in submit ad process 
	var no_err = ret.error.length;
	var err_field, err_string;

	// clean all fields possible err class
	$(".err").removeClass("err");

	// remove all err_labels
	$(".err_label").remove();

	// mark each field with error 
	for (var idx=0;idx<no_err;idx++) { 

		err_field = ret.error[idx].field;
		err_string = ret.error[idx].error;

		$("#"+err_field).addClass("err");
		// add as child to first right_form
		$("#"+err_field).closest( ".right_form").prepend('<label class="err_label">'+err_string+'</label>');

	}
			
	// move the page to the first err_label element
	$('html,body').animate({scrollTop:$(".err:first").offset().top-60}, 'slow');

} 

var options_remove = { 
       // target:        '#output1',   // target element(s) to be updated with server response 
	beforeSerialize: function(jqForm, options) { $("body").addClass("loading"); },
        beforeSubmit:  function(formData, jqForm, options) { var queryString = $.param(formData); return true;  },
        success:       successResponse_remove  // post-submit callback 
 
    }; 


// post-submit callback 
function successResponse_remove(responseText, statusText, xhr, $form)  { 

	var ret = JSON.parse(responseText);

	$("body").removeClass("loading"); 

	if(ret.response==1) {

		// show info message and hide form
		$(".info").slideUp();
		$("#removal_info").html("<p>"+ret.info+"</p>");
		$("#removal_info").slideDown();
		return;

	}


} 
//initialize the AJAX form
$('#account_form').ajaxForm(options);
$('#pass_form').ajaxForm(options_pass);
$('#acc_removal_form').ajaxForm(options_remove);

$('a.imgfield').magnificPopup({type:'image', image: { cursor: null } });

	{/literal}
	var gmaps_on = {if $gmaps}1{else}0{/if};
	// initialize google maps
	if (gmaps_on) load_gmaps();
	{literal}


});
//]]>
</script>
{/literal}


{include file="footer.html"}
{/if}