<div class="container">
    <h3 class="booking-title">
        Hoteles en <span class="text-color"><?php echo $this->ciuHotel;?></span>
        <br>
    </h3>
    <div id="myModal3" class="modal fade" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" style="min-width: 40%;" id="modalDetalle">
            <div class="modal-content" >
                <div class="modal-header">
                    <button type="button" class="close" id="btnCerrarIn" data-dismiss="modal" style="display:block;" >&times;</button>
                    <h4 class="modal-title text-color" style="font-weight: bold" id="tituloPopupAeroMapa">Ubicaci&oacute;n</h4>
                </div>
                <div class="modal-body" id="divPopupInMapa" >
                </div>

            </div>
        </div>
    </div>
    <div id="myModal4" class="modal fade" role="dialog" aria-labelledby="myModalLabel" data-keyboard="false" data-backdrop="static">
        <div class="modal-dialog" style="min-width: 75%;" id="modalDetalleFacilities">
            <div class="modal-content" >
                <div class="modal-header">
                    <button type="button" class="close" id="btnCerrarIn" data-dismiss="modal" style="display:block;" onclick="$('#modalDetalleFacilities').css('min-width', '75%');">&times;</button>
                    <h4 class="modal-title text-color" style="font-weight: bold" id="tituloPopupFacilities">Servicios</h4>
                </div>
                <div class="modal-body" id="divPopupInFacilities">
                </div>

            </div>
        </div>
    </div>
	<div class="row">
		<div class="col-md-12"><?php include_once ROOT . 'views' . DS . 'layout' . DS . 'default' . DS . '_navBar_hoteles.php'; ?></div>
	</div>
   <div class="row" id="vista_hotel_principal">
    <div class="col-md-5 col-md-offset-4">
         <div style=" max-width: 350px;">
            <div class="alert alert-info" style="width: 100%; height: 90px;">
                <i class="fa fa-spinner fa-spin box-icon-big box-icon-inverse box-icon-to-normal box-icon-left animate-icon-left-to-right round"></i>
            <p ><b>Cargando....</b></p>
            <p class="text-small">
              Espere un momento mientras cargamos sus opciones hoteleras
            </p>
            </div>
        </div>
      </div>
   </div>
</div>
<script>
  function set_edades(){
  var edades = '<?php echo $this->_edad[1][1].';'.$this->_edad[1][2].'-'.$this->_edad[2][1].';'.$this->_edad[2][2].'-'.$this->_edad[3][1].';'.$this->_edad[3][2];?>';

  $('.edades_child').val(edades);

}

window.addEventListener('load', function(){
 $.ajax({
        url: '<?php echo $this->json_url; ?>',
        type: 'POST',
        data:{'url_pag':'<?php echo $this->_urlPage;?>',
              'get_url_filtros':'<?php echo $this->get_url_filtros;?>',
              'noches':'<?php echo $this->noches;?>',
              'paisDest':'<?php echo $this->_pais;?>',
              '_ciudadName':'<?php echo base64_encode($this->_ciudadName);?>',
              '_codH':'<?php echo $this->_codH;?>',
              '_fechaIn':'<?php echo $this->_fechaIn;?>',
              '_fechaOut':'<?php echo $this->_fechaOut;?>',
              '_cantAd':'<?php echo $this->_cantAd;?>',
              '_cantCh':'<?php echo $this->_cantCh;?>',
              '_codRam':'<?php echo $this->_codRam;?>',
              '_cantHab':'<?php echo $this->_cantHab;?>',
              '_cant_CHD_1':'<?php echo $this->_cant_CHD[1]; ?>',
              '_cant_CHD_2':'<?php echo $this->_cant_CHD[2]; ?>',
              '_cant_CHD_3':'<?php echo $this->_cant_CHD[3]; ?>',
              '_cant_AD_1' :'<?php echo $this->_cant_AD[1]; ?>',
              '_cant_AD_2' :'<?php echo $this->_cant_AD[2]; ?>',
              '_cant_AD_3' :'<?php echo $this->_cant_AD[3]; ?>' },
        success:function(data){
            $("#vista_hotel_principal").html(data);
        }
    });
},false);
</script>
