<div class="container-hg">
    <mobile-reservation-summary>
        <div ng-show="!rooms.isEmpty()" id="btn-summary" class="ng-hide">
            <div id="sticky-anchor"></div>
            <div id="sticky">
                <div class="content-shopping-cart  dark">
                    <div class="row bottom-spacer-sml">
                        <div class="col-md-12">
                            <input type="text" id="DateRangHotelMobile" onfocus="blur();"  readonly="true" value="" placeholder="Seleccione fecha" name="fromtoDateMobile" class="fromDate pull-right form-control">
                        </div>
                        <div class="col-xs-6">
                            <input type="date" data-date-format="YYYY-MM-DD" id="fromDateMobile" placeholder="Llegada" value="" name="fromDate" class="fromDate col-xs-12 hide form-control">
                        </div>
                        <div class="col-xs-6">
                            <input type="date" data-date-format="YYYY-MM-DD" id="toDateMobile" placeholder="Salida" value="" name="toDate" class="toDate col-xs-12 hide form-control">
                        </div>
                    </div>
                    <div class="row bottom-spacer-sml">
                        <div class="col-xs-6">
                            <label class="trn label-occupancy">Persons</label>
                        </div>
                        <div class="col-xs-6">
                            <select id="group_adults" aria-label="Número de adultos" name="booking-occupancy" class="form-control m-p booking-occupancy">
                                                                    <option value="1">1<p> Personas </p></option>
                                                                    <option value="2">2<p> Personas </p></option>
                                                                    <option value="3">3<p> Personas </p></option>
                                                            </select>
                        </div>
                        <div class="col-xs-4 hidden">
                            <select id="booking-children" aria-label="Número de child" name="booking-children" class="form-control m-p booking-children">
                                                                    <option value="1">1<p> Personas </p></option>
                                                                    <option value="2">2<p> Personas </p></option>
                                                                    <option value="3">3<p> Personas </p></option>
                                                            </select>
                        </div>
                    </div>
                    <div class="row bottom-spacer-sml">
                        <div class="col-xs-12">
                            <label class="trn" data-toggle="collapse" data-target="#promoCodeMobile" >Promotional code</label>
                        </div>
                        <div class="col-xs-12">
                            <input type="text" placeholder="Si lo tiene, escríbalo aquí." class="form-control discount-code collapse in" id="promoCodeMobile" name="discount-code" >
                        </div>
                    </div>
                    <button class="btn btn-success col-xs-12 trn" id="btn-search" type="button">Search</button>

                    <button class="btn btn-success col-xs-12 trn" data-toggle="collapse" style="display:none" data-target="#cart-mobile">Ver habitaciones reservadas</button>

                    <div id="cart-mobile" class="collapse">
                        <div id="cart" class="mt20" style="display: none">
                            <h4 class="trn">Booking summary</h4>
                            <div class="bodyCart"></div>
                            <div class="footerCart">
                                <h5 class="trn">Total: <span class="pull-right">-€</span></h5>
                                <p class="trn tax_included" style="display:none">TAX Included</p>
                                <p class="tax_excluded" style="display:none">
                                    <span class="trn">TAX Excluded</span>: <span class="tax"></span>% <span class="trn">taxes</span>.
                                </p>
                            </div>
                            <div class="row">
                                <div class="col-xs-12">
                                    <button class="btn btn-success col-xs-12 trn" data-toggle="modal" data-target="#modalConfirmBooking" id="btn-ViewPrice" type="button">Confirm booking</button>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </mobile-reservation-summary>

    <div class="main-content row">

        <div class="col-sm-12" id="right-container">
            <shopping-cart>
                <div ng-show="!rooms.isEmpty()" class="content-summary shopping-cart-menu ng-hide">
                    <div class="content-right-head">
                        <div class="shopping-cart row ">
                            <div class="row">
                                <div class="col-md-6">
                                    <input type="text" id="fromDate" value="02-05-2026" name="fromDate" class="fromDate pull-right hide form-control">
                                </div>
                                <div class="col-md-6">
                                    <input type="text" id="toDate" value="03-05-2026" name="toDate" class="toDate pull-right hide form-control">
                                </div>
                            </div>
                            <div class="row">
                                
                            </div>

                            <div id="sticky-anchor-desktop"></div>
                            <div id="sticky-desktop">
                                <div id="cart" class="mt20" style="display: none">
                                    <h4 class="trn">Booking summary</h4>
                                    <div class="bodyCart"></div>
                                    <div class="footerCart">
                                        <h5 class="trn">Total: <span class="pull-right">-€</span></h5>
                                        <p class="trn tax_included" style="display:none">TAX Included</p>
                                        <p class="tax_excluded" style="display:none">
                                            <span class="trn">TAX Excluded</span>: <span class="tax"></span>% <span class="trn">taxes</span>.
                                        </p>
                                    </div>
                                    <div class="row">
                                        <div class="col-xs-12">
                                            <button class="btn btn-success col-xs-12 trn" data-toggle="modal" data-target="#modalConfirmBooking" id="btn-ViewPrice" type="button">Confirm booking</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-12">
                                    <label class="trn">Arrival</label> - <label class="trn">Departure</label>
                                    <input type="text" id="DateRangHotel" onfocus="blur();"  readonly="true" value="" placeholder="Seleccione fecha" name="fromDate" class="fromDate pull-right form-control">
                                </div>
                                <div class="col-md-2 col-sm-12">
                                    <label class="trn label-occupancy">Persons</label>
                                    <select id="booking-occupancy" name="booking-occupancy" class="form-control m-p booking-occupancy">
                                                                                <option value="1">1<p> Personas </p></option>
                                                                                <option value="2">2<p> Personas </p></option>
                                                                                <option value="3">3<p> Personas </p></option>
                                                                                                                </select>
                                    
                                    <div id="children-select" class="children-select" style="display:none">
                                        <label class="trn">children</label>
                                        <select   id="booking-children" placeholder="children" name="booking-children" class="form-control m-p toggleHG booking-occupancy-children">
                                                                                                                                        <option  value="0">0</option>
                                                                                            <option data-toggle="group-checkin-input-collapse" value="1">1</option>
                                                                                            <option data-toggle="group-checkin-input-collapse" value="2">2</option>
                                                                                            <option data-toggle="group-checkin-input-collapse" value="3">3</option>
                                                                                    </select>
                                        <div class="collapse" id="group-checkin-input-collapse" >
                                            <label class="trn">Edad</label>
                                            <select  id="booking-children" placeholder="children" name="booking-children" class="form-control m-p toggleHG">
                                                                                                                                                    <option  class="trn" value="0">0 Años </option>
                                                                                                    <option  class="trn" value="1">1 Años </option>
                                                                                                    <option  class="trn" value="2">2 Años </option>
                                                                                                    <option  class="trn" value="3">3 Años </option>
                                                                                                    <option  class="trn" value="4">4 Años </option>
                                                                                                    <option  class="trn" value="5">5 Años </option>
                                                                                                    <option  class="trn" value="6">6 Años </option>
                                                                                                    <option  class="trn" value="7">7 Años </option>
                                                                                                    <option  class="trn" value="8">8 Años </option>
                                                                                                    <option  class="trn" value="9">9 Años </option>
                                                                                                    <option  class="trn" value="10">10 Años </option>
                                                                                                    <option  class="trn" value="11">11 Años </option>
                                                                                                    <option  class="trn" value="12">12 Años </option>
                                                                                                    <option  class="trn" value="13">13 Años </option>
                                                                                                    <option  class="trn" value="14">14 Años </option>
                                                                                                    <option  class="trn" value="15">15 Años </option>
                                                                                                    <option  class="trn" value="16">16 Años </option>
                                                                                                    <option  class="trn" value="17">17 Años </option>
                                                                                                    <option  class="trn" value="18">18 Años </option>
                                                                                            </select>
                                        </div>
                                    </div>

                                </div>
                                <div class="col-md-4 col-sm-12">
                                    <label class="trn">Promotional code</label>
                                    <input type="text" placeholder="Si lo tiene, escríbalo aquí." class="form-control discount-code" id="promoCode" name="discount-code" >
                                </div>
                                <div class="col-md-2 col-sm-12">
                                    <label class="trn" style="visibility:hidden;">Search</label>
                                    <button class="btn btn btn-primary col-xs-12 trn" id="btn-search-main" type="button">Book now</button>
                                </div>
                                <div class="mt20">

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </shopping-cart>
        </div>


    </div>

