{if $step==1}
{include file="header.html"}

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

<div id="form_container">
<h1>{$lng.listings.edit_options}</h1>

<div class="form_content">

<div class="error" {if !isset($error) || !$error}style="display: none;"{/if}><p>{if isset($error)}{$error}{/if}</p></div>

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


<script type="text/javascript">
{literal}
$(document).ready(function () {

var options = { 

	beforeSerialize: function(jqForm, options) { $("body").addClass("loading"); },
        beforeSubmit:  function(formData, jqForm, options) { var queryString = $.param(formData); return true;  },
        success:       successResponse  // post-submit callback 
 
    }; 

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

			var ret = JSON.parse(responseText);

			if(ret.response==1) {

				// go to payment page
				var selected_processor = $('#selected_processor').val();

				$("#payment").html(ret.payment_form);

				if(selected_processor=="klarna") {
					$("body").removeClass("loading");
					$("#payment").slideDown();
					$('html,body').animate({scrollTop:$("#payment").offset().top}, 'slow');
					$(".form_footer").hide();
				}
				else 
					$("#payment_form").submit();

				return;
			}

			// response = 0 -> show the error
			$(".error").html("<p>"+ret.error+"</p>");
			$(".error").show();
			$('html,body').animate({scrollTop:$(".error").offset().top}, 'slow');

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

} 

//initialize the AJAX form
 $('#options').ajaxForm(options);

$("#video").click(function(){
	if($('#video').prop('checked')) $("#video_code").slideDown();
	else $("#video_code").slideUp();
});

	// *********** tax value **************
	{/literal}

	{if $no_processors>1 || ($no_processors==1 && $credits_allowed)}
	only_processor = 0;
	{else}
	only_processor = 1;
	{/if}

	{if $total}

	if(only_processor)
		var processor = $('input[name=processor]').val();
	else 
		var processor = $('input:radio[name=processor]:checked').val();		

	var total = $("#full_total").val();
	calculateTax(processor, total);


	{/if} {* end if total *}

	{literal}


	$('input:radio[name=processor]').change(function() { 

		processor = $('input:radio[name=processor]:checked').val();
		calculateTax(processor, $("#full_total").val());

	})

	// end tax value


}); // end document ready

{/literal}

</script>

<form name="options" id="options" method="post" action="edit_options.php?id={$id}&step=2{if isset($key) && $key}&key={$key}{/if}">

<input type="hidden" name="full_total" id="full_total" value="0"/>

<div class="dcenter eop">
	<div class="left_div">{$lng.listings.listing} ID #{$id}</div>
	<div class="right_div"><a href="{if $seo_settings.enable_mod_rewrite}{seo->makeDetailsLink p1=$id p2=$listing_title}{else}{$live_site}/details.php?id={$id}{/if}" target="_blank">{$lng.general.view}</a></div>
</div>

{if $ads_settings.enable_featured}
<div class="dcenter eop topnoborder">
	<div class="left_div">{$lng.listings.featured}</div>
	<div class="right_div"><input type="checkbox" class="noborder" name="featured" onclick="adjustTotal(this.form, {$ads_settings.featured_price}, document.options.featured, {$appearance.price_format_decimals} )" {if $options.featured || (isset($options.pending_featured) && $options.pending_featured)}checked="checked" disabled="disabled"{/if}/>&nbsp;{if $appearance.currency_pos==0}{$appearance.default_currency}{/if}{$ads_settings.featured_price_formatted}{if $appearance.currency_pos==1}{$appearance.default_currency}{/if}&nbsp;{if $options.featured}({$lng.listings.included}){elseif isset($options.pending_featured) && $options.pending_featured}({$lng.listings.pending}){/if}</div>
</div>
{/if}

{if $ads_settings.enable_highlited}
<div class="dcenter eop topnoborder">
	<div class="left_div">{$lng.listings.highlited}</div>
	<div class="right_div"><input type="checkbox" class="noborder" onclick="adjustTotal(this.form, {$ads_settings.highlited_price}, document.options.highlited, {$appearance.price_format_decimals} )" name="highlited" {if $options.highlited || (isset($options.pending_highlited) && $options.pending_highlited)}checked="checked" disabled="disabled"{/if}/>&nbsp;{if $appearance.currency_pos==0}{$appearance.default_currency}{/if}{$ads_settings.highlited_price_formatted}{if $appearance.currency_pos==1}{$appearance.default_currency}{/if}&nbsp; {if $options.highlited}{$lng.listings.included}{elseif isset($options.pending_highlited) && $options.pending_highlited}({$lng.listings.pending}){/if}</div>
</div>
{/if}

{if $ads_settings.enable_priorities}
<div class="dcenter eop topnoborder">
	<div class="left_div">{$lng.listings.priority}</div>
	<div class="right_div">
			<input type="hidden" name="pri" id="pri" value=""/>
			<input type="radio" class="noborder" name="priority" value=""  onclick="changePriority(this.form, 0, {$appearance.price_format_decimals})" checked="checked" {if $options.priority || (isset($options.pending_priority) && $options.pending_priority)}disabled="disabled"{/if}/>&nbsp;&nbsp;{$lng.general.none} <br/>
		{foreach from=$priorities item=v}
			<input type="radio" class="noborder" name="priority" onclick="changePriority(this.form, {$v.price}, {$appearance.price_format_decimals})" value="{$v.order_no}" {if $options.priority==$v.order_no || (isset($options.pending_priority) && $options.pending_priority==$v.order_no)}checked="checked"{/if} {if $options.priority || (isset($options.pending_priority) && $options.pending_priority)}disabled="disabled"{/if}/>&nbsp;&nbsp;{$v.name} - {if $appearance.currency_pos==0}{$appearance.default_currency}{/if}{$v.price_formatted}{if $appearance.currency_pos==1}{$appearance.default_currency}{/if} <br/>
		{/foreach}
	</div>
