{if !isset($step) || !$step}
{include file="header.html"}
{include file="data/fancybox.html"}

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

<script type="text/javascript" src="{$live_site}/libs/nicEdit/nicEdit.min.js"></script>
<script type="text/javascript" src="{$live_site}/libs/jQuery/plugins/jquery.form.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>

<script type="text/javascript" src="{$live_site}/libs/jQuery/plugins/powertip/jquery.powertip.min.js"></script>
<link rel="stylesheet" type="text/css" href="{$live_site}/libs/jQuery/plugins/powertip/css/jquery.powertip.min.css" />

<div id="heading">{$lng.navbar.editad} <a href="{if $seo_settings.enable_mod_rewrite}{seo->makeDetailsLink p1=$id}{else}{$live_site}/details.php?id={$id}{/if}"> #{$id}</a></div>

{* ---------------- ad details after saving ------------------  *}
<div id="ad_details" style="display: none;" ></div>

{* -------------------- edit ad form ------------------------ *}
<div id="editad_form">

<form name="newad" id="newad" method="post" enctype="multipart/form-data" action="edit_listing.php?id={$id}&step=2{if isset($key) && $key}&key={$key}{/if}">

{if $no_words}<input name="no_words" type="hidden" value="{$no_words}">{/if}

<div class="form_subtitle">{$lng.listings.ad_description|replace:" ":"&nbsp;"}</div>

<ul class="mb10 pl10">

{if $languages|@count>1 && $ads_settings.translate_title_description==1}

{foreach from=$languages item=v}

	{capture name=some_content assign=title_field}title_{$v.id}{/capture}
	{capture name=some_content assign=desc_field}description_{$v.id}{/capture}

	<li>
	<label>{$lng.listings.title}<span class="mandatory"> *</span></label>
	<input type="text" id="title_{$v.id}" name="title_{$v.id}" class="title_input" value="{$tmp.$title_field}"
	 onkeydown="CountTitleLeft(document.newad.title_{$v.id},150);" onkeyup="CountTitleLeft(document.newad.title_{$v.id},150);" 
	onpaste="CountTitleLeft(document.newad.title_{$v.id}, 150);"/>
	&nbsp;{if $v.image}<img src="{$live_site}/images/languages/{$v.image}" alt="" />{else}{$v.name}{/if}
	</li>

<!-- DESCRIPTION -->

	<li>
	<label>{$lng.listings.description}<span class="mandatory"> *</span></label>
	<textarea name="description_{$v.id}"  class="description_input" rows="12" id="description_{$v.id}" {if $no_words}
	onkeydown="CountTextLeft('description_{$v.id}', 'count_{$v.id}');" 
	onkeyup="CountTextLeft('description_{$v.id}', 'count_{$v.id}');" 
	onpaste="CountTextLeft('description_{$v.id}', 'count_{$v.id}');"{/if}>{$tmp.$desc_field}</textarea>
	&nbsp;{if $v.image}<img src="{$live_site}/images/languages/{$v.image}" alt="" />{else}{$v.name}{/if}

	{if $no_words}
	<!-- COUNT WORDS -->
		<div style="margin-top: 10px;">
		<input readonly name="count_{$v.id}" id="count_{$v.id}" type="text" size="5" value="{$no_words}" />
		{$lng.listings.words_left}
		</div>
	{/if}

	</li>

{/foreach}

{else}
<!--  TITLE -->

	<li>
	<label>{$lng.listings.title}<span class="mandatory"> *</span></label>
	<input type="text" name="title" id="title" class="title_input" value="{$tmp.title}"
	 onkeydown="CountTitleLeft(document.newad.title,150);" onkeyup="CountTitleLeft(document.newad.title,150);" 
	onpaste="CountTitleLeft(document.newad.title, 150);"/>
	</li>

<!-- DESCRIPTION -->

	<li>
	<label>{$lng.listings.description}<span class="mandatory"> *</span></label>
	<div class="right_form"><textarea name="description" id="description"  class="description_input" rows="12" {if $no_words}
	onkeydown="CountTextLeft('description', 'count');" 
	onkeyup="CountTextLeft('description', 'count');" 
	onpaste="CountTextLeft('description', 'count');"{/if}>{$tmp.description}</textarea>

	{if $no_words}
	<!-- COUNT WORDS -->
		<div style="margin-top: 10px;"><input readonly name="count" id="count" type="text" size="5" value="{$no_words}"/>
		{$lng.listings.words_left}</div>
	{/if}

	</li>

{/if}