</div>


<div class='col-sm-12'>
    <div id='alerts-main-container'></div>
    <div room-type-order=''>

        <div room-type-panel='' photos='room_type.photos' ng-repeat='room_type in room_types| withRoomRates | autoOptimize | onlyAvailable' class='content-results ng-scope row'>

            <div class='room-type-panel content-result'>

                <div class='content-result-image clm-left-fixed '>

                    <!-- Carousel -->
                    <div id='myCarousel' class='carousel slide' data-ride='carousel'>
                        <!-- Indicators -->
                        <ol class='carousel-indicators hidden-xs'>
                            <li data-target='#myCarousel' data-slide-to='0' class='active'></li>
                        </ol>
                        <div class='carousel-inner' role='listbox'></div>
                        <a class='left carousel-control' href='#myCarousel' role='button' data-slide='prev'>
                            <span class='glyphicon glyphicon-chevron-left' aria-hidden='true'></span>
                            <span class='sr-only trn'>Previous</span>
                        </a>
                        <a class='right carousel-control' href='#myCarousel' role='button' data-slide='next'>
                            <span class='glyphicon glyphicon-chevron-right' aria-hidden='true'></span>
                            <span class='sr-only trn'>Next</span>
                        </a>
                    </div>

                    <!-- thumb navigation carousel -->
                    <div class='col-md-12 hidden-sm hidden-xs' id='slider-thumbs' style='display: none'>
                        <!-- thumb navigation carousel items -->
                        <ul class='list-inline'>
                            <li> <a id='carousel-selector-0' class='selected'>
                                </a>
                            </li>
                            <li> <a id='carousel-selector-1'>
                                </a>
                            </li>
                        </ul>
                    </div>

                    <!-- /.carousel -->
                </div>

            </div>



            <!-- Tab panes -->
            <section >
                <div >
                    <div  class='tab-pane active' id='onlyRoom'>
                        <div class='content-room'>
                            <div class='row header-roomlist'></div>
                            <div class='row roomitem'></div>
                            <div class='collapse' id='viewRoomDetails'></div>
                        </div>
                    </div>
                </div>
            </section>

        </div>

    </div>
