<?php
//$this->registerJs(
        
//        "$('#search-btn').click(function(){
//            search=$('#search-q').val();
//            button1(search);
//})
//
//
//
//$('input').keypress(function(event) {
//    if (event.which == 13) {
//     search=$('#search-q').val();
//            button1(search);
//    }
//});
//
//
//
//
//function button1(search){
//               
//                     console.log(search);
//              geo.geocode({address: search}, function (results, status)
//        {
//            // If that was successful
//            if (status == google.maps.GeocoderStatus.OK) {
//                map.setCenter(results[0].geometry.location);
//                // Lets assume that the first marker is the one we want
//                var p = results[0].geometry.location;
//                var lat = p.lat();
//                var lng = p.lng();
//                map.setZoom(10);      
//                map.panTo(results[0].geometry.location);      
//            }
//        
//        });
//}
//
//    ");  
?>


<aside class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
          <!-- Sidebar user panel -->
   
          <div class="sidebar-form">
            <div class="input-group" >
              <input type="text" name="q" id="search-q" class="form-control"  placeholder="Search..." />
              <span class="input-group-btn">
                  <button type='button' name='seach'   id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
              </span>
            </div>
              </div>
    
          <!-- /.search form -->
          <!-- sidebar menu: : style can be found in sidebar.less -->
        
         <ul class="sidebar-menu" id="list">
      
          </ul>
        </section>
        <!-- /.sidebar -->
      </aside>