{if !isset($step) || !$step}
{include file="header.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>
<script type="text/javascript" src="{$live_site}/libs/jQuery/plugins/jquery.number.min.js"></script>
<script type="text/javascript" src="{$live_site}/libs/jQuery/plugins/textcounter.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.navbar.editad} <a href="{if $seo_settings.enable_mod_rewrite}{seo->makeDetailsLink p1=$id}{else}{$live_site}/details.php?id={$id}{/if}"> #{$id}</a></h1></div>

<div class="form_container">

{if $pending_edited}
<div class="warning mb20">{$lng.listings.info.listing_pending_edited}</div>
{/if}

{* ---------------- 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_bg"><div class="btn5 mt7">{$lng.listings.ad_description|replace:" ":"&nbsp;"}</div></div>

{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}

	<div class="clearfix">
	<div class="left_form">{$lng.listings.title}<span class="mandatory"> *</span></div>
	<div class="right_form"><input type="text" id="title_{$v.id}" name="title_{$v.id}" class="title_input" value="{$tmp.$title_field}" maxlength="150"/>
	&nbsp;{if $v.image}<img src="{$live_site}/images/languages/{$v.image}" alt="" />{else}{$v.name}{/if}
	</div>
	</div>

<!-- DESCRIPTION -->

	<div class="clearfix">
	<div class="left_form">{$lng.listings.description}<span class="mandatory"> *</span></div>
	<div class="right_form"><textarea name="description_{$v.id}"  class="{if $no_words}counter {/if}description_input" rows="12" id="description_{$v.id}">{$tmp.$desc_field}</textarea>
	&nbsp;{if $v.image}<img src="{$live_site}/images/languages/{$v.image}" alt="" />{else}{$v.name}{/if}
	</div>
	</div>

{/foreach}

{else}
<!--  TITLE -->

	<div class="clearfix">
	<div class="left_form">{$lng.listings.title}<span class="mandatory"> *</span></div>
	<div class="right_form"><input type="text" name="title" id="title" class="title_input" value="{$tmp.title}" maxlength="150"/>
	</div>
	</div>

<!-- DESCRIPTION -->

	<div class="clearfix">
	<div class="left_form">{$lng.listings.description}<span class="mandatory"> *</span></div>
	<div class="right_form"><textarea name="description" id="description"  class="{if $no_words}counter {/if}description_input" rows="12">{$tmp.description}</textarea>
	</div>
	</div>

{/if}

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

{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"}


{if $ads_settings.enable_video && $tmp.enable_video}
<div class="form_subtitle_bg"><div class="btn5 mt7">{$lng.listings.video|replace:" ":"&nbsp;"}</div></div>
	<div class="clearfix">
	<div class="left_form">{$lng.listings.video_code}</div>
	<div class="right_form"><textarea name="video_code" id="video_code" cols="55" rows="10">{if isset($tmp.video)}{$tmp.video}{/if}</textarea>
	</div>
	</div>
{/if}

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

{* -------------------- META_KEYWORDS --------------------- *}
	<div class="clearfix">
	<div class="left_form">{$lng.listings.meta_keywords}</div>
	<div class="right_form"><textarea id="meta_keywords" name="meta_keywords" cols="50" rows="3">{if isset($tmp.meta_keywords)}{$tmp.meta_keywords}{/if}</textarea>
	</div>
	</div>

{* -------------------- META_DESCRIPTION --------------------- *}
	<div class="clearfix">
	<div class="left_form">{$lng.listings.meta_description}</div>
	<div class="right_form"><textarea id="meta_description" name="meta_description" cols="50" rows="3">{if isset($tmp.meta_description)}{$tmp.meta_description}{/if}</textarea>
	</div>
	</div>
{/if}

{if $settings.nologin_enabled && (!isset($crt_usr) || !$crt_usr)}
<div class="form_subtitle_bg"><div class="btn5 mt7">{$lng.listings.your_info|replace:" ":"&nbsp;"}</div></div>

{include file="custom_fields_form.html" fields_array=$user_fields type="user" tmp=$tmp.user}

	{if $settings.nologin_image_verification}

<div class="clearfix">
<div class="left_form">&nbsp;</div>
<div class="right_form">

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

</div>
</div>
	{/if}

{/if}

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

</form>

</div> {* end editad_form *}

</div>{* end form_container *}
</div>{* end main1 *}

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

$(document).ready(function() {

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

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

{/literal}{if $no_words}{literal}

$('.counter').textcounter({
	type: "word",
	max: {/literal}{$no_words}{literal},
	stopInputAtMaximum       : true,
	countDown: true,
	countDownText: "%d {/literal} {$lng.listings.words_left}{literal}"
});
	
{/literal}  
{/if}

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]).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

	// 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");
				// 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"); 

			{/literal}{if $settings.nologin_image_verification && $settings.enable_recaptcha && (!isset($crt_usr) || !$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_bg"><div class="btn5 mt7">{$lng.listings.ad_details|replace:" ":"&nbsp;"}</div></div>

<div class="clearfix">
	<div class="left_form">{$lng.listings.category}:</div>	
	<div class="right_form">{$tmp.category}</div>
</div>

{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}

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

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

{/foreach}

{else}
<div class="clearfix">
	<div class="left_form">{$lng.listings.title}:</div>	
	<div class="right_form">{$tmp.title|wordwrap:70:" ":true}</div>
</div>

<div class="clearfix">
	<div class="left_form">{$lng.listings.description}:</div>	
	<div class="right_form">{$tmp.description_formatted|wordwrap:70:" ":true}</div>
</div>
{/if}

<script type="text/javascript">
//<![CDATA[
{if isset($gmaps)}
{foreach from=$gmaps item=v}
	{if isset($tmp[$v.caption]) && $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 isset($tmp.user[$v.caption]) && $tmp.user[$v.caption]}
		{include file="data/gmap-ro.html" tmp=$tmp.user prefix="_ro"}
	{/if}
{/foreach}
{/if}

{literal}
function init_gmap_ro() {

{/literal}
	{if isset($gmaps)}
	{foreach from=$gmaps item=v}
		{if isset($tmp[$v.caption]) && $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 isset($tmp.user[$v.caption]) && $tmp.user[$v.caption]}
			{include file="data/init_gmap.html" tmp=$tmp.user prefix="_ro"}
		{/if}
	{/foreach}
	{/if}
{literal}

	}

$(document).ready(function() {

{/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_ro();
{literal}

});
{/literal}

//]]>
</script>

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

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

	<div class="clearfix">
		<div class="left_form">{$lng.listings.meta_keywords}:</div>	
		<div class="right_form">{if isset($tmp.meta_keywords)}{$tmp.meta_keywords}{else}-{/if}</div>
	</div>

	<div class="clearfix">
		<div class="left_form">{$lng.listings.meta_description}:</div>	
		<div class="right_form">{if isset($tmp.meta_description)}{$tmp.meta_description}{else}-{/if}</div>
	</div>

{/if}

{* nologin fields *}

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

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

{/if}{* end if not logged in *}


{if isset($tmp.enable_video) && $tmp.enable_video && isset($tmp.video) && $tmp.video}

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

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

{/if}{* end video *}


<div class="form_footer2">

	<div class="buttons rfloat">
		<div class="button positive inline"><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></div>

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

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

</div>{* end form_footer *}

{/if} {* end step 3 *}