</div>
<div id="tmplviewRoomOffer" style="display:none" >
    <div class="col-xs-12 policyblock separator">
        <div class="row">
            <div class="hg-rate-plan-header hg-webrate-header">
                <div class="web-rate-tag has-offer col-sm-12">
                    <span class="trn offer">SPECIAL PACK</span>
                    <span class="text"> - </span>
                    <span class="txt-more"> - </span>
                </div>
                <div class="hg-policy-descr-container col-sm-12" style="display:none" >
                    <div class="txt-more"></div>
                    <div class="hg-policy-label">   <span class="canc-free"> -  </span>  </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="details-pack"></div>
        </div>
    </div>
</div>

<div id="tmplviewRoomDetails" style="display:none" >
    <div class="well row">
        
            <div class="row roomdetails"></div>
            <div class="row roomdetails">
                <div class="room-details">
                    <div class="room-details-listitem-head row">
                      <div class="col-md-offset-8 col-lg-1 trn ">Price</div>
                      <div class="col-lg-1 trn units">Units</div>
                    </div>
                    <div class="room-details-listitem"> </div>
                </div>
            </div>
            <div class="row roomhasoffer ribbon" style="display: none;"> </div>
            <div class="row roomdetails">
                <div class="col-lg-12 booking_form_controls no-padding">
                    <div class="datepicker_holder hasDatepicker"> </div>
                </div>
            </div>             
            </div>