</ul>

<div class="form_subtitle">{$lng.listings.ad_information|replace:" ":"&nbsp;"}</div>

<ul class="pl10">
{include file="data/description_editor.html"}
{include file="data/form_includes.html" fields_array=$fields}
{include file="custom_fields_form.html" fields_array=$fields type="listing"}
</ul>
<div class="clearfix mb10"></div>

{if $ads_settings.enable_video && $tmp.enable_video}
<div class="form_subtitle">{$lng.listings.video|replace:" ":"&nbsp;"}</div>

<ul class="pl10">
	<li>
	<label>{$lng.listings.video_code}</label>
	<textarea name="video_code" id="video_code" cols="55" rows="10">{$tmp.video}</textarea>
	</li>
</ul>
<div class="clearfix mb10"></div>

{/if}



{if $ads_settings.add_meta_with_listings}
<div class="form_subtitle">{$lng.listings.meta_info|replace:" ":"&nbsp;"}</div>

<ul class="p10">
{* -------------------- META_KEYWORDS --------------------- *}
	<li>
	<label>{$lng.listings.meta_keywords}</label>
	<textarea id="meta_keywords" name="meta_keywords" cols="50" rows="3">{$tmp.meta_keywords}</textarea>
	</li>

{* -------------------- META_DESCRIPTION --------------------- *}
	<li>
	<label>{$lng.listings.meta_description}</label>
	<textarea id="meta_description" name="meta_description" cols="50" rows="3">{$tmp.meta_description}</textarea>
	</li>
</ul>
{/if}

{if $settings.nologin_enabled && !$crt_usr}
<div class="form_subtitle">{$lng.listings.your_info|replace:" ":"&nbsp;"}</div>

<ul class="p10">
	{include file="custom_fields_form.html" fields_array=$user_fields type="user" tmp=$tmp.user}

	{if $settings.nologin_image_verification}

<li>
		{if $settings.enable_recaptcha}
		{include file="data/recaptcha.html"}
		{else}
		{include file="data/random_image.html"}
		{/if}

</li>
	{/if}
</ul>
{/if}

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

</form>

</div> {* end editad_form *}

<div id="edited" style="display: none;">
<div class="info"><p></p></div>
</div>

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

$(document).ready(function() {

$("a.imgfield").fancybox();

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

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

{literal}

var options = { 

	beforeSerialize: beforeSerialize,
        beforeSubmit:  beforeSubmit,  // pre-submit callback 
        success:       successResponse  // post-submit callback 

};

function beforeSerialize(jqForm, options) {

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

	{/literal}{if $ads_settings.description_editor}{literal}
	// capturing nicEditor content
	for(var i=0;i<myNicEditor.nicInstances.length;i++){myNicEditor.nicInstances[i].saveContent();}
	{/literal}{/if}{literal}
	
	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]).before('<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

	// return false to cancel submit

}

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

    var queryString = $.param(formData); 
    return true; 

} 

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


			var ret = JSON.parse(responseText);

			if(ret.response==1) {

				$.ajax({
					type		: "GET",
					cache		: false,
					url		: "{/literal}{$live_site}{literal}/edit_listing.php?id={/literal}{$id}{if isset($key) && $key}&key={$key}{/if}{literal}&step=3",
					data		: $(this).serializeArray(),
					success: function(data) {

					$("#ad_details").html(data);

					//hide editad form
					$("#editad_form").slideUp();
					// show ad details
					$("#ad_details").slideDown();

					$('html,body').animate({scrollTop:$("#ad_details").offset().top}, 'slow');

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

					}// end data
				}); // end ajax

				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;

				// nicEditor fix
				if(err_field.match("description[a-z0-9_]*")) $("#"+err_field+"_elm").addClass("err");

				$("#"+err_field).addClass("err");
				$("#"+err_field).before('<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"); 

			{/literal}{if $settings.nologin_image_verification && $settings.enable_recaptcha && !$crt_usr}
			// reload recaptcha
			gReCaptchaReset();
			{/if}{literal}


} 

//initialize the AJAX form for submit ad
 $('#newad').ajaxForm(options);

$(document).on("click", "#editad", function(){ 

	//show editad form
	$("#editad_form").slideDown();
	// hide ad details
	$("#ad_details").slideUp();

}); // end click editad

}); // end document.ready

function onVideo() {
	if($('#video').is(':checked')) $("#video_div").slideDown();
	else $("#video_div").slideUp();
}

//]]>

</script>
{/literal}

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