</div>
{/if}

{if $ads_settings.enable_video}
<div class="dcenter eop topnoborder">
	<div class="left_div">{$lng.listings.video}</div>
	<div class="right_div">
		<input type="checkbox" class="noborder" name="video" id="video" onclick="adjustTotal(this.form, {$ads_settings.video_price}, document.options.video, {$appearance.price_format_decimals} ); " {if $options.enabled_video || (isset($options.pending_video) && $options.pending_video)}checked="checked" disabled="disabled"{/if}/>&nbsp;{if $appearance.currency_pos==0}{$appearance.default_currency}{/if}{$ads_settings.video_price_formatted}{if $appearance.currency_pos==1}{$appearance.default_currency}{/if}&nbsp;{if $options.enabled_video}({$lng.listings.included}){elseif isset($options.pending_video) && $options.pending_video}({$lng.listings.pending}){/if}
		<div id="video_code" {if (!isset($video) || !$video) && ( !isset($options.video.value) || !$options.video.value)}style="display: none;"{/if}>
		<label>{$lng.listings.video_code}</label>
		<textarea name="video_code" cols="30" rows="6" id="video_code">{$video_code}</textarea></div>
	</div>
</div>
{/if}

{if $enable_coupons}
<div class="dcenter eop topnoborder" id="div_discount" {if !$total}style="display: none;"{/if}>
	<div class="left_div">{$lng.listings.enter_coupon} :</div>
	<div class="right_div"><input type="text" name="discount_code" id="discount_code" onkeyup="getDiscount(this.form, 'ads',{if $no_processors>1}1{else}0{/if}, {$appearance.price_format_decimals})" onpaste="getDiscount(this.form, 'ads',{if $no_processors>1}1{else}0{/if}, {$appearance.price_format_decimals})" value="{if isset($discount_code)}{$discount_code}{/if}"/></div>
</div>
{/if}

{if $credits_allowed && !$nologin}
<div class="dcenter eop topnoborder" id="div_credits" {if !$total}style="display: none;"{/if}>

<input type="hidden" name="credit_value" id="credit_value" value="{$credits_settings.unit}"/>
<input type="hidden" name="current_credits" id="current_credits" value="{$current_credits}"/>

<div class="left_div">{$lng.credits.credits}</div>
<div class="right_div"><b>{if $current_credits>0}{$lng.credits.you_currently_have} <span class="price">{$current_credits} {if $current_credits==1}{$lng.credits.scredit}{else}{$lng.credits.scredits}{/if}</span>{else}{$lng.credits.you_currently_have_no_credits}{/if}</b><br/>
<input type="radio" class="noborder" name="processor" value="credits"  {if $current_credits>=$needed_credits}checked="checked"{else}disabled="disabled"{/if}/> &nbsp;&nbsp;{$lng.credits.pay_using_credits}<span id="not_enough_credits" {if $current_credits==0 || $current_credits>=$needed_credits}style="display: none;"{/if}> ( {$lng.credits.not_enough_credits} ) </span><span id="no_credits" {if $current_credits==0 || $current_credits<$needed_credits}style="display: none;"{/if}> ( <span id="needed_credits">{$needed_credits}</span> <span id="scredit" {if $needed_credits>1}style="display: none;"{/if}>{$lng.credits.scredit}</span><span id="scredits" {if $needed_credits==1}style="display: none;"{/if}>{$lng.credits.scredits}</span> ) </span>
</div>
</div>
{/if}

<div class="dcenter eop topnoborder" id="div_total" {if !$total}style="display: none;"{/if}>

{if $no_processors>1 || ($no_processors<=1 && $credits_allowed)}

<div class="left_div">{$lng.listings.choose_payment_method} :</div>
<div class="right_div">
{foreach from=$payment_processors name=pp item=v}
<input type="radio" class="noborder" name="processor" value="{$v.processor_code}" {if $smarty.foreach.pp.index==0 && (!$credits_allowed || $current_credits<$needed_credits)}checked="checked"{/if}/> &nbsp;&nbsp;{$v.processor_title}

<br/>
{/foreach}
</div>
{else}
<input type="hidden" name="processor" value="{$payment_processors[0].processor_code}"/>

<div class="left_div">{$lng.subscribe.payment_method}:</div>
<div class="right_div">{$payment_processors[0].processor_title}</div>

{/if}
<input type="hidden" id="selected_processor" value="{$payment_processors[0].processor_code}"/>
</div>

<br/>

<div class="dcenter eop" style="text-align: right">
{$lng.listings.total}: <b>
{if $appearance.currency_pos==0}{$appearance.default_currency}{/if}<span id="total" style="border: 0px;">{$total}</span>{if $appearance.currency_pos==1}{$appearance.default_currency}{/if}</b>
</div>

<div class="dcenter eop topnoborder" id="tax_info" style="display: none;" style="text-align: right">
<b>{$lng.general.tax}&nbsp;(&nbsp;<span id="tax_str"></span>&nbsp;):</b> <b><span id="tax"></span></b>
</div>

<div class="dcenter eop topnoborder" id="total_with_tax_info" style="display: none;" style="text-align: right">
<b>{$lng.general.total_with_tax}:&nbsp;<span class="price" id="total_with_tax"></span></b>
</div>

<br/>
<br/>

	<div class="dcenter form_footer">
	<div class="buttons">
		<span class="positive"><input type="submit" name="Submit" value="{$lng.general.submit}" /></span>
	</div>
	</div>


</form>
<div id="payment" style="display: none;"></div>

</div>
</div>

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