<form method="get" action="<?php echo site_url('search-results'); ?>" id="home_search" novalidate>
  <p>&nbsp;</p>
   <div class="col-sm-12">
        <div class="form-group big_input">
          <input type="text" name="search_keyword" class="form-control" id="search_keyword" placeholder="Buscar..." required autocomplete="off">
          <input type="hidden" name="hotel_id" id="hotel_id" value="0" />
          <input type="hidden" name="destination" id="destination_id" value="0" />
          <!-- <div id="suggesstion-box"></div> -->
          <ul id="suggest-list">
            <li class="parentResult">
              <span class="heading"><b>Destinos</b></span>
              <ul id="destinations"></ul>
            </li>
            <li class="parentResult">
              <span class="heading"><b>Hoteles</b></span>
              <ul id="hotels"></ul>
            </li>
          </ul>
        </div>
   </div>
   <div class="col-sm-4">
      <div class="form-group">
          <select name="rooms" class="form-control" id="rooms" required>
              <option value="">--Habitaciones--</option>
              <?php
              for($rooms=1;$rooms<=5;$rooms++){
                echo '<option value="'.$rooms.'">'.$rooms.'</option>';
              }
              ?>
          </select>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="form-group">
          <select name="adults" class="form-control" id="adults" required>
              <option value="">--Adultos--</option>
              <?php
              for($adults=1;$adults<=5;$adults++){
                echo '<option value="'.$adults.'">'.$adults.'</option>';
              }
              ?>
          </select>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="form-group">
          <select name="children" id="children" class="form-control" required>
              <option value="">--Niños--</option>
              <?php
              for($children=1;$children<=5;$children++){
                echo '<option value="'.$children.'">'.$children.'</option>';
              }
              ?>
          </select>
      </div>
    </div>
    <div id="children_age_dropdown"></div>

    <div class="col-sm-4">
      <div class="form-group">
          <div class="input-group date form_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
              <input class="form-control" size="16" type="text" name="checkin" value="" readonly placeholder="Comprobar en la fecha" id="checkin">
              <!-- <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>-->
              <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span> 
          </div>
      </div>
    </div>

    <div class="col-sm-4">
      <div class="form-group">
          <div class="input-group date form_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
              <input class="form-control" size="16" type="text" name="checkout" value="" readonly placeholder="Echa un vistazo a la fecha"  id="checkout">
              <!-- <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>-->
              <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span> 
          </div>
      </div>
    </div>

    <div class="col-sm-4">
      <div class="form-group">
        <button type="submit" class="btn btn-info btn-block" id="search-btn" title="Search" >
            <span class="glyphicon glyphicon-search"></span> Search
        </button>
        <p id="p_error"></p>
      </div>
    </div>
</form>