</div>

<div id="tmplroom-details-item" class="roww" style="display:none" >
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-4">
        <div class="hg-rate-plan-header hg-webrate-header">
            <div class="web-rate-tag">WEB RATE<a class="hg-rate-condition-link" href="#"><i class="fa fa-info-circle"></i></a></div>
            <div class="hg-policy-descr-container">
                <div class="txt-more">Best internet rate available</div>
                <div class="hg-policy-label" style="display:none">   <span class="canc-free"> Free cancellation until  Fri, May 04, 2018  </span>  </div>
            </div>
        </div>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-8">
        <div class="row details-board"></div>
    </div>
</div>

<div id="tmplroom-details-board"  style="display:none" >
    <div class="col-xs-12 divider">
        <div class="col-xs-5 nameboard no-padding hidden-xs">
            <i class="ico fa"></i>
            <span class="txt">-</span>
            <br>
            <small class="avalibility">-</small> <small class="trn">units left</small>
        </div>
        <div class="col-xs-3 hidden-xs no-padding center">
            <span class="price price-md">80</span><span class="priceDayList"></span>
            <span class="striked-price">98</span>
        </div>
        <div class="col-xs-12 col-sm-1 no-padding">
            <select id="selectQuantity" class="form-control m-p selectQuantity"> </select>
        </div>
        <div class="col-xs-12 col-sm-3 no-padding">
            <button type="button" class="btn btn-primary addcart col-xs-12" data-id-cart="">
                <span class="price col-xs-3 hidden-sm hidden-lg hidden-md">80</span>
                <div class="col-xs-6 hidden-sm hidden-lg hidden-md nameboard">
                    <i class="ico fa"></i>
                    <span class="txt">-</span>
                    <br>
                </div>
                <i class="fa fa-plus"></i> <span class="trn">Add</span>
            </button>
            <span class="not-available trn hidden-xs">Not available</span>
            <span class="minstay"><span class="trn">minstay</span> <b class="num-minstay"></b></span>
            <span class="maxstay"><span class="trn">maxstay</span> <b class="num-maxstay"></b></span>
        </div>
    </div>

</div>
<!--
<div id="tmplroom-details-itemV1" style="display:none" >
   <div class="col-xs-2 col-sm-1 occupancy">
       <div class="occupancy-main"><span class="number">2</span> <i class="fa fa-male"></i></div>
       <div class="occupancy-child" style="display: none">
           <span class="number-adult" >0</span> <i class="fa fa-male"></i>
           <span class="number-child" >0</span> <i class="fa fa-child"></i><br>
       </div>
   </div>
   <div class="col-xs-4 col-sm-5">
       <span class="name">Estudio Pack Romántico</span>
       <span class="policy hidden-xs">-</span>
   </div>

   <div class="col-xs-2 hidden-xs">
       <span class="price price-md">80</span>
   </div>
   <div class="col-xs-2 hidden-sm hidden-lg hidden-md">
       <span class="policy">-</span>
   </div>
   <div class="col-xs-2 col-sm-2 no-padding danger">
       <small class="avalibility">-</small> <small class="trn">units left</small>
   </div>
   <div class="col-xs-12 col-sm-2 pull-right">

       <button type="button" class="btn btn-primary addcart col-xs-12" data-id-cart="">
           <span class="price col-xs-6 hidden-sm hidden-lg hidden-md">80</span>
           <i class="fa fa-plus"></i> <span class="trn">Add</span>
       </button>
       <span class="not-available trn hidden-xs">Not available</span>
       <span class="minstay"><span class="trn">minstay</span> <b class="num-minstay"></b></span>
       <span class="maxstay"><span class="trn">maxstay</span> <b class="num-maxstay"></b></span>
   </div>
</div>-->



