<?php
/**
 * @version    4.6.2
 * @package     com_mymaplocations
 * @copyright   JoomUnited (C) 2011. All rights reserved.
 * @license     http://www.gnu.org/copyleft/gpl.html GNU/GPL
 * ****@author      joomunited - contact@joomunited.com
 */
defined('_JEXEC') or die('Restricted access');
if(method_exists('MyMapLocationsHelper','getAutocomplete'))
	{}
 else{
 echo MyMaplocationsHelper::loadGoogleJs();
 }
 $doc=JFactory::getDocument();
 ?>
 <?php if($this->layout=="bootstrap") {
 $doc->addScript('components/com_mymaplocations/assets/js/jquery.mCustomScrollbar.concat.min.js');
            $doc->addStyleSheet('components/com_mymaplocations/assets/css/jquery.mCustomScrollbar.css');
 } ?>
<script type="text/javascript">

    function showLoc()
    {
        document.getElementById("locationlocation").style.display="block";
        document.getElementById("locationsearch_div").style.display="none";
    }
    function showSearch()
    {
        document.getElementById("locationlocation").style.display="none";
        document.getElementById("locationsearch_div").style.display="block";
    }
    	<?php if($this->mode==2) {?>
			function submitForm() {

					var localSearch = new google.maps.Geocoder();
                    var postcode = document.getElementById("searchpostal").value;
                    localSearch.geocode({ 'address': postcode },
							function(results, status) {
                                                    if (results.length) {
                                                        var result = results[0];
                                                        var location = result.geometry.location;
														document.getElementById("searchinput").value=roundNumber(location.lat(), 6)+','+roundNumber(location.lng(), 6);
														document.getElementById("map-location").submit();
                                                    }
                                                    else {
														document.getElementById("searchinput").value=postcode;
                                                        document.getElementById("map-location").submit();
                                                    }


											  });


            }
			function roundNumber(num, dec) {
				return Math.round(num*Math.pow(10,dec))/Math.pow(10,dec);
			}

		<?php } ?>
     jQuery(document).ready(function() {
    jQuery("#country_list").change(function(){
        country_id = jQuery("#" + this.id).val();
        jQuery.ajax({
            url:'index.php',
            type: "POST",
            data: {
                'country_id': country_id,
		'option':'com_mymaplocations',
		'task':'getListCities',
		'component':'<?php echo $this->component;?>'

            }
        }).done(function(msg) {
            jQuery(".city").html(msg),
			jQuery(".scity").html(''),
			jQuery("#state_list").change(function(){
				state_id = jQuery("#state_list").val();
		country_id=jQuery("#country_list").val();
        jQuery.ajax({
            url:'index.php',
            type: "POST",
            data: {
                'country_id': country_id,
				'state_id': state_id,
		'option':'com_mymaplocations',
		'task':'getListCity',
		'component':'<?php echo $this->component;?>'

            }
        }).done(function(msg) {
            jQuery(".scity").html(msg);

        })
				});
			;

        })
    });
	jQuery("#state_list").change(function(){
        state_id = jQuery("#" + this.id).val();
		country_id=jQuery("#country_list").val();
        jQuery.ajax({
            url:'index.php',
            type: "POST",
            data: {
                'country_id': country_id,
				'state_id': state_id,
		'option':'com_mymaplocations',
		'task':'getListCity',
		'component':'<?php echo $this->component;?>'

            }
        }).done(function(msg) {
            jQuery(".scity").html(msg);

        })
    });
});
<?php  if (($this->geocode == 1)&& !($this->state->get('filter.zip'))&&($this->state->get('filter.zip')!=JTEXT::_("COM_MYMAPLOCATIONS_YOU")))  {
    
    ?>
                        useGeocode();
<?php } ?>
<?php if($this->layout=="bootstrap") {?>
 jQuery(document).ready(function() {
            jQuery('#maps .sidebarform').css('overflow','hidden');
            jQuery('#maps .sidebarform').mCustomScrollbar({theme:'light',scrollButtons:{enable:true}});
 });
<?php }?>
</script>
<style type="text/css">
#locationlocator .mymap-group .mymap-success, #locationlocator #locationsearch_div .input-append .mymap-primary,#resulttop .label-important, #resulttop.badge-important,#locationsearch_div input.labelauty:checked + label{
    background: none repeat scroll 0 0 <?php echo $this->globalcolor;?> !important;
    border-color: -moz-use-text-color -moz-use-text-color <?php echo $this->globalcolor;?> !important;
    box-shadow: 0 -2px <?php echo $this->globalcolor;?> inset !important;
}
.slider > .highlight-track,.slider > .dragger, .mmldir-search-fields-form-elem .rangeslider__fill
{
	background: none repeat scroll 0 0 <?php echo $this->globalcolor;?> !important;
	border-color:<?php echo $this->globalcolor;?> !important;
   
}
.result-count p .badge-info
{
 color:<?php echo $this->globalcolor;?> !important;
}
.mmlinput-sec .rangeslider--horizontal
{
height:10px;
}
.mmlinput-sec .rangeslider__handle
{
	height:25px;
	width:25px;
}
.sidebarform
{
	 border-color: <?php echo $this->globalcolor;?> <?php echo $this->globalcolor;?> -moz-use-text-color !important;
}

