{capture assign=control}
<div style="margin:2em 0.5em ;"
	 class="{if $propertyEditor->property()->get_docprop_notnull()}required{/if}"
	 >
	{if $propertyEditor->property()->get_docprop_notnull()}<div class="required_div">*</div>{/if}
	<div style="font-weight: bold;">{$caption}</div>
	<div class="frmContainer">
<div>
	<label>Нас. пункт: <input style="width: 70%;
		type="text"
		id="in_{$documentProperty_city->control_id()}"
		value="{$documentProperty_city->property()->get_display()}"
	><input
		type="hidden"
		name="{$documentProperty_city->control_id()}"
		id="{$documentProperty_city->control_id()}"
		value="{$documentProperty_city->property()->get_value()}"
	><input
		type="hidden"
		id="{$documentProperty_city->control_id()}_city"
		value="{$documentProperty_city->property()->get_display()}"
	></label><div class="clear"></div>
</div>
<br><br>
<div>
	<label>
	Улица: <input style="width: 70%; margin-left: 31px;"
		type="text"
		id="in_{$documentProperty_street->control_id()}"
		value="{$documentProperty_street->property()->get_display()}"
	><input
		type="hidden"
		name="{$documentProperty_street->control_id()}"
		id="{$documentProperty_street->control_id()}"
		value="{$documentProperty_street->property()->get_value()}"
	><input
		type="hidden"
		id="{$documentProperty_street->control_id()}_street"
		value="{$documentProperty_street->property()->get_display()}"
		></label><div class="clear"></div>
</div>

</div>

	<div style="clear:both;"></div>
	
</div>


<script type="text/javascript">
$(function(){
	var streetControlId = '{$documentProperty_street->control_id()}';
	var inpStreetAutoComplete = $('#in_' + streetControlId);
	var inpStreetSelectedVal = $('#' + streetControlId);
	var inpStreetSelectedLabel = $('#' + streetControlId + '_street');

	var cityControlId = '{$documentProperty_city->control_id()}';
	var inpCityAutoComplete = $('#in_' + cityControlId);
	var inpCitySelectedVal = $('#' + cityControlId);
	var inpCitySelectedLabel = $('#' + cityControlId + '_city');
	
	inpCityAutoComplete.autocomplete({
		'source': function(req, clbk) {
				de_x_request($.extend({},
									  de_getPluginCallParams({$documentProperty_city->document()->document_id},
															 {$documentProperty_city->property()->get_docprop_id()},
															 'getdummy'),
									  { 'city': req['term'] }),
							 function(data) {
								clbk(data);
							 }
							 );
			},
			'minLength': 3,
			'select': function(event, ui){
				inpCitySelectedVal.val(ui.item['id']);
				inpCitySelectedLabel.val(ui.item['label']);
				inpStreetAutoComplete.val('');
				inpStreetSelectedVal.val('');
				inpStreetSelectedLabel.val('');
			}
	}).focusout(function(){
		if ($(this).val() != inpCitySelectedLabel.val()) {
			inpCitySelectedVal.val('');
			inpCitySelectedLabel.val('');
			inpStreetAutoComplete.val('');
			inpStreetSelectedVal.val('');
			inpStreetSelectedLabel.val('');
		}
	});

	inpStreetAutoComplete.autocomplete({
		source: function(req, clbk) {
			de_x_request($.extend({},
								  de_getPluginCallParams({$documentProperty_street->document()->document_id},
														 {$documentProperty_street->property()->get_docprop_id()},
														 'getdummy'),
								  { 'city': inpCitySelectedVal.val(),
								  'street': req['term'] }),
						 function(data) {
							clbk(data);
							}
							);
		},
		minLength: 3,
		select: function(event, ui){
			inpStreetSelectedVal.val(ui.item['id']);
			inpStreetSelectedLabel.val(ui.item['label']);
		}
	}).focusout(function(){
		if ($(this).val() != inpStreetSelectedLabel.val()) {
			inpStreetSelectedVal.val('');
			inpStreetSelectedLabel.val('');
		}
	});
	
	$('.clear').live('click', function(){
		$(this).siblings().children('input').val('');
	});
});
</script>
{/capture}


{*include $propertyEditor->getConfigValue('defaultRenderPropertyTemplate') control=$control caption="Адрес"*}
{include $propertyEditor->config()->getValue('defaultRenderPropertyTemplate') control=$control caption="Адрес"}