<!-- detalles room -->
<div id="tmplroom-extras" style="display:none" >
    <div class="col-xs-12">
        <div class="row form-group">
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingOne">
                    <div class="row">
                        <div class="col-xs-12 col-sm-5 mt9">
                            <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse" aria-expanded="true" aria-controls="collapse">
                                <i class="fa fa-info"></i> <span class="title">Parking</span>
                            </a>
                        </div>
                        <div class="col-xs-12 col-sm-3 mt9">
                            <h5>
                                <span class="price"></span>
                                <span class="price-type"></span>
                            </h5>
                        </div>
                        <div class="col-xs-12 col-sm-2">
                            <input class="form-control quantity" name="quantity" min="1" value="1" type="text">
                        </div>
                        <div class="col-xs-12 col-sm-2 pull-right">
                            <button type="button" class="btn btn-primary addProductcart addcart pull-right" data-id-cart="" style="display: inline-block;">
                                <i class="fa fa-plus"></i>
                            </button>
                        </div>
                    </div>
                </div>
                <div id="collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading">
                    <div class="panel-body description">Descriptio</div>
                </div>
            </div>

        </div>

    </div>
</div>    <div version="2.0">
                        
        <div role="dialog" tabindex="-1" id="modalConfirmBooking" class="modal inmodal fade in">
            <div class="modal-dialog modal-xl">
                <form data-toggle="validator" id="confirmBookingForm" role="form">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button id="btn-ConfirmBooking" name="btn-ConfirmBooking" data-dismiss="modal" class="btn btn-primary trn pull-right" type="button">Book more rooms</button>
                            <h2 class="trn">Confirm booking</h2>
                        </div>

                        <div class="modal-body-book row">
                            
                           
                            <div class="panel-group col-xs-12 col-sm-6" id="checkoutbook">
                                 <!-- bloq extras and customer -->
                                <div class="panel extrasPanel">
                                    <div class="panel-heading">
                                        <h3>
                                            <a class="trn " id="btn-extrasContainer" data-toggle="collapse" data-parent="#checkoutbook" href="#extrasContainer">
                                                Extras <i class="fa fa-angle-down rotate-icon"></i>
                                            </a>
                                        </h3>
                                    </div>
                                    <div id="extrasContainer" class="panel-collapse collapse">
                                        <div class="panel-body">
                                            <div id="extras">
                                                <div id="itemExtras" ></div>
                                                <button class="btn btn-primary trn " id="btn-continueCustomDetails" role="button" >Continue</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- fin bloq extras and customer -->
                                <!-- bloq confirm booking --> 
                                <div class="panel customerdetailsPanel">
                                    <div class="panel-heading">
                                        <h3>
                                            <a id="btn-customerdetails" data-toggle="collapse" data-parent="#checkoutbook" href="#customerdetails">
                                                <span class="trn">Your details</span><i class="fa fa-angle-down rotate-icon"></i>
                                            </a>
                                        </h3>
                                    </div>
                                    <div id="customerdetails" class="panel-collapse collapse in">
                                        <div class="panel-body">

                                            <div class="row form-group">
                                                <div class="col-xs-12 col-sm-4 form-group">
                                                    <div class="input-group col-xs-12">
                                                        <input value="" id="booking-customer-name" placeholder="Name*" type="text" class="form-control customer-name" name="booking-customer-name" required >
                                                    </div>
                                                </div>
                                                <div class="col-xs-12 col-sm-8 form-group">
                                                    <div class="input-group col-xs-12">
                                                        <input value="" id="booking-customer-surname" placeholder="Surname*" type="text" class="form-control customer-surname" name="booking-customer-last-name" required  >
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row form-group">
                                                <div class="col-xs-12 col-sm-4 form-group">
                                                    <input value="" id="booking-customer-phone" placeholder="Telephone*" type="tel"  class="form-control customer-phone" name="booking-customer-phone" required >
                                                </div>
                                                <div class="col-xs-12 col-sm-8 form-group">
                                                    <input value="" id="booking-customer-email" placeholder="E-Mail*" type="email" class="form-control customer-mail" name="booking-customer-email" required >
                                                </div>
                                            </div>

                                            <div class="row form-group">
                                                <div class="col-xs-12 col-sm-4 form-group">
                                                    <input value="" id="booking-customer-city" placeholder="City" class="form-control customer-city" name="booking-customer-city" type="text" >
                                                </div>
                                                <div class="col-xs-12 col-sm-8 form-group">
                                                    <input value="" id="booking-customer-address" placeholder="Address" type="text" class="form-control customer-address" name="booking-customer-address" >
                                                </div>
                                            </div>

                                            <div class="row form-group">
                                                <div class="col-xs-12 col-sm-4 form-group">
                                                    <input value="" id="booking-customer-zipcode" placeholder="Zip Code" class="form-control customer-zipcode" name="geoname" type="text" >
                                                </div>
                                                <div class="col-xs-12 col-sm-4 form-group">
                                                    <input value=""  id="booking-customer-country" placeholder="Country" type="text" class="form-control customer-country" name="customer-address" >
                                                </div>
                                                <div class="col-xs-12 col-sm-4 form-group">
                                                    <input value=""  id="booking-arrival-hour" placeholder="Arrival time" type="text" class="form-control customer-arrival-time" name="customer-arrival-time" >
                                                </div>
                                            </div>
                                            <hr>
                                            <div class="row form-group paymenTypeDefault">
                                                <div id="pago" class="collapse"></div>
                                                <div id="noPayment" style="display: none"></div>
                                                <div id="tpvPayment" class="alert alert-success" style="display: none">
                                                    <h6><a data-toggle="collapse" data-target="#pago" class="trn">Payment</a></h6>
                                                    <span class="trn">You will be redirected to the payment gateway. The total amount to pay to confirm this booking is:</span>
                                                    <span class="price"> </span>
                                                </div>
                                            </div>                                        
                                            
                                            <script type="text/javascript" >
                                            (function ($) {
                                                $(document).ready(function () {
                                            $('#checkoutbook .panel-heading a').on('click', function (e) {
                                                if ($(this).parents('.panel').children('.panel-collapse').hasClass('in')) {
                                                    e.stopPropagation();
                                                }
                                            });
                                                                                                });
                                            })(jQuery);
                                            </script>


                                            <h3><a  class="trn">Notes</a></h3>
                                            <div id="observaciones" class="collapse-">
                                                <div class="form-group">
                                                    <textarea id="booking-customer-notes" class="form-control" placeholder="Please write any special requirement."></textarea>
                                                </div>
                                            </div>
                                            <hr>

                                            <div class="form-group">
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox" value="" required> <span class="trn">My e-mail is correct</span> (<span class="email">email@email.com</span>)
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox" value="" required> <span class="trn">I accept the </span> <a data-toggle="collapse" data-target="#lopd"><span class="trn">privacy data policy</span></a> <a data-toggle="collapse" data-target="#additional_info"><span class="trn">cancellation and additional information policy</span></a>
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div id="lopd" class="collapse policytext-area">

                                                </div>
                                                <div id="additional_info" class="collapse policytext-area">
                                                </div>

                                            </div>
                                            <!--                                            <div class="form-group">
                                                                                            <button id="btn-ConfirmBooking" name="btn-ConfirmBooking" data-dismiss="modal" class="btn btn-white trn" type="button">Close</button>
                                                                                            <button id="btn-AddBooking" name="btn-AddBooking" class="btn btn-primary trn" type="submit" >Confirm booking</button>
                                                                                        </div>-->
                                        </div>
                                    </div>
                                </div>
                                <!-- fin bloq confirm booking -->
                                
                                <!-- bloq payment -->
                                <div class="panel paymentPanel" style="display:none">
                                    <div class="panel-heading">
                                        <h3>
                                            <a  id="btn-paymentContainer" data-toggle="collapse" data-parent="#checkoutbook" href="#paymentContainer">
                                                 <span class="trn">Payment</span> <i class="fa fa-angle-down rotate-icon"></i>
                                            </a>
                                        </h3>
                                    </div>
                                    <div id="paymentContainer" class="panel-collapse collapse">
                                        <div id="page-load-mask" class="am-fade hide" >
                                            <div class="load-content">
                                                <i class="fa fa-spinner fa-pulse"></i>
                                                <h1 class="trn">validating</h1>
                                            </div>
                                        </div>
                                        <div class="panel-body">
                                            <iframe sandbox="allow-forms allow-popups allow-popups allow-same-origin allow-scripts " id="paycometIframe"  width="400" height="525" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" style="border: 0px solid #000000; padding: 0px; margin: 0px"></iframe>                                        </div>
                                    </div>
                                </div>
                                <!-- fin bloq extras and customer -->
                 
                            </div>

                            <!-- cart details-->
                            <div class="panel-group col-xs-12 col-sm-6">
                                <div id="tooltip-cart" style="display: none"></div>
                                <div id="modal-cart" style="display: none">
                                    <h4><span class="trn">Booking summary</span> <span class="dateCart"></span></h4>
                                    <div class="bodyCart"></div>
                                    <div class="footerCart">
                                        <h5 class="trn">Total: <span class="pull-right">-€</span></h5>
                                        <p class="trn tax_included" style="display:none">TAX Included</p>
                                        <p class="tax_excluded" style="display:none">
                                            <span class="trn">TAX Excluded</span>: <span class="tax"></span>% <span class="trn">taxes</span>.
                                        </p>
                                        <small class="payment_booking_engine" style="display:none"></small>
                                        <button id="btn-AddBooking" name="btn-AddBooking" class="btn btn-primary trn pull-right" type="submit" >Confirm booking</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button id="btn-ConfirmBooking" name="btn-ConfirmBooking" data-dismiss="modal" class="btn btn-white trn" type="button">Close</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <div role="dialog" tabindex="-1" id="modalFinish" class="modal inmodal fade in">
            <div class="modal-dialog ">
                                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">
                            <span aria-hidden="true">×</span><span class="sr-only trn">Close</span>
                        </button>
                        <h2 class="trn">Your booking is now confirmed</h2>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-xs-12">
                                <span class="trn">This is your booking number </span><span class="reference">{reference}</span>,
                                <span class="trn">we recommend you to save it in case you need to modify or cancel your booking later</span>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer"></div>
                </div>
                            </div>
        </div>

        <div class="modal fade alert-modal-sm" tabindex="-1" role="dialog" aria-labelledby="alertSmallModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-content"></div>
            </div>
        </div>
    </div>

{"id":2799,"date":"2024-03-25T15:39:27","date_gmt":"2024-03-25T14:39:27","guid":{"rendered":"https:\/\/www.hostalalhambra.es\/booking-hg\/"},"modified":"2024-03-25T15:39:27","modified_gmt":"2024-03-25T14:39:27","slug":"booking-hg","status":"publish","type":"page","link":"https:\/\/www.hostalalhambra.es\/es\/booking-hg\/","title":{"rendered":"booking Hg"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-2799","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.hostalalhambra.es\/es\/wp-json\/wp\/v2\/pages\/2799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostalalhambra.es\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hostalalhambra.es\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostalalhambra.es\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostalalhambra.es\/es\/wp-json\/wp\/v2\/comments?post=2799"}],"version-history":[{"count":1,"href":"https:\/\/www.hostalalhambra.es\/es\/wp-json\/wp\/v2\/pages\/2799\/revisions"}],"predecessor-version":[{"id":2893,"href":"https:\/\/www.hostalalhambra.es\/es\/wp-json\/wp\/v2\/pages\/2799\/revisions\/2893"}],"wp:attachment":[{"href":"https:\/\/www.hostalalhambra.es\/es\/wp-json\/wp\/v2\/media?parent=2799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}