.mmllisting-wrapper
{
  border-bottom: 1px solid <?php echo $this->globalcolor;?> !important;

}
<?php if(!$this->geolocation) {?>
.mmlsearch-block .add-on .geocode
{
	display:none;
}
#locationlocator .mymap-group.span2,#locationlocator .span1
{
	display:none;
}
#locationlocator #locationsearch_div
{
	 float: left;
    margin: 0 auto;
    width: 100%;
}
<?php } ?>
<?php if(!$this->hidedistance) {?>
.distance
{
	display:none;
}
<?php }?>
.mCustomScrollBox
{
	max-height:<?php echo $this->matheight; ?> !important;
}
#mmlloading
{
	  border-top: 16px solid <?php echo $this->globalcolor;?>;
}
.sidebarmenu
{
 height: <?php echo $this->height; ?>;
 background: <?php echo $this->globalcolor;?>;
}
.mml-icon-align-justify
{
 padding-top: <?php echo (intval($this->height)/2); ?>px;
}
body .mmlinput-sec .rangeslider__handle {
  border: 5px solid <?php echo $this->globalcolor;?>;
}
.tag-search input.labelauty:checked + label
{
 background:  <?php echo $this->globalcolor;?>;
}
<?php if($this->layout=="plain")
		{?>	
        #maps .mmlmap{float:right !important;}
        .plainform input[type="text"],.plainform input[type="search"]{border-bottom: 1px solid #e8e8e8;float:left;border-left:0px;border-right:0px;border-top:0px;height:auto;width: auto;}
        .plain  #resulttop .row0,.plain  #resulttop .row1{border-bottom: 1px solid #e8e8e8;}
		
        span.locationaddress,.location-title, .location-title a,.resultmymap.mymap.mymap-inverse, .resultmymap.mymap.mymap-info.direction_mml, .mytool .mymap.mymap-inverse.resultmymap, .mytool .mymap.mymap-inverse.resultmymap:hover, .resultmymap.mymap.mymap-inverse.contact-btn, .resultmymap.mymap.mymap-inverse.contact-btn:hover,address span.label.label-important.distance span{color:inherit;}
        #locationlocator .mymap-group .mymap-success, #locationlocator #locationsearch_div .input-append .mymap-primary, #resulttop .label-important, #resulttop.badge-important, #locationsearch_div input.labelauty:checked + label{background:inherit;}
        .plainform .mymap.mymap-primary svg path{color:<?php echo $this->globalcolor;?>;}
        <?php }?>
<?php if($this->showform==false) {?>
    .plainform{display:none;}
<?php } ?>
.MicrosoftMap .as_container_search{margin-top:50px;}
</style>