<?php
/*
* Template Name: Hotel
*/
get_header();


$hotel = get_hotel_details($_GET['hotel_id']);

$hotel_detail = get_single_hotel_detail($_GET['hotel_id']);

?>
    <div class="container">

      <div class="row">
        <div class="col-sm-12">
          <ol class = "breadcrumb">
             <li><a href = "<?php echo site_url(); ?>">Casa</a></li>
             <li class = "active"><?php echo $hotel->name; ?></li>
          </ol>
        </div>   
        <span class="clearfix"></span>
      </div>


      <div class="row">
        <div class="col-sm-12">
          <ul id = "myTab" class = "nav nav-tabs sail_tabnav">
             <li class = "active"><a href = "#ios" data-toggle = "tab"><i class="fa fa-camera" aria-hidden="true"></i> details</a></li>
             <li><a href = "#home" data-toggle = "tab"><i class="fa fa-globe" aria-hidden="true"></i> Map</a></li>
             
          </ul>

          <div id = "myTabContent" class = "tab-content sailtab">

             <div class = "tab-pane fade  in active" id = "ios">
                <div class="row">
                  <div class="col-sm-7">
                   
                      <div id="jssor_1" style="position: relative; margin: 0 auto; top: 0px; left: 0px; width: 700px; height: 456px; overflow: hidden; visibility: hidden; background-color: #24262e;">
                          <!-- Loading Screen -->
                          <div data-u="loading" style="position: absolute; top: 0px; left: 0px;">
                              <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div>
                              <div style="position:absolute;display:block;background:url('<?php echo get_template_directory_uri(); ?>/img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;"></div>
                          </div>
                          <div data-u="slides" style="cursor: default; position: relative; top: 0px; left: 0px; width: 800px; height: 356px; overflow: hidden;">
                              <?php
                              $images = get_hotel_images($hotel->hotel_id);
                              foreach ($images as $key => $image) {
                                $display = ($key!=0)?'style="display:none"':'';
                                $img_url = NORMAL_IMAGE_PATH.$image->path;
                                $thumb_img = itg_timthumb_image($img_url, 72,72);
                                $big_img = itg_timthumb_image($img_url, 200,320);

                                echo '<div data-p="144.50" '.$display.'>
                                          <img data-u="image" src="'.$big_img.'" />
                                          <img data-u="thumb" src="'.$thumb_img.'" />
                                      </div>';
                              }
                              ?>
                          </div>
                          <!-- Thumbnail Navigator -->
                          <div data-u="thumbnavigator" class="jssort01" style="position:absolute;left:0px;bottom:0px;width:800px;height:100px;" data-autocenter="1">
                              <!-- Thumbnail Item Skin Begin -->
                              <div data-u="slides" style="cursor: default;">
                                  <div data-u="prototype" class="p">
                                      <div class="w">
                                          <div data-u="thumbnailtemplate" class="t"></div>
                                      </div>
                                      <div class="c"></div>
                                  </div>
                              </div>
                              <!-- Thumbnail Item Skin End -->
                          </div>
                          <!-- Arrow Navigator -->
                          <span data-u="arrowleft" class="jssora05l" style="top:158px;left:8px;width:40px;height:40px;"></span>
                          <span data-u="arrowright" class="jssora05r" style="top:158px;right:8px;width:40px;height:40px;"></span>
                  </div>


                  </div>

                  <div class="col-sm-5">
                    
                    <div class="tabi_right">
                      <div class="tabi_txt"><?php echo $hotel->name; ?></div>
                      <p class="mt10 tabi_txt2"><?php echo ucwords(strtolower($hotel->address.', '.$hotel->city.', '.$hotel->country_name)); ?></p>
                      <div class="full_width">
                        <div class="mt20 virt_text box"><a class="top" href="javascript:void(0)">Reservar con un Asesor de Viajes</a></div>
                      </div>
                      
                    </div>
                  </div>

                </div>
             </div>

             <div class = "tab-pane fade" id = "home">
                <div class="row">
                  <div class="col-sm-7">
                    <iframe
                      width="600"
                      height="450"
                      frameborder="0" style="border:0"
                      src="https://www.google.com/maps/embed/v1/place?key=AIzaSyDXYd2vtZVGtLKKDaI3Po2pb3jLI2atTLQ
                        &q=<?php echo $hotel->name.'+'.$hotel->address.'+'.$hotel->city.'+'.$hotel->country_name; ?>" 
                      width="100%" height="450" frameborder="0" style="border:0" allowfullscreen>
                    </iframe>
                  </div>
                  <div class="col-sm-5">
                    <div class="tabi_right">
                      <div class="tabi_txt"><?php echo $hotel->name; ?></div>
                      <p class="mt20 tabi_txt1">Dirección: <?php echo ucwords(strtolower($hotel->address.', '.$hotel->city.', '.$hotel->country_name)); ?></p>

                      <div class="full_width">
                        <div class="mt20 virt_text box"><a class="top" href="javascript:void(0)">Reservar con un Asesor de Viajes</a></div>
                      </div>
                    </div>

                  </div>
                </div>
             </div>
        
          </div>
        </div>
      </div>


      <div class="row mt20">
        <div class="col-sm-12">

           <ul id = "myTab" class = "nav nav-tabs virtuoso_nav">
             <li class="active"><a href = "#Hotel-Info" data-toggle = "tab"> Información sobre el hotel</a></li>
          </ul>


          <div id = "myTabContent_vir" class = "tab-content virtuoso">

             <div id="hotel_feat"></div>

             <div class = "tab-pane fade in active" id = "Hotel-Info">
                <div  class="hotel_navi">
                  <ul>
                    <!-- page-scroll -->
                    <li><a class="page-scroll" href="#Hotel_Features">Características del hotel</a></li>
                    <li><a class="page-scroll" href="#About_Us">Sobre nosotros</a></li>
                    <li><a class="page-scroll" href="#Location">Ubicación</a></li>
                  </ul>
                </div>

                <div class="acco_panel">
                  
                  <div class="row" id="Hotel_Features">
                    <div class="widget widget-gray"> 
                        <div class="widget-head"> 
                          <h4 class="heading"><a href="javascript:void(0);" id="toggle1" class="fa fa-chevron-up fa-1x" data-toggle="tooltip" data-placement="right" title="" data-original-title="Open & Close"><i></i></a> Características del hotel</h4>
                        </div>
                        <div class="widget-body" id="widget-body1"> 
                            <div class="row">
                              <div class="col-sm-12">
                                <div class="hotel_text hotel_border">En el hotel</div>
                              </div>
                            </div>

                            <div class="row">
                              <div class="col-sm-12">
                                <div class="hotel_text mt20">Caracteristicas</div>
                              </div>
                              <div class="acco_nav">
                              <ul>
                                <?php
                                $features = get_hotel_facilities($hotel->hotel_id,70);
                                foreach ($features as $feature) {
                                  echo '<li><div class="col-sm-3 hotel_text1">'.$feature->name.'</div></li>';
                                }
                                ?>
                              </ul>
                              </div>
                            </div>

                            <div class="row">
                              <div class="col-sm-12">
                                <div class="hotel_text mt20">Servicios</div>
                              </div>
                              <div class="acco_nav">
                              <ul>
                                <?php
                                $services = get_hotel_facilities($hotel->hotel_id,60);
                                foreach ($services as $service) {
                                  echo '<li><div class="col-sm-3 hotel_text1">'.$service->name.'</div></li>';
                                }
                                ?>
                              </ul>
                              </div>
                            </div>

                            <div class="row">
                              <div class="col-sm-12">
                                <div class="hotel_text mt20">Habitaciones</div>
                              </div>
                              <div class="acco_nav">
                              <ul>
                                <?php
                                /*echo '<pre>';
                                print_r($hotel_detail->hotel->rooms);
                                echo '</pre>';*/
                                foreach ($hotel_detail->hotel->rooms as $rooms) {
                                  echo '<li><div class="col-sm-3 hotel_text1">'.$rooms->description.' ('.ucwords(strtolower($rooms->characteristic->description->content)).')</div></li>';
                                }
                                ?>
                              </ul>
                              </div>
                            </div>

                        </div>
                    </div> 
                  </div>  
  

                  <div class="row" id="About_Us">
                    <div class="widget"> 
                        <div class="widget-head"> 
                          <h4 class="heading"><a href="javascript:void(0);" id="toggle2" class="fa fa-chevron-up fa-1x" data-toggle="tooltip" data-placement="right" title="" data-original-title="Open & Close"><i></i></a> Sobre nosotros</h4>
                        </div>
                        <div class="widget-body" id="widget-body2"> 
                            <div class="row">
                              <div class="col-sm-9">
                                <p class="hotel_text1"><?php echo $hotel->description; ?></p>
                              </div>
                              <div class="col-sm-3"></div>
                            </div>
                        </div>
                       
                    </div> 
                  </div>

                  <div class="row" id="Location">
                    <div class="widget"> 
                        <div class="widget-head"> 
                          <h4 class="heading"><a href="javascript:void(0);" id="toggle3" class="fa fa-chevron-up fa-1x" data-toggle="tooltip" data-placement="right" title="" data-original-title="Open & Close"><i></i></a>  Ubicación</h4>
                        </div>
                        <div class="widget-body" id="widget-body3"> 
                            <div class="row">
                                <div class="col-sm-6">
                                  <div class="hotel_text hotel_border">Dirección</div>
                                  <div class="hotel_text1 mt10"><?php echo ucwords(strtolower($hotel->address.', '.$hotel->city.', '.$hotel->country_name)); ?></div>

                                  <?php  
                                  $terminals = get_hotel_terminals($hotel->hotel_id);
                                  $type = '';
                                  foreach ($terminals as $terminal) {
                                    if($type != $terminal->type){
                                      echo '<div class="hotel_text hotel_border mt20">Nearest '.$terminal->type.'</div>';
                                    }
                                      echo '<div class="hotel_text1 mt10">'.$terminal->name.', '.$terminal->distance.' Kilometers</div>';
                                    $type = $terminal->type; 
                                  }
                                  ?>
                                </div>
                                <div class="col-sm-6">
                                  <?php  
                                  $interests = get_hotel_poi($hotel->hotel_id);
                                  if(!empty($interests)){
                                    echo '<div class="hotel_text hotel_border">Points of Interest</div>';
                                  }
                                  foreach ($interests as $interest) {
                                    echo '<div class="hotel_text1 mt10">'.$interest->poiName.', '.$interest->distance.' Kilometers</div>';
                                  }
                                  ?>
                                </div>
                            </div>
                        </div>
                    </div> 
                  </div>


                </div>
             </div>


          </div>



        </div>
      </div>
      
    </div>











  <div class="modal fade" id="login-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
      <div class="modal-dialog">
      <div class="modal-content">
          <div class="modal-header" align="center">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
            </button>
          </div>

          <div class="modal_popis">

            <div class="hotel_text hotel_border">En el hotel</div> 

            <p class="hotel_text1 mt20">Los huéspedes podrán disfrutar de las instalaciones del The Dorchester Spa y de las reservas prioritarias en los bares y restaurantes The Dorchester, incluyendo el Alain Ducasse de tres estrellas Michelin en The Dorchester. </p> 
          </div>   
                   
                    
        </div>
      </div>
    </div>


 <div class="modal fade" id="login-modal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
      <div class="modal-dialog">
      <div class="modal-content">
          <div class="modal-header" align="center">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
            </button>
          </div>

          <div class="modal_popis">

            <div class="hotel_text hotel_border"></div> 

            <p class="hotel_text1 mt20">Más amplias que las habitaciones superiores, pero con el mismo estilo art deco con detalles ricos. La entrada conduce a un elegante y moderno dormitorio que ofrece vistas a Hyde Park y cuenta con una cama king-size, muebles a medida y amenidades de alta tecnología que incluyen un estado de la técnica de la televisión Bang & Olufsen. Los baños son espaciosos, la mayoría con tocadores dobles y todos con exquisitos baños de mármol, duchas independientes y espejos con pantallas de televisión integradas. </p>

            <div class="hotel_text hotel_border"></div> 

            <div class="row mt10">
              <div class="col-sm-3"><b>Amenities</b></div>
              <div class="col-sm-9">
                <div class="modal_boxnav">
                
                  <ul>
                    <li><a href="#" data-original-title="" title="">Bata de baño</a></li>
                    <li><a href="#" data-original-title="" title="">Cafetera / Tetera</a></li>
                    <li><a href="#" data-original-title="" title="">Secador de pelo</a></li>
                    <li><a href="#" data-original-title="" title="">Mini Bar</a></li>
                    <li><a href="#" data-original-title="" title="">Seguro</a></li>
                    <li><a href="#" data-original-title="" title="">Zapatillas</a></li>
                  </ul>
                
                </div>
              </div>
            </div>

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

            <div class="row mt10">
              <div class="col-sm-3"><b>Caracteristicas</b></div>
              <div class="col-sm-9">
                <div class="modal_boxnav">
                  
                    <ul>
                      <li><a href="#" data-original-title="" title="">Aire acondicionado</a></li>
                      <li><a href="#" data-original-title="" title="">Acceso a Internet</a></li>
                    </ul>
                 
                </div>
              </div>
            </div>

            <div class="row mt10">
              <div class="col-sm-3"><b>Servicios</b></div>
              <div class="col-sm-9">
                <div class="modal_boxnav">
                  
                    <ul>
                      <li class="col-sm-6"><a href="#" data-original-title="" title="">Periódico gratuito</a></li>
                      
                      <li class="col-sm-6"><a href="#" data-original-title="" title="">Cancela el servicio</a></li>
                    </ul>
                  
                </div>
              </div>
            </div>

          </div>   
                   
                    
        </div>
      </div>
    </div>


  <div class="modal fade" id="login-modal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
      <div class="modal-dialog">
      <div class="modal-content">
          <div class="modal-header" align="center">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
            </button>
          </div>

          <div class="modal_popis">

            <div class="hotel_text hotel_border">En el hotel</div> 

            <p class="hotel_text1 mt20">Arch y Hyde Park Corner), el 45 Park Lane tiene fácil acceso a las zonas comerciales más exclusivas de Londres. Muchos de los principales lugares de interés de Londres, como el Museo Británico y el Palacio de Buckingham, son fácilmente accesibles tanto en coche como en transporte público.</p>
            <p class="hotel_text1 mt20">Habitaciones y suites:</p> 
            <p class="hotel_text1 mt20">Con interiores contemporáneos diseñados por el diseñador de Nueva York Thierry Despont, cada una de las 45 habitaciones y suites son amplias y luminosas. Todas ofrecen vistas cautivadoras del frondoso Hyde Park, y varias habitaciones tienen su propia terraza privada.</p> 
            <p class="hotel_text1 mt20">Inmaculadas y confortables, cada habitación es una obra maestra de diseño contemporáneo con tonos cálidos y naturales complementados por líneas nítidas y elegantes; Muebles a medida y ropa de cama; Amenidades de alta tecnología; Cuarto de baño con baños de mármol exquisito, duchas independientes y pantallas de televisión montadas en espejo.</p> 
            <p class="hotel_text1 mt20">La Penthouse Suite del 9no piso es la mejor experiencia con su diseño Art Deco y un balcón envuelto con vistas panorámicas de la ciudad de Londres.</p> 
            <p class="hotel_text1 mt20">CORTE EN EL PARQUE DE 45 PARES</p> 
            <p class="hotel_text1 mt20">Con sus vibrantes interiores y su atractivo menú, creado por Wolfgang Puck, fundador del reconocido internacionalmente, Wolfgang Puck, CUT en el 45 Park Lane es un moderno restaurante estadounidense de carne y es su restaurante de debut en Europa. Disfrute de deliciosa carne de res, suculenta langosta asada, pescado fresco entero salteado y ensaladas de temporada. La excelente cocina está acompañada por una excepcional carta de vinos de más de 600 vinos, con una de las más grandes selecciones de vinos americanos en el Reino Unido.</p> 
            <p class="hotel_text1 mt20">BAR 45</p> 
            <p class="hotel_text1 mt20">Si usted es un gran defensor de los cócteles antes de la cena y las gorras gregarias, le encantará el ambiente elegante en el bar 45- especialmente con un menú de bar suntuoso de 'Rough CUTS' de Wolfgang Puck para elegir. </p>  
          </div>   
                   
                    
        </div>
      </div>
    </div>
 <?php get_footer();?>