API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 23rd, 2018
553
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.53 KB | None | 0 0
raw download clone embed print report
  1. {% extends 'gayhotels.html.twig' %}
  2. {% block css %}
  3. <link rel="stylesheet" href="{{ asset('css/font-awesome-4.7.0/css/font-awesome.min.css') }}"/>
  4. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
  5. <link rel="stylesheet" href="{{ asset('css/gayhotels_common.css') }}"/>
  6. <link rel="stylesheet" href="{{ asset('css/gayhotels_search.css') }}"/>
  7. <link href="https://fonts.googleapis.com/css?family=Montserrat:normal|Montserrat:bold" rel="stylesheet">
  8. {% endblock %}
  9.  
  10. {% block body %}
  11. <div id="content">
  12. <div id="top-bar"></div>
  13. <div id="top-body-hotel" class="container">
  14. <div class="container-inner">
  15. <div id="top-body-left" class="col-md-2">
  16. {% block destination_info %}
  17. <div class="top-body-left-div"><span class="top-body-left-fixed">Destination</span> <br> <span class="top-body-left"><span id="destination-city">{{ city }}</span></span></div>
  18. <div class="top-body-left-div"> <span class="top-body-left-fixed">Dates</span> <br> <span class="top-body-left" id="dates">{{ checkinDate|date("D, M j") }} - {{ checkoutDate|date("D, M j") }}</span></div>
  19. <div class="top-body-left-div"><span class="top-body-left-fixed">Rooms</span> <span class="top-body-left" id="nr-rooms">{{ rooms }}</span></div>
  20. {% endblock %}
  21. </div>
  22. <div id="top-body-center" class="col-md-10">
  23. <div id="hotel-title">
  24. <h4 id="hotel-name">{{ hotel.getProduct().getName() }}</h4>
  25. <span id="hotel-address">{{ hotel.getProduct().getAddress1() }}, {{ hotel.getProduct().getAddress2() }}</span>
  26. </div>
  27. <div class="col-md-6 col-sm-12">
  28. <div id="hotel-stars" class="col-md-4">
  29. {% for i in 1..(hotel.getProduct().getRatingScore()|number_format)%}
  30. <i class="fa fa-star"></i>
  31. {% endfor %}
  32. {% set k = 5 - hotel.getProduct().getRatingScore() %}
  33. {% if k > 0 %}
  34. {% for j in 0..(k-1) %}
  35. <i class="fa fa-star-o"></i>
  36. {% endfor %}
  37. {% endif %}
  38. </div>
  39. <div class="col-md-6">
  40. <span id="hotel-category">{{ hotel.getProduct().getCategories().first()}}</span>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. </div>
  46. <div id="center-body-hotel" class="container">
  47. <div class="container-inner">
  48. <div class="center-body-left col-lg-2 col-md-2">
  49. <div id="search-panel">
  50. <form class="form" role="form" action="search" method="get">
  51. <h4>Search</h4>
  52. <div class="form-group">
  53. <select name="city" class="form-control">
  54. <option value="Barcelona">Barcelona</option>
  55. <option value="Madrid">Madrid</option>
  56. <option value="Berlin">Berlin</option>
  57. <option value="Lisbon">Lisbon</option>
  58. <option value="Ibiza">Ibiza</option>
  59. </select>
  60. </div>
  61. <div class="form-group">
  62. <p>Check-in date</p>
  63. <input type='text' class="datepicker" name="check_in" value="{{ checkinString }}" class="form-control" />
  64. </div>
  65. <div class="form-group">
  66. <p>Check-out date</p>
  67. <input type='text' class="datepicker" name="check_out" value="{{ checkoutString }}" class="form-control" />
  68. </div>
  69. <div class="form-group">
  70. {% if nights == 1%}
  71. <p>{{ nights }}-night stay</p>
  72. {% else %}
  73. <p>{{ nights }}-nights stay</p>
  74. {% endif %}
  75. <select name="guests" class="form-control">
  76. <option value="1">1 guest</option>
  77. <option value="2">2 guests</option>
  78. <option value="3">3 guests</option>
  79. <option value="4">4 guests</option>
  80. <option value="5">5 guests</option>
  81. </select>
  82. </div>
  83. <div class="form-group">
  84. <select name="rooms" class="form-control">
  85. <option value="1">1 room</option>
  86. <option value="2">2 rooms</option>
  87. <option value="3">3 rooms</option>
  88. <option value="4">4 rooms</option>
  89. </select>
  90. </div>
  91. <div id="search-button" class="form-group">
  92. <button type="submit" class="btn">Search</button>
  93. </div>
  94. </form>
  95. </div>
  96. </div>
  97. <div class="center-body-center col-md-10 col-lg-10">
  98. <div id="hotel-info">
  99. <div class="container">
  100. <div id="hotel-info-top">
  101. <div class="col-md-8">
  102. {% if hotel.product.images is empty %}
  103. <img src="" class="img-responsive"/>
  104. {% else %}
  105. <img src="{{ asset(hotel.product.images.0.path) }}" class="img-responsive"/>
  106. {% endif %}
  107. </div>
  108. <div class="col-md-2 left-margin">
  109. <h4>Most Popular Facilities</h4>
  110. <ul>
  111. {% for amenity in hotel.getAmenities() %}
  112. <li style="background: url({{ asset('img/icons/amenities/'~amenity.getIcon()~'.svg' ) }}) no-repeat left top; background-size: 25px 20px;">
  113. {{ amenity.getLabel() }}
  114. </li>
  115. {% endfor %}
  116. </ul>
  117.  
  118. </div>
  119. <div class="col-md-2 left-margin">
  120. <h4>All Rooms Include</h4>
  121. <ul>
  122. {% for amenity in hotel.getAmenities() %}
  123. <li style="background: url({{ asset('img/icons/amenities/'~amenity.getIcon()~'.svg' ) }}) 0 bottom no-repeat; background-size: 25px 20px;">
  124. {{ amenity.getLabel() }}
  125. </li>
  126. {% endfor %}
  127. </ul>
  128. </div>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135.  
  136. <div id="center-body-hotel-bottom" class="container">
  137. <div class="container-inner">
  138. <div class="center-body-left col-md-2">
  139. <h4><i class="fa fa-map-marker"></i> <span>Check on Map </span></h4>
  140. <div id="map" ></div>
  141. </div>
  142. <div class="col-md-7 center-body-center">
  143. <h4>About The Place</h4>
  144. <p class="introduction-text">{{ hotel.getProduct().getDescription() }}
  145. </p>
  146. <p>
  147. {{ hotel.getLongDescription() }}
  148. </p>
  149. </div>
  150. <div class="center-body-right col-md-3">
  151. <div id="hotel-price">
  152. <!---p id="hotel-price-std"> Standard Price: <br> € <span>{{ minPromoPrice|number_format }}</span></p--->
  153. <p id="hotel-price-our"> Our Price: <br> € <span>{{ minPrice|number_format }}</span></p>
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158. <div id="bottom-body-hotel-availability" class="container">
  159. <div class="container-inner">
  160. <h4>Availability on this Place</h4>
  161. </div>
  162. <div class="container-inner">
  163. <input type="hidden" id="hotel-id" value="{{ hotel.id }}"/>
  164. <input type="hidden" id="checkin-string" value="{{ checkinString }}"/>
  165. <input type="hidden" id="checkout-string" value="{{ checkoutString }}"/>
  166. <div class="top-col col-md-10">
  167. <div id="search">
  168. <form id="change-info-form" class="form-inline" role="form" action="search" method="get">
  169. <input type="hidden" name="accessibleBathroom" value="{{ accessibleBathroom }}"/>
  170. <input type="hidden" name="wheelchairAccessible" value="{{ wheelchairAccessible }}"/>
  171. <input type="hidden" name="rollinShower" value="{{ rollinShower }}"/>
  172. <input type="hidden" name="hotelId" value="{{ hotel.id }}"/>
  173. <div class="form-group">
  174. <label for="search-check-in">Check-in date</label>
  175. <input id="search-check-in" type='text' class="datepicker form-control" name="check_in" placeholder="Check-in"/>
  176. </div>
  177. <div class="form-group">
  178. <label for="search-check-out">Check-out date</label>
  179. <input id="search-check-out" type='text' class="datepicker form-control" name="check_out" placeholder="Check-out" />
  180. </div>
  181. <div class="form-group form-align">
  182. <div class="form-group">
  183. <select name="rooms" class="form-control">
  184. <option value="1">1 Room</option>
  185. <option value="2">2 Rooms</option>
  186. <option value="3">3 Rooms</option>
  187. <option value="4">4 Rooms</option>
  188. </select>
  189. </div>
  190. <div class="form-group">
  191. <select name="guests" class="form-control">
  192. <option value="1">1 Guest</option>
  193. <option value="2">2 Guests</option>
  194. <option value="3">3 Guests</option>
  195. <option value="4">4 Guest</option>
  196. </select>
  197. </div>
  198. </div>
  199.  
  200. <div class="form-group spacing-search-form"></div>
  201. <div class="form-group">
  202. <button type="submit" class="btn">Search</button>
  203. </div>
  204. </form>
  205.  
  206. </div>
  207. <div id="rooms-mobile" hidden="hidden" class="container">
  208. <div class="container-inner">
  209. <div class="col-md-12 row-1">
  210. <p>Prices are per room for {{ nights }} nights <br> included {{ tax.getTax() }}% VAT {% if hotel.getHasCityTax() %}<br> not included {% if hotel.cityTaxType.id == 2 or hotel.cityTaxType == 3 %}€ {% endif %}{{ hotel.cityTaxAmount }}{% if hotel.cityTaxType == 1 %}%{% endif %} City tax <br> per person per {% if hotel.cityTaxType == 3 %}night{% else %}stay{% endif %}{% endif %}</p>
  211. </div>
  212. <div id="table-rooms-reservation" class="col-md-12 row-2">
  213. <p><span id="total-room-amount">0</span> rooms for <b> € <span id="total-cost">0</span> </b> <br> No registration required</p>
  214. <form id="payment-form" action="payment" method="get">
  215. <input name="hotelId" value="{{ hotel.id }}" hidden="hidden"/>
  216. <input name="check_in" value="{{ checkinString }}" hidden="hidden"/>
  217. <input name="check_out" value="{{ checkoutString }}" hidden="hidden"/>
  218. <input name="room_id" value="" hidden="hidden"/>
  219. <input name="room_amount" value="" hidden="hidden"/>
  220. <input name="breakfast" value="" hidden="hidden"/>
  221. <input name="cancelOption" value="" hidden="hidden"/>
  222. <button class="btn">Select</button>
  223. </form>
  224. </div>
  225. <div class="col-md-12">
  226. {% set first = true %}
  227. {% for room in roomsInfo %}
  228. {% if first %}
  229. {% set first = false %}
  230. <div class="room-table-result first-result">
  231. {% else %}
  232. <div class="room-table-result other-result">
  233. {% endif %}
  234. <input type="hidden" class="room-id" value="{{ room.RoomTypeId }}"/>
  235. <input type="hidden" class="base-price" value="{{ room.Price }}"/>
  236. <input type="hidden" class="base-standard-price" value="{{ room.PromoPrice }}"/>
  237. <input type="hidden" class="breakfast-value" value="{{ room.BreakfastCost }}"/>
  238. <input type="hidden" class="cancellation-tax-type" value="{{ room.CancelationTaxTypeId }}"/>
  239. <input type="hidden" class="cancellation-value" value="{{ room.CancelationCostAmount }}"/>
  240. <input type="hidden" id="room-availability-{{ room.RoomTypeId }}" class="room-availability" value="{{ room.AvailableRooms }}"/>
  241. <div class="img-holder">
  242. {% if not room.ImagesPath is empty %}
  243. <img src="{{ asset(room.ImagesPath.0) }}" class="img-responsive"/>
  244. {% else %}
  245. <img src="http://via.placeholder.com/350x350" class="img-responsive"/>
  246. {% endif %}
  247. </div>
  248. <div class="room-table-section">
  249. <h5>Room Type</h5>
  250. <select name="breakfast-included" class="form-control room-options-breakfast room-options">
  251. <option value="1">{{ room.RoomTypeName }}</option>
  252. {% if room.HasBreakfast %}
  253. <option value="2">{{ room.RoomTypeName }} with breakfast</option>
  254. {% endif %}
  255. </select>
  256. </div>
  257. <div class="col-xs-12 room-table-section">
  258. <div class="col-xs-3">
  259. <span class="title"> Sleeps </span>
  260. </div>
  261. <div class="col-xs-9">
  262. <span class="room-guests">
  263. {% for i in 1..room.AmountGuests %}
  264. <i class="fa fa-user"></i>
  265. {% endfor %}
  266. </span>
  267. </div>
  268. </div>
  269. <div class="col-xs-12 room-table-section">
  270. <div class="col-xs-4">
  271. <span class="title">Our Price</span>
  272. </div>
  273. <div class="col-xs-4">
  274. <p class="room-our-price">€ <span class="room-our-price-value">{{ room.Price|number_format }}</span></p>
  275. <p class="room-std-price">€ <span class="room-std-price-value">{{ room.PromoPrice|number_format }}</span></p>
  276. </div>
  277. <div class="col-xs-4">
  278. {% if room.PromoPrice > 0 %}
  279. <p class="room-discount">Save <span class="room-discount-value">{{ (100-room.Price/room.PromoPrice*100)|number_format }}</span>%</p>
  280. {% else %}
  281. <p class="room-discount">Save <span class="room-discount-value">0</span>%</p>
  282. {% endif %}
  283. </div>
  284.  
  285. </div>
  286.  
  287.  
  288. <div class="col-xs-12 room-table-section">
  289. <div class="col-xs-7">
  290. <span class="title">Number of Rooms</span>
  291. </div>
  292. <div class="col-xs-5">
  293. <div class="room-quantity-btn text-center">
  294. <a onclick="quantityPlus('{{ room.RoomTypeId }}')"> <i class="fa fa-plus" aria-hidden="true"></i> </a>
  295. <input class="room-quantity-input room-options" id="room-quantity-input-{{ room.RoomTypeId }}" readonly="readonly" type="text" name="productQuantity" value="0" autocomplete="off" size="2">
  296. <a class="room-quantity-btn-minus" onclick="quantityMinus('{{ room.RoomTypeId }}')"> <i class="fa fa-minus" aria-hidden="true"></i> </a>
  297. </div>
  298. </div>
  299. </div>
  300. <div class="room-table-section">
  301. <h5>Terms</h5>
  302. <select name="payment-type" class="form-control room-options-refund room-options">
  303. <option value="1">Pay Now - Non Refundable</option>
  304. {% if room.CanBeCanceled %}
  305. <option value="2">Pay Later - At Hotel, Refundable</option>
  306. {% endif %}
  307. </select>
  308. </div>
  309.  
  310. </div>
  311. {% endfor %}
  312. </div>
  313. </div>
  314. </div>
  315. <div id="table-rooms">
  316. <div class="col-md-12">
  317. <div class="table-responsive table-condensed">
  318. <table class="table table-striped table-sm">
  319. <thead class="thead-default">
  320. <tr>
  321. <th class="table-beginning-info">Prices are per room for {{ nights }} nights <br> included {{ tax.getTax() }}% VAT {% if hotel.getHasCityTax() %}<br> not included {% if hotel.cityTaxType.id == 2 or hotel.cityTaxType == 3 %}€ {% endif %}{{ hotel.cityTaxAmount }}{% if hotel.cityTaxType == 1 %}%{% endif %} City tax <br> per person per {% if hotel.cityTaxType == 3 %}night{% else %}stay{% endif %}{% endif %}</th>
  322. <th class="table-title table-smaller">Room Type</th>
  323. <th class="table-title">Sleeps</th>
  324. <th class="table-title">Our Price</th>
  325. <th class="table-title table-smaller">Terms</th>
  326. <th class="table-title">Number of Rooms</th>
  327. <th class="space"></th>
  328. <th></th>
  329. </tr>
  330. </thead>
  331. <tbody id="rooms-info-body">
  332. {% set first = true %}
  333. {% for room in roomsInfo %}
  334. <div class="room-table-result">
  335. <tr class="room-table-result-0" id="result-{{ room.RoomTypeId }}">
  336. <input type="hidden" class="room-id" value="{{ room.RoomTypeId }}"/>
  337. <input type="hidden" class="base-price" value="{{ room.Price }}"/>
  338. <input type="hidden" class="base-standard-price" value="{{ room.PromoPrice }}"/>
  339. <input type="hidden" class="breakfast-value" value="{{ room.BreakfastCost }}"/>
  340. <input type="hidden" class="cancellation-tax-type" value="{{ room.CancelationTaxTypeId }}"/>
  341. <input type="hidden" class="cancellation-value" value="{{ room.CancelationCostAmount }}"/>
  342. <input type="hidden" id="room-availability-{{ room.RoomTypeId }}" class="room-availability" value="{{ room.AvailableRooms }}"/>
  343. <td class="img-holder">
  344. {% if not room.ImagesPath is empty %}
  345. <img src="{{ asset(room.ImagesPath.0) }}" class="img-responsive"/>
  346. {% else %}
  347. <img src="" class="img-responsive"/>
  348. {% endif %}
  349. </td>
  350. <td class="table-smaller">
  351. <select name="breakfast-included" class="form-control room-options-breakfast room-options">
  352. <option value="1">{{ room.RoomTypeName }}</option>
  353. {% if room.HasBreakfast %}
  354. <option value="2">{{ room.RoomTypeName }} with breakfast</option>
  355. {% endif %}
  356. </select>
  357. </td>
  358. <td>
  359. {% for i in 1..room.AmountGuests %}
  360. <i class="fa fa-user"></i>
  361. {% endfor %}
  362. </td>
  363. <td>
  364. <p class="room-our-price">€ <span class="room-our-price-value">{{ room.Price|number_format }}</span></p>
  365. <p class="room-std-price">€ <span class="room-std-price-value">{{ room.PromoPrice|number_format }}</span></p>
  366. {% if room.PromoPrice > 0 %}
  367. <p class="room-discount">Save <span class="room-discount-value">{{ (100-room.Price/room.PromoPrice*100)|number_format }}</span>%</p>
  368. {% else %}
  369. <p class="room-discount">Save <span class="room-discount-value">0</span>%</p>
  370. {% endif %}
  371. </td>
  372. <td class="table-smaller">
  373. <select name="payment-type" class="form-control room-options-refund room-options">
  374. <option value="1">Pay Now - Non Refundable</option>
  375. {% if room.CanBeCanceled %}
  376. <option value="2">Pay Later - At Hotel, Refundable</option>
  377. {% endif %}
  378. </select>
  379. </td>
  380. <td>
  381. <div class="room-quantity-btn">
  382. <a onclick="quantityPlus('{{ room.RoomTypeId }}')">
  383. <i class="fa fa-plus" aria-hidden="true"></i>
  384. </a>
  385.  
  386. <input class="room-quantity-input room-options" id="room-{{ room.RoomTypeId }}"
  387. readonly="readonly" type="text" name="productQuantity" value="0" autocomplete="off"
  388. size="2" min="0" max="{{ room.Amount }}">
  389.  
  390. <input type="hidden" id="n_rooms_accept_{{ room.RoomTypeId }}" value="{{ room.Amount }}">
  391.  
  392. <a class="room-quantity-btn-minus" onclick="quantityMinus('{{ room.RoomTypeId }}')">
  393. <i class="fa fa-minus" aria-hidden="true"></i>
  394. </a>
  395. </div>
  396. </td>
  397. <td class="space"></td>
  398. {% if first %}
  399. {% set first = false %}
  400. <td id="table-rooms-reservation" class="table-last-info" rowspan="{{ roomsInfo|length }}"> <!-- TODO ROWSPAN É = AO Nº DE HOTEIS A FAZER DISPLAY -->
  401. <p><span id="total-room-amount">0</span> rooms for <b> € <span id="total-cost">0</span> </b> <br><br> No registration required</p>
  402. <form id="payment-form" action="payment" method="get">
  403. <input name="hotelId" value="{{ hotel.id }}" hidden="hidden"/>
  404. <input name="check_in" value="{{ checkinString }}" hidden="hidden"/>
  405. <input name="check_out" value="{{ checkoutString }}" hidden="hidden"/>
  406. <input name="room_id" value="" hidden="hidden"/>
  407. <input name="room_amount" value="" hidden="hidden"/>
  408. <input name="breakfast" value="" hidden="hidden"/>
  409. <input name="cancelOption" value="" hidden="hidden"/>
  410. <button class="btn">Select</button>
  411. </form>
  412. </td>
  413. {% endif %}
  414. </tr>
  415. </div>
  416. {% endfor %}
  417. </tbody>
  418. </table>
  419. </div>
  420.  
  421. <div id="pagination" class="container ">
  422. <div class="row">
  423. <div class="col-xl-3 col-sm-2 col-md-2 col-lg-3 text-left">
  424. <a class="top-page">Top Page</a>
  425. </div>
  426. <div class="col-xl-4 col-sm-4 col-md-3 col-lg-4 text-center">
  427. <span>Showing Results 1 - 40 of 412</span>
  428. </div>
  429. <div class="col-xl-5 col-sm-6 col-md-7 col-lg-5 text-right">
  430. <ul class="pagination nav">
  431. <li class="page-item more-pages"><a class="page-link" href="#"><i class="fa fa-arrow-left"></i></a></li>
  432. {% for n in 1..4 %}
  433. {% if page is not defined %}
  434. {% set page = 1 %}
  435. {% endif %}
  436. {% if page == n %}
  437. <li class="page-item page-number"><a class="page-link active" href="#">{{ n }}</a></li>
  438. {% else %}
  439. <li class="page-item page-number"><a class="page-link" href="#">{{ n }}</a></li>
  440. {% endif %}
  441. {% endfor %}
  442. <li class="page-item more-pages"><a class="page-link" href="#"><i class="fa fa-arrow-right"></i></a></li>
  443. </ul>
  444. </div>
  445.  
  446. </div>
  447. </div>
  448. </div>
  449. </div>
  450. </div>
  451.  
  452. <div class="center-body-right col-md-2">
  453. <img src="http://via.placeholder.com/160x600"/>
  454. <img src="http://via.placeholder.com/160x600"/>
  455. </div>
  456. </div>
  457. </div>
  458. <div id="bottom-body" class="container">
  459. <div class="container-inner">
  460. <div id="app-description" class="container text-center">
  461. <div class="container-inner">
  462. <div id="app-description-info" >
  463. <div class="col-md-5">
  464. <div id="app-description-left">
  465. <h1>Make your Bookings with Gayhotels App</h1>
  466.  
  467. <h4>By registering with Niche Tourist Group you can be assured of a best or lower pricing garantee than many of our competitors.</h4>
  468. <div id="app-register">
  469. <div id="app-register-inline">
  470. <input name="email-subscription" type="text" placeholder="your email"/>
  471. <button> Sign in </button>
  472. </div>
  473. <div>
  474. <input type="checkbox" id="app-link" />
  475. <label for="app-link">Send me a link to get the FREE Gayhotel.com app.</label>
  476. </div>
  477. </div>
  478. </div>
  479. </div>
  480. <div class="col-md-7">
  481. <div id="app-img">
  482. <img class="img-responsive" src="{{ asset('img/gayhotels/appps_blue_sky.png') }}" alt="App"/>
  483. </div>
  484. </div>
  485. </div>
  486. </div>
  487. </div>
  488. </div>
  489. </div>
  490. <div id="popular-destinations" class="container">
  491. <div class="container-inner">
  492. <div id="popular-destinations-title">
  493. <h3>Popular</h3>
  494. <h2>Destinations</h2>
  495. </div>
  496. <div class="col-lg-5ths col-md-6 popular-destination spacing-right">
  497. <h4><i class="fa fa-map-marker"></i> Barcelona </h4>
  498. <div class="destination-container">
  499. <div class="overlay">
  500. <img src="{{ asset('img/gayhotels/hotel_room_test.jpg') }}" class="img-responsive"/>
  501. <div class="overlay-content">
  502. <!--<div class="row">
  503. <a href="#" class="icon"><span class="glyphicon glyphicon-eye-open"></span></a>
  504. </div>-->
  505. <div class="row overlay-description">
  506. <div class="col-md-6">
  507. <span>132 properties available</span>
  508. </div>
  509. <div class="col-md-6">
  510. <div class="starting-price"> Starting at € 1.350</div>
  511. </div>
  512. </div>
  513. </div>
  514. </div>
  515. </div>
  516. </div>
  517. <div class="col-lg-5ths col-md-6 popular-destination spacing-left spacing-right">
  518. <h4><i class="fa fa-map-marker"></i> Barcelona </h4>
  519. <div class="destination-container">
  520. <div class="overlay">
  521. <img src="{{ asset('img/gayhotels/hotel_room_test.jpg') }}" class="img-responsive"/>
  522. <div class="overlay-content">
  523. <!--<div class="row">
  524. <a href="#" class="icon"><span class="glyphicon glyphicon-eye-open"></span></a>
  525. </div>-->
  526. <div class="row overlay-description">
  527. <div class="col-md-6">
  528. <span>132 properties available</span>
  529. </div>
  530. <div class="col-md-6">
  531. <div class="starting-price"> Starting at € 1.350</div>
  532. </div>
  533. </div>
  534. </div>
  535. </div>
  536. </div>
  537. </div>
  538. <div class="col-lg-5ths col-md-6 popular-destination spacing-left spacing-right">
  539. <h4><i class="fa fa-map-marker"></i> Barcelona </h4>
  540. <div class="destination-container">
  541. <div class="overlay">
  542. <img src="{{ asset('img/gayhotels/hotel_room_test.jpg') }}" class="img-responsive"/>
  543. <div class="overlay-content">
  544. <!--<div class="row">
  545. <a href="#" class="icon"><span class="glyphicon glyphicon-eye-open"></span></a>
  546. </div>-->
  547. <div class="row overlay-description">
  548. <div class="col-md-6">
  549. <span>132 properties available</span>
  550. </div>
  551. <div class="col-md-6">
  552. <div class="starting-price"> Starting at € 1.350</div>
  553. </div>
  554. </div>
  555. </div>
  556. </div>
  557. </div>
  558. </div>
  559. <div class="col-lg-5ths col-md-6 popular-destination spacing-left spacing-right">
  560. <h4><i class="fa fa-map-marker"></i> Barcelona </h4>
  561. <div class="destination-container">
  562. <div class="overlay">
  563. <img src="{{ asset('img/gayhotels/hotel_room_test.jpg') }}" class="img-responsive"/>
  564. <div class="overlay-content">
  565. <!--<div class="row">
  566. <a href="#" class="icon"><span class="glyphicon glyphicon-eye-open"></span></a>
  567. </div>-->
  568. <div class="row overlay-description">
  569. <div class="col-md-6">
  570. <span>132 properties available</span>
  571. </div>
  572. <div class="col-md-6">
  573. <div class="starting-price"> Starting at € 1.350</div>
  574. </div>
  575. </div>
  576. </div>
  577. </div>
  578. </div>
  579. </div>
  580. <div class="col-lg-5ths col-md-6 popular-destination spacing-left">
  581. <h4><i class="fa fa-map-marker"></i> Barcelona </h4>
  582. <div class="destination-container">
  583. <div class="overlay">
  584. <img src="{{ asset('img/gayhotels/hotel_room_test.jpg') }}" class="img-responsive"/>
  585. <div class="overlay-content">
  586. <!--<div class="row">
  587. <a href="#" class="icon"><span class="glyphicon glyphicon-eye-open"></span></a>
  588. </div>-->
  589. <div class="row overlay-description">
  590. <div class="col-md-6">
  591. <span>132 properties available</span>
  592. </div>
  593. <div class="col-md-6">
  594. <div class="starting-price"> Starting at € 1.350</div>
  595. </div>
  596. </div>
  597. </div>
  598. </div>
  599. </div>
  600. </div>
  601. </div>
  602. </div>
  603. <div id="back-to-top" class="container">
  604. <div class="container-inner">
  605. <button class="top-page"><i class="fa fa-arrow-up"></i></button>
  606. </div>
  607. </div>
  608. </div>
  609.  
  610.  
  611. {% endblock %}
  612.  
  613.  
  614. {% block javascripts %}
  615. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  616. <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
  617. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  618. <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js"></script>
  619. <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDeSzonifeLMsDek9_p_N-yhorLUHzc78s"></script>
  620.  
  621. <script type="text/javascript">
  622. var roomsSearchAPIUrl = "{{ path('api_search_rooms')|escape('js') }}";
  623. var baseAssetsPath = "{{ app.request.basePath }}/";
  624. </script>
  625. <script src="{{ asset('js/gayhotels.js') }}" type="text/javascript" charset="utf-8"></script>
  626.  
  627. <script type="text/javascript">
  628.  
  629. function initMap() {
  630.  
  631. var location = new google.maps.LatLng(50.0875726, 14.4189987);
  632.  
  633. var mapCanvas = document.getElementById('map');
  634. var mapOptions = {
  635. center: location,
  636. zoom: 16,
  637. panControl: false,
  638. mapTypeId: google.maps.MapTypeId.ROADMAP
  639. };
  640. var map = new google.maps.Map(mapCanvas, mapOptions);
  641.  
  642. var marker = new google.maps.Marker({
  643. position: location,
  644. map: map
  645. });
  646.  
  647. }
  648.  
  649. $( document ).ready(function() {
  650. navigationBar();
  651.  
  652. if(isMobile)
  653. {
  654. $('#rooms-mobile').attr('hidden', false);
  655. $('#table-rooms').attr('hidden', true);
  656. }
  657.  
  658.  
  659. $('.datepicker').datepicker({
  660. autoclose: true,
  661. format: "yyyy-mm-dd"
  662. });
  663.  
  664. $('.room-options').each(function()
  665. {
  666. $(this).change(onInputChangeRoom)
  667. });
  668.  
  669. $('#change-info-form').on("submit", function(event)
  670. {
  671. event.preventDefault();
  672. getNewRooms($(this));
  673. });
  674.  
  675. $('#payment-form').on("submit", function(event)
  676. {
  677. var form = $(this);
  678. var roomAmountInput = form.find('[name=room_amount]');
  679. var roomIDInput = form.find('[name=room_id]');
  680. var breakfastInput = form.find('[name=breakfast]');
  681. var cancelOptionInput = form.find('[name=cancelOption]');
  682. var found = false;
  683. $('.room-table-result-0').each(function()
  684. {
  685. var room = $(this);
  686. var quantity = Number(room.find('.room-quantity-input').val());
  687. if(quantity > 0)
  688. {
  689. found = true;
  690. roomAmountInput.val(quantity);
  691. roomIDInput.val(room.find('.room-id').val());
  692. breakfastInput.val(room.find('.room-options-breakfast').val() === "1" ? 0 : 1);
  693. cancelOptionInput.val(room.find('.room-options-refund').val() === "1" ? 0 : 1);
  694. return false;
  695. }
  696. });
  697. if(!found)
  698. {
  699. roomAmountInput.val("");
  700. roomIDInput.val("");
  701. breakfastInput.val("");
  702. cancelOptionInput.val("");
  703. }
  704. });
  705.  
  706. google.maps.event.addDomListener(window, 'load', initMap);
  707. });
  708.  
  709.  
  710.  
  711.  
  712. </script>
  713. {% endblock %}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!