<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places&key=<?=MAP_API_KEY?>"> </script>
<div class="for-fixed"></div>
    <section id="search-field" class="">
      <div class="listing-header">
        <div class="container">
          <div class="col-md-12 col-sm-12 col-xs-12 paddxs search-bak">
            <ul>
              <li>
                <div class="listing-searchfield">
                  <span class="btn-icon-searchfield"><i class="fa fa-search" aria-hidden="true"></i></span>
                  <input type="text" id="searchnm" name="searchnm" value="<?=$this->session->userdata('search_restaurant')?>" placeholder="<?php echo $this->lang->line('Restaurant_name');?>">
                </div>
                <!-- <div id="auto_sug" style="display:none; left: 15px;"></div> -->
              </li>
              <li>
                <div class="listing-searchfield">
                  <span class="btn-icon-searchfield"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
                  <input id="address" type="text" placeholder="<?php echo $this->lang->line('Enter_your_location');?>" value="<?=$this->session->userdata('search_location')?>">
                  <a href="javascript:void(0);"><span class="btn-icon-getlocation"><i onclick="getLocationUpdate()" class="fa fa-compass" aria-hidden="true"></i></span></a>
                </div>
              </li>
              <li>
                <div class="listing-searchfield">
                  <button id="search-btn" class="mainButton mainSearch col-md-2 btn" type="button" onclick="findrestaurant()"><?php echo $this->lang->line('SEARCH');?></button>
                </div>
              </li>
            </ul>
            <!-- <div class="col-md-3">
              <div class="form-group">
                <select class="form-control" id="restaurant_state">
                  
                  <?php 
                    if (is_array($StateList) && count($StateList) > 0) {
                    foreach($StateList as $row) { ?>
  

                    <option value="<?php echo $row->statecode; ?>"> <?php echo $row->statename ?></option>';
                                  <?php } } ?>

                    ?>
                </select>
              </div>
            </div>
            <div class="col-md-3">
              <div class="form-group">
                <select class="form-control" id="restaurant_city">
                  <option value="">Select City</option>
                  <?php 
                    if (is_array($CityList) && count($CityList) > 0) {
                    foreach($CityList as $row) { 
                    ?>
                    <option value="<?php echo $row->city_id; ?>" ><?php echo $row->cityname ?></option>';
                  <?php } } ?>

                </select>
              </div>
            </div> -->
            <!-- <div class="col-md-3">
              <label style="font-size: 18px; margin-top: 9px;">
                Search by Restaurant Name: 
              </label>
            </div>
            <div class="col-md-9">
              <div class="input-group">
                <input onkeyup="get_restaurant_details(this.value)" id="searchnm" name="searchnm" type="text" class="form-control" placeholder="Search Restaurant" value="<?=$this->session->userdata('search_restaurant')?>">
                <span class="input-group-btn">
        
                  <button onclick="setSearchDetails()" class="btn btn-default def-pad" type="button">Search</button>
                </span>
              </div>
              <div id="auto_sug" style="display:none; left: 15px;"></div>
            </div> -->

      
          </div>
        </div>
        <div class="listing-overlay"></div>
      </div>
    </section>
    <section id="restro-field">
      <div class="container">
        <div class="row">
          <div class="col-md-3 col-sm-3 col-xs-12 custom-padding-0">
            <div class="filter-wrapper">
              <!-- <ul class="sorting-items">
                <li onclick="unsetSearchDetails()"><i class="fa fa-play" aria-hidden="true"></i> Show All</li>
              </ul> -->
              <div class="divide-part clearfix">
                <span class="text pull-left"><i class="fa fa-home" aria-hidden="true"></i> <?php echo $this->lang->line('Choose_Cuisine');?></span>
                <!-- <span class="sort pull-right"><i class="fa fa-home" aria-hidden="true"></i></span> -->
              </div>
              <ul class="sorting-items2" style="padding:0px;">
              <?php 
                if (is_array($CuisineList) && count($CuisineList) > 0) {
                foreach($CuisineList as $row) { 
                ?>
                <li style="list-style:none;margin-bottom:7px;"><input onclick="setSearchDetails()" class="CuisineList hidden" id="<?php echo $row->cuisine_id; ?>" data-cuisine-id="<?php echo $row->cuisine_id; ?>" type="checkbox" name=""> <label class="checkbox" for="<?php echo $row->cuisine_id; ?>">
                  <?php echo $row->cuisine_name; ?>
                </label></li>

                <?php }} ?>
              </ul>
              <div class="dividerblock"></div>
              <div class="clearfix"></div>
              <div class="divide-part clearfix">
                <span class="text pull-left"><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $this->lang->line('Opening_Status');?></span>
              </div>
              <ul class="sorting-items2" style="padding:0px;">
                <li style="list-style:none;margin-bottom:7px;"><input onclick="setSearchDetails()" class="hidden" id="opennow" type="radio" name="1"> <label class="radio" for="opennow"> <?php echo $this->lang->line('Open_Now');?>
                </label></li>
                <li style="list-style:none;margin-bottom:7px;"><input onclick="setSearchDetails()" class="hidden" id="closednow" type="radio" name="1"> <label class="radio" for="closednow"> <?php echo $this->lang->line('Closed_Now');?>
                </label></li>
              </ul>
              <div class="dividerblock"></div>
              <div class="clearfix"></div>
              <div class="divide-part clearfix">
                <span class="text pull-left"><i class="fa fa-star" aria-hidden="true"></i> <?php echo $this->lang->line('Specials');?></span>
              </div>
              <ul class="sorting-items2" style="padding:0px;">
                <li style="list-style:none;margin-bottom:7px;"><input onclick="Sortby(3);" class="hidden" id="get_coupon" type="checkbox" name="get_coupon"> <label class="checkbox" for="get_coupon"> <?php echo $this->lang->line('Deals');?>
                </label></li>
                <li style="list-style:none;margin-bottom:7px;"><input onclick="setSearchDetails()" class="hidden" id="freedelivery" type="checkbox" name=""> <label class="checkbox" for="freedelivery"> <?php echo $this->lang->line('Free_Delivery');?>
                </label></li>
              </ul>
              <!-- <div class="divide-part clearfix">
                <span class="text pull-left">Sort by</span>
                <span class="sort pull-right"><i class="fa fa-sort-amount-asc" aria-hidden="true"></i></span>
              </div>
              <ul class="sorting-items">
                <li onclick="Sortby(5);" ><i class="fa fa-fire" aria-hidden="true"></i> Most Popular</li>
                <li><i class="fa fa-star" aria-hidden="true"></i> Top Rated</li>
                <li onclick="Sortby(2);"><i class="fa fa-plus" aria-hidden="true"></i> Newest</li>
                <li><i class="fa fa-arrow-down" aria-hidden="true"></i> Min Order</li>
                <li><i class="fa fa-motorcycle" aria-hidden="true"></i> Delivery Fee</li>
                <li onclick="Sortby(3);"><i class="fa fa-money" aria-hidden="true"></i> Get Coupon</li>
                <li onclick="Sortby(4);"><i class="fa fa-money" aria-hidden="true"></i> Delivery Time</li>
				<INPUT type="hidden" NAME="orderby" id="orderby" SIZE="25" value="1"> 		
              </ul> -->
              <!-- <div class="divide-part clearfix">
                <span class="text pull-left">Filter</span>
                <span class="sort pull-right"><i class="fa fa-filter" aria-hidden="true"></i></span>
              </div>
              <ul class="sorting-items">
                <li><input type="checkbox" name=""> Delivery</li>
                <li><input type="checkbox" name=""> Min Order</li>
                <li><input type="checkbox" name=""> Open Now</li>
                <li><input type="checkbox" name=""> Offers</li>
              </ul> -->
              <!-- <div class="divide-part clearfix">
                <span class="text pull-left"><input onclick="Sortby(3);" class="" type="checkbox" name="get_coupon" id="get_coupon"><span style="padding-left: 5px;"> Get Coupon</span></span>
                <span class="sort pull-right"></span>
              </div> -->
              <!-- <div>
                <div class="form-group">
                  <select class="form-control" id="sel1">
                    <option>Select Delivery Order</option>
                    <option>All Areas</option>
                    <option>Albany</option>
                    <option>Albertson</option>
                  </select>
                </div>
              </div> -->
            </div>
          </div>
          <div class="col-md-6 col-sm-6 col-xs-12">
            <div id="restaurant_list" class="row mctop15">

              <?php echo $restaurant_list; ?>
            
            </div>
          </div>
          <div class="col-md-3 col-sm-3 col-xs-12 paddleft">
            <div class="sortby-others">
              <div class="sortheader">
                <span class="text pull-left"><?php echo $this->lang->line('Sort_By');?></span>
              </div>
              <div class="clearfix"></div>
              <ul class="sorting-items">
                <!-- <li class="active"><i class="fa fa-thumbs-up" aria-hidden="true"></i> Best Match</li> -->
                <li onclick="Sortby(6);"><i class="fa fa-sort-alpha-asc" aria-hidden="true"></i> <?php echo $this->lang->line('Alphabetical');?></li>
                <li onclick="wip()"><i class="fa fa-star" aria-hidden="true"></i> <?php echo $this->lang->line('Ratings');?></li>
                <li onclick="Sortby(7);"><i class="fa fa-user-times" aria-hidden="true"></i> <?php echo $this->lang->line('Minimum_order_value');?></li>
                <li onclick="Sortby(8);"><i class="fa fa-usd" aria-hidden="true"></i> <?php echo $this->lang->line('Delivery_Fee');?></li>
                <li onclick="Sortby(4);"><i class="fa fa-rocket" aria-hidden="true"></i> <?php echo $this->lang->line('Fastest_delivery');?></li>
        <INPUT type="hidden" NAME="orderby" id="orderby" SIZE="25" value="1">     
              </ul>
            </div>
            <div class="clearfix"></div>
            <div class="find-Restaurant">
              <p><?php echo $this->lang->line('Cant_find_Restaurant');?> </p>
              <p><?php echo $this->lang->line('if_you_cant');?></p>
              <a href="<?php echo base_url() ?>contact"><?php echo $this->lang->line('RESTAURANT_REQUEST');?></a>
            </div>
            <div class="clearfix"></div>
            <?php
              if (!$this->session->userdata('logged_in_restaurant')) {
            ?>
            <div class="addBusiness main-nav-popup">
              <p><?php echo $this->lang->line('Im_not_Listed');?></p>
              <p><?php echo $this->lang->line('is_your_restaurant');?></p>
              <a class="cd-signin" href="javascript:void(0);" onclick="openRestaurantRegistration()"><?php echo $this->lang->line('ADD_YOUR_BUSINESS');?></a>
            </div>
            <?php
              }
            ?>
          </div>
        </div>
      </div>
    </section>

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

  <script type="text/javascript">
    <?php
      if ($this->session->userdata('search_restaurant') && $this->session->userdata('search_restaurant') != '') {
    ?>
        $(document).ready(function() {
          setSearchDetails();
        })
    <?php
      }
    ?>
    <?php
      if ($CuisineSearchId != '') {
    ?>
        $(document).ready(function() {
          $('input[data-cuisine-id="<?=$CuisineSearchId?>"]').click();
        })
    <?php
      }
    ?>
    function Sortby(opt)
    {

      if(opt==3)
      {
        if($("#get_coupon").prop('checked') == true)
        {
          $("#orderby").val(opt);
        }else{
          $("#orderby").val(1);
        }
        
      }else{
          $("#orderby").val(opt);

      }
		

    var myString = '';
		 var opt=$("#orderby").val();
		 var checked_quan = 0;
		 $('input.CuisineList').each(function() {
		   if ($(this).is(':checked')==true) {
			 
			 var CuisineID = $(this).attr('data-cuisine-id');
			 
			 myString += ','+CuisineID;
		   }
		   
		 });
     var opennow = 0;
     var closednow = 0;
     if ($('#opennow').is(':checked')) {
      opennow = 1;
     }
     if ($('#closednow').is(':checked')) {
      closednow = 1;
     }
		 myString = myString.replace(',', ''); 

		 webroot = '<?php echo base_url(); ?>';
			url=webroot+'frontend/restaurantslistingbyorder/';
      $('#myLoader').show();
			$.ajax({
			  type: "post",
			  url: url,
			  cache: false,       
			  data:{ opennow: opennow, closednow: closednow, opt_order: opt, cuisineids:myString, csrf_token_apm: myCsrfHash },
			  success: function(data){ 
				//alert(data);
				document.getElementById("restaurant_list").innerHTML = data;
        $('#myLoader').hide();
			  }
			 });
    }


	$('.sorting-items').on('click', 'li', function() {
    $('.sorting-items li.selected-order').removeClass('selected-order');
    $(this).addClass('selected-order');
    //$(this).addClass('active');
    });


  function setSearchDetails() {
     var myString = '';
     var opt=$("#orderby").val();
     var searchnm = $("#searchnm").val();
     var restaurant_state = '';
     var restaurant_city = '';
     var checked_quan = 0;
     var opennow = 0;
     var closednow = 0;
     var freedelivery = 0;
     if ($('#freedelivery').is(':checked')) {
      freedelivery = 1;
     }
     if ($('#opennow').is(':checked')) {
      opennow = 1;
     }
     if ($('#closednow').is(':checked')) {
      closednow = 1;
     }
     $('input.CuisineList').each(function() {
       if ($(this).is(':checked')==true) {
       
       var CuisineID = $(this).attr('data-cuisine-id');
       
       myString += ','+CuisineID;
       }
       
     });

     myString = myString.replace(',', ''); 

     webroot = '<?php echo base_url(); ?>';
      url=webroot+'frontend/restaurantslistingbyorder/';
      $('#myLoader').show();
      $.ajax({
        type: "post",
        url: url,
        cache: false,       
        data:{ freedelivery: freedelivery, opennow: opennow, closednow: closednow, opt_order: opt, cuisineids:myString, restaurant_state: restaurant_state, restaurant_city: restaurant_city, search_nm: searchnm, csrf_token_apm: myCsrfHash },
        success: function(data){ 
        //alert(data);
        document.getElementById("restaurant_list").innerHTML = data;
        $('#myLoader').hide();
        }
       });
    
    
    }

	function unsetSearchDetails() {
    var myString = '';
    var opt='';
    var searchnm = '';
    var restaurant_state = '';
    var restaurant_city = '';
    var checked_quan = 0;
    myString = '';
    $('input[type="checkbox"]').each(function() {
     $(this).attr('checked', false);
    });
    webroot = '<?php echo base_url(); ?>';
    url=webroot+'frontend/restaurantslistingbyorder/';
    $('#myLoader').show();
    $.ajax({
      type: "post",
      url: url,
      cache: false,       
      data:{ opt_order: opt,cuisineids:myString, restaurant_state: restaurant_state, restaurant_city: restaurant_city, search_nm: searchnm, csrf_token_apm: myCsrfHash },
      success: function(data){ 
    	//alert(data);
    	document.getElementById("restaurant_list").innerHTML = data;
      $('#myLoader').hide();
      }
    });
		}

		function get_restaurant_details(strnm){
			if(strnm!=''){
		  base_url='<?php echo base_url(); ?>';
		  url= base_url+'frontend/search_restaurant';
      // $('#myLoader').show();
		  $.ajax({
			type: "POST",
			url: url,
			data: {usersearchkey: strnm, csrf_token_apm: myCsrfHash},
			success: function(data) {
			 if (data!="") {
			  document.getElementById("auto_sug").style.display="block";
			  document.getElementById("auto_sug").innerHTML=data;
			 }
			 else {
			  document.getElementById("auto_sug").innerHTML="";
			  document.getElementById("auto_sug").style.display="none";
			 }
       // $('#myLoader').hide();
			}
		  });
			}
		}


	function setCustDetails(searchnm)
	{
		$('#auto_sug').fadeOut();
		$('#searchnm').val(searchnm);
	}

  function showLocation(position) {
    var latitude = position.coords.latitude;
    var longitude = position.coords.longitude;
    console.log("Latitude : " + latitude + " Longitude: " + longitude);
     //localStorage.user_latitude = latitude;
     //localStorage.user_longitude = longitude;
     $('#myLoader').show();
     webroot = '<?php echo base_url(); ?>';
     url=webroot+'frontend/updateLocation/';
      $.ajax({
        type: "post",
        url: url,
        cache: false,       
        data:{ lat: latitude,long: longitude, csrf_token_apm: myCsrfHash },
        success: function(data){ 
          $('#myLoader').hide();
          $('#address').val(data);
          //window.location = webroot+"frontend/restaurantslisting/";
          //alert(data);
         //document.getElementById("edit_category_name").innerHTML = data;
         //$('#edit_category_name').val(cat_id);
        }
       });

    //$.get(JS_SITE_URL+"getlocal.php?latitude="+latitude+"&longitude="+longitude, function(data) {
    //alert(data);
    //var locComplete = true;
    //window.location = JS_SITE_URL+"index.php";
    //});
    //alert(JS_SITE_URL+"getlocal.php?latitude="+latitude+"&longitude="+longitude);
    //var myLatLong = {latitude: latitude, longitude: longitude};
    //return myLatLong;
    }

    function errorHandler(err) {
    if(err.code == 1) {
    console.log("Error: Access is denied!");
    var myLatLong = {latitude: 13.0317433, longitude: 77.5999083};
    /*$.get(JS_SITE_URL+"getlocal.php?latitude=13.0317433&longitude=77.5999083", function(data){
    //alert(data);
    var locComplete = true;
    });*/
    return myLatLong;
  }

  else if( err.code == 2) {
    console.log("Error: Position is unavailable!");
    var myLatLong = {latitude: 13.0317433, longitude: 77.5999083};
    /*$.get(JS_SITE_URL+"getlocal.php?latitude=13.0317433&longitude=77.5999083", function(data){
    var locComplete = true;
    });*/
    return myLatLong;
  }
  }

  function getLocationUpdate(){
    if(navigator.geolocation){
    // timeout at 60000 milliseconds (60 seconds)
    var options = {timeout:60000};
    geoLoc = navigator.geolocation;
    watchID = geoLoc.watchPosition(showLocation, errorHandler, options);
    //watchID = geoLoc.watchPosition(showLocation);
  }

  else{
  alert("Sorry, browser does not support geolocation!");
  }
  }
  function findrestaurant()
  {
    webroot = '<?php echo base_url(); ?>';
    url=webroot+'frontend/updateAddress/';
    var address = $("#address").val();
    var restaurant = $("#searchnm").val();
    if (address == '') {
      swal('', 'Please enter an address first!', 'warning');
      return false;
    }
    else {
      $('#myLoader').show();
    }
      $.ajax({
        type: "post",
        url: url,
        cache: false,       
        data:{ address: address, restaurant: restaurant, csrf_token_apm: myCsrfHash },
        success: function(data){ 
          
          $('#address').val(data);
          window.location = webroot+"restaurantslisting/";
      //window.location = webroot+"frontend/restaurantslisting/";
          //alert(data);
         //document.getElementById("edit_category_name").innerHTML = data;
         //$('#edit_category_name').val(cat_id);
        }
       });
  }
  function initializePlaces() {
      var defaultBounds = new google.maps.LatLngBounds(
      new google.maps.LatLng(-26.916579, -49.071733)
      );
      var origin_input = document.getElementById('address');
      var options = {
        bounds: defaultBounds,
        types: ['address'],
        componentRestrictions: {country: 'BR'}
      };
    var autocomplete_origin = new google.maps.places.Autocomplete(origin_input, options);
  }
  google.maps.event.addDomListener(window, 'load', initializePlaces);
  </script>


  <style type="text/css">
  .suggestionlist{
    background-color:#F9F7F7;
    height:auto; 
    padding:5px;
  }
  .suggestionlist:hover{
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+5,dbdbdb+16,fefefe+100 */
    background: #e2e2e2;
    border-radius: 3px;
    background: #e2e2e2; 
    cursor:pointer;
  }
  #auto_sug{
    position:absolute;
    z-index:2;
    margin-top:0px;
    width:300px;
    height: auto;
    max-height: 300px !important;
    box-shadow: 2px 1px 2px #CCCCCC;
    border: 1px solid #DDDBDB;
    overflow-y: scroll;
  	top: 77%;
  	z-index: 9999999;
  	right: 123px;
  	width: 432px;
  }
  #auto_sug::-webkit-scrollbar
  {
    width: 8px;  /* for vertical scrollbars */
  }
  #auto_sug::-webkit-scrollbar-track
  {
    background: rgba(226, 226, 226, 1);
  }
  #auto_sug::-webkit-scrollbar-thumb
  {
    background: rgba(44, 134, 189, 1);
  }
  .formErrorContent{
    color: #ee0101;
    font-size: 16px;
    min-width: 160px;
    padding: 0 2px;
    position: relative;
    width: 100%;
  }
  .item-listbox{
    background: #31B0D5;
    padding: 12px;
    color: white;
    border-radius: 4px;
    margin-bottom: 15px;
    display: block;
  }
  .item-listbox * {
    vertical-align: middle;
  }
  .item-listbox label {
    margin-bottom: 0px;
  }
  .item-listbox span{
    margin-right: 20px;
  }
  .ftrt{
    float: right;
  }
  .value-box {
    padding: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.19);
  }
  .areatext {
    border: 1px solid rgba(0, 0, 0, 0.34);
    width: 100%;
    height: 78px;
  }
  .close{text-indent: 1px;}
  .cartItemAddon {
    font-size: 13px;
  }
  #cartSubtotal, #cartGrandtotal {
    margin-left: 5px;
  }
  @media (max-width: 767px)
  {
    #auto_sug {
    position: absolute;
    z-index: 2;
    margin-top: 0px;
    width: 300px;
    height: auto;
    max-height: 300px !important;
    box-shadow: 2px 1px 2px #CCCCCC;
    border: 1px solid #DDDBDB;
    overflow-y: scroll;
    top: 91%;
    z-index: 9;
    left: 30px;
    width: 67%;
    }
  }
</style>