{if isset($step) && $step==3}
<div class="form_subtitle">{$lng.listings.ad_details|replace:" ":"&nbsp;"}</div>

<ul class="list3">

<li>
	<strong>{$lng.listings.category}:</strong>&nbsp;{$tmp.category}
</li>

{if $languages|@count>1 && $ads_settings.translate_title_description==1}

{foreach from=$languages item=v}

	{capture name=some_content assign=title_field}title_{$v.id}{/capture}
	{capture name=some_content assign=desc_field}description_{$v.id}{/capture}

	<li>
	<strong>{$lng.listings.title}: </strong>
	{$tmp.$title_field}	&nbsp;{if $v.image}<img src="{$live_site}/images/languages/{$v.image}" alt="" />{else}{$v.name}{/if}
	</li>

<!-- DESCRIPTION -->
	<li>
	<strong>{$lng.listings.description}: </strong>
	{$tmp.$desc_field}&nbsp;{if $v.image}<img src="{$live_site}/images/languages/{$v.image}" alt="" />{else}{$v.name}{/if}
	</li>

{/foreach}

{else}
<li>
	<strong>{$lng.listings.title}: </strong>{$tmp.title|wordwrap:70:" ":true}
</li>

<li>
	<strong>{$lng.listings.description}: </strong>{$tmp.description_formatted|wordwrap:70:" ":true}
</li>
{/if}

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

{if isset($gmaps)}
{foreach from=$gmaps item=v}
	{if $tmp[$v.caption]}
		{include file="data/gmap-ro.html" prefix="_ro"}
	{/if}
{/foreach}
{/if}

{if isset($user_gmaps)}
{foreach from=$user_gmaps item=v}
	{if $tmp.user[$v.caption]}
		{include file="data/gmap-ro.html" tmp=$tmp.user prefix="_ro"}
	{/if}
{/foreach}
{/if}

{literal}
function init_gmap() {

{/literal}
	{if isset($gmaps)}
	{foreach from=$gmaps item=v}
		{if $tmp[$v.caption]}
			{include file="data/init_gmap.html" prefix="_ro"}
		{/if}
	{/foreach}
	{/if}

	{if isset($user_gmaps)}
	{foreach from=$user_gmaps item=v}
		{if $tmp.user[$v.caption]}
			{include file="data/init_gmap.html" tmp=$tmp.user prefix="_ro"}
		{/if}
	{/foreach}
	{/if}
{literal}

	}
{/literal}

	var gmaps_on = {if (isset($gmaps) && $gmaps) || ( isset($user_gmaps) && $user_gmaps )}1{else}0{/if};
	// initialize google maps
	if (gmaps_on) init_gmap();

//]]>
</script>

{include file="custom_fields_form_list.html" fields_array=$fields_array values_array=$tmp}

</ul>

{if $ads_settings.add_meta_with_listings}
	<div class="form_subtitle">{$lng.listings.meta_info|replace:" ":"&nbsp;"}</div>

	<ul class="list3">

	<li>
		<strong>{$lng.listings.meta_keywords}: </strong>	
		{if $tmp.meta_keywords}{$tmp.meta_keywords}{else}-{/if}
	</li>

	<li>
		<strong>{$lng.listings.meta_description}: </strong>	
		{if $tmp.meta_description}{$tmp.meta_description}{else}-{/if}
	</li>
	</ul>
{/if}

{* nologin fields *}

{if !$tmp.user_id}
<div class="form_subtitle">{$lng.listings.your_info|replace:" ":"&nbsp;"}</div>

<ul class="list3">
{include file="custom_fields_form_list.html" fields_array=$user_fields values_array=$tmp.user}
</ul>
{/if}{* end if not logged in *}


{if $tmp.enable_video && $tmp.video}

<div class="form_subtitle">{$lng.listings.video|replace:" ":"&nbsp;"}</div>

{$tmp.video|regex_replace:'/ width="[0-9]+"/':' width="500"'|regex_replace:'/ height="[0-9]+"/':' height="388"'}

{/if}{* end video *}


<div class="p10">

	<div class="buttons rfloat">
		<span class="positive"><a href="{if $seo_settings.enable_mod_rewrite}{seo->makeDetailsLink p1=$id p2=$tmp.title}{else}{$live_site}/details.php?id={$id}{/if}">{$lng.general.view}</a></span>

		<span class="positive"><a id="editad" class="gray" href="javascript:;">{$lng.navbar.editad}</a></span>

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

</div>{* end form_footer *}

{/if} {* end step 3 *}