templates/detail/hotel_detail.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend/layouts/hotel.html.twig' %}
  2. {% block main %}
  4.     <!-- =======================
  5.     Search START -->
  6.     {% include 'pages/listing_banner.html.twig' %}
  8.     {% if hotel is not empty %}
  9.         <section class="py-0 pt-sm-5">
  10.             <div class="container position-relative">
  11.                 <!-- Title and button START -->
  12.                 <div class="row mb-3">
  13.                     <div class="col-12">
  14.                         <!-- Meta -->
  15.                         <div class="d-lg-flex justify-content-lg-between mb-1">
  16.                             <!-- Title -->
  17.                             <div class="mb-2 mb-lg-0">
  18.                                 <h1 class="fs-2">{{ hotel.name }} </h1>
  19.                                 <!-- Location -->
  20.                                 <p class="fw-bold mb-0"><i class="bi bi-geo-alt me-2"></i>{{ hotel.address }}
  21.                                     {#                                <a href="#" class="ms-2 text-decoration-underline" data-bs-toggle="modal" data-bs-target="#mapmodal"> #}
  22.                                     {#                                    <i class="bi bi-eye-fill me-1"></i>{% trans %}view on map{% endtrans %} #}
  23.                                     {#                                </a> #}
  24.                                 </p>
  25.                             </div>
  27.                             <!-- Buttons -->
  28.                             <ul class="list-inline text-end">
  29.                                 {% if app.user %}
  30.                                     <!-- Heart icon -->
  31.                                     <li class="list-inline-item">
  32.                                         <a href="#"
  33.                                            class="btn btn-sm btn-light px-2 wishlist-item {% if hotel.wishlist is defined and hotel.wishlist %}wishlist-active{% endif %}"
  34.                                            data-user="{{ app.user.id }}" data-hotel="{{ hotel.id }}"
  35.                                            data-locale="{{ currentLocale.key }}"><i
  36.                                                     class="fa-solid fa-fw fa-heart {% if hotel.wishlist is defined and hotel.wishlist %}wishlist-active{% endif %}"></i></a>
  37.                                     </li>
  38.                                 {% endif %}
  40.                                 <!-- Share icon -->
  41.                                 {# <li class="list-inline-item dropdown">
  42.                                 <!-- Share button -->
  43.                                 <a href="#" class="btn btn-sm btn-light px-2" role="button" id="dropdownShare" data-bs-toggle="dropdown" aria-expanded="false">
  44.                                     <i class="fa-solid fa-fw fa-share-alt"></i>
  45.                                 </a>
  46.                                 <!-- dropdown button -->
  47.                                 <ul class="dropdown-menu dropdown-menu-end min-w-auto shadow rounded" aria-labelledby="dropdownShare">
  48.                                     <li><a class="dropdown-item" href="#"><i class="fab fa-twitter-square me-2"></i>Twitter</a></li>
  49.                                     <li><a class="dropdown-item" href="#"><i class="fab fa-facebook-square me-2"></i>Facebook</a></li>
  50.                                     <li><a class="dropdown-item" href="#"><i class="fab fa-linkedin me-2"></i>LinkedIn</a></li>
  51.                                     <li><a class="dropdown-item" href="#"><i class="fa-solid fa-copy me-2"></i>Copy link</a></li>
  52.                                 </ul>
  53.                             </li> #}
  54.                             </ul>
  55.                         </div>
  56.                     </div>
  57.                 </div>
  59.             </div>
  60.         </section>
  61.         <!-- =======================
  62.         Main Title END -->
  65.         <!-- =======================
  66.         Image gallery START -->
  67.         {% include 'detail/image_gallery.html.twig' %}
  68.         <!-- =======================
  69.         Image gallery END -->
  73.         <!-- =======================
  74.     About hotel START -->
  75.         <section class="pt-0">
  76.             <div class="container" data-sticky-container>
  78.                 <div class="row">
  79.                     <!-- Content START -->
  80.                     <div class="col-xl-12 order-1">
  81.                         <div class="vstack gap-5">
  83.                             <!-- About hotel START -->
  84.                             <div class="card bg-transparent">
  85.                                 <!-- Card header -->
  86.                                 <div class="card-header border-bottom bg-transparent px-0 pt-0">
  87.                                     <h3 class="mb-0">{% trans %}About This Hotel{% endtrans %}</h3>
  88.                                 </div>
  90.                                 <!-- Card body START -->
  91.                                 <div class="card-body pt-4 p-0">
  92.                                     <h5 class="fw-light mb-4">{% trans %}Main Highlights{% endtrans %}</h5>
  94.                                     <!-- Highlights Icons -->
  95.                                     <div class="hstack gap-3 mb-3">
  96.                                         <div class="icon-lg bg-light h5 rounded-2" data-bs-toggle="tooltip"
  97.                                              data-bs-placement="top" title="Free wifi">
  98.                                             <i class="fa-solid fa-wifi"></i>
  99.                                         </div>
  100.                                         <div class="icon-lg bg-light h5 rounded-2" data-bs-toggle="tooltip"
  101.                                              data-bs-placement="top" title="Swimming Pool">
  102.                                             <i class="fa-solid fa-swimming-pool"></i>
  103.                                         </div>
  104.                                         <div class="icon-lg bg-light h5 rounded-2" data-bs-toggle="tooltip"
  105.                                              data-bs-placement="top" title="Central AC">
  106.                                             <i class="fa-solid fa-snowflake"></i>
  107.                                         </div>
  108.                                         <div class="icon-lg bg-light h5 rounded-2" data-bs-toggle="tooltip"
  109.                                              data-bs-placement="top" title="Free Service">
  110.                                             <i class="fa-solid fa-concierge-bell"></i>
  111.                                         </div>
  112.                                     </div>
  113.                                     <div>
  114.                                         <p class="mb-3"><strong>{{ hotel.description_struct[0].title }}</strong><br></p>
  115.                                         {% for paragraphs in hotel.description_struct[0].paragraphs %}
  116.                                             <p class="mb-0">{{ paragraphs }}</p>
  117.                                         {% endfor %}
  118.                                         <div id="collapseContent" class="collapse">
  119.                                             {% for description in hotel.description_struct|slice(1, hotel.description_struct|length) %}
  120.                                                 <p class="my-3"><strong>{{ description.title }}</strong><br></p>
  121.                                                 {% for paragraphs in description.paragraphs %}
  122.                                                     <p class="mb-0">{{ paragraphs }}</p>
  123.                                                 {% endfor %}
  124.                                             {% endfor %}
  125.                                         </div>
  126.                                     </div>
  127.                                     <div>
  128.                                         <a href="#collapseContent"
  129.                                            class="p-0 mb-4 mt-2 btn-more d-flex align-items-center"
  130.                                            data-bs-toggle="collapse" data-bs-target="#collapseContent" role="button"
  131.                                            aria-expanded="false" aria-controls="collapseContent">
  132.                                             {% trans %}See{% endtrans %} <span
  133.                                                     class="see-more ms-1">{% trans %}More{% endtrans %}</span>
  134.                                             <span class="see-less ms-1">{% trans %}Less{% endtrans %}</span><i
  135.                                                     class="fa-solid fa-angle-down ms-2"></i>
  136.                                         </a>
  137.                                     </div>
  139.                                     <!-- List -->
  140.                                 </div>
  141.                                 <!-- Card body END -->
  142.                             </div>
  143.                             <!-- About hotel START -->
  145.                             <!-- Amenities START -->
  146.                             <div class="card bg-transparent">
  147.                                 <!-- Card header -->
  148.                                 <div class="card-header border-bottom bg-transparent px-0 pt-0">
  149.                                     <h3 class="card-title mb-0">{% trans %}Amenities{% endtrans %}</h3>
  150.                                 </div>
  152.                                 <!-- Card body START -->
  153.                                 <div class="card-body pt-4 p-0">
  154.                                     <div class="row g-4">
  156.                                         {% for amenity_group in hotel.amenity_groups %}
  157.                                             <div class="col-sm-6">
  158.                                                 <h6>
  159.                                                     <i class="fa-solid fa-biking me-2"></i>{{ amenity_group.group_name }}
  160.                                                 </h6>
  161.                                                 <!-- List -->
  162.                                                 <ul class="list-group list-group-borderless mt-2 mb-0">
  163.                                                     {% for ameniti in amenity_group.amenities %}
  164.                                                         <li class="list-group-item pb-0">
  165.                                                             <i class="fa-solid fa-check-circle text-success me-2"></i>{{ ameniti }}
  166.                                                         </li>
  167.                                                     {% endfor %}
  168.                                                 </ul>
  169.                                             </div>
  170.                                         {% endfor %}
  172.                                     </div>
  173.                                 </div>
  174.                                 <!-- Card body END -->
  175.                             </div>
  176.                             <!-- Amenities END -->
  178.                             <!-- Room START -->
  179.                             {% include 'detail/rooms.html.twig' %}
  180.                             <!-- Room END -->
  182.                             <!-- Customer Review START -->
  183.                             {% if "reviews" in hotel|keys %}
  184.                                 <div class="card bg-transparent">
  185.                                     <!-- Card header -->
  186.                                     <div class="card-header border-bottom bg-transparent px-0 pt-0">
  187.                                         <h3 class="card-title mb-0">{% trans %}Customer Review{% endtrans %}</h3>
  188.                                     </div>
  190.                                     <!-- Card body START -->
  191.                                     <div class="card-body pt-4 p-0">
  192.                                         <!-- Progress bar and rating START -->
  193.                                         <div class="card bg-light p-4 mb-4">
  194.                                             <div class="row g-4 align-items-center">
  195.                                                 <!-- Rating info -->
  196.                                                 <div class="col-md-4">
  197.                                                     <div class="text-center">
  198.                                                         <!-- Info -->
  199.                                                         <h2 class="mb-0">{{ hotel.reviews.rating }}</h2>
  200.                                                         <p class="mb-2">{% trans %}Based on{% endtrans %} {{ hotel.reviews.reviews|length }} {% trans %}Reviews{% endtrans %}</p>
  201.                                                         <!-- Star -->
  202.                                                         <ul class="list-inline mb-0">
  203.                                                             <li class="list-inline-item me-0"><i
  204.                                                                         class="fa-solid fa-star text-warning"></i></li>
  205.                                                             <li class="list-inline-item me-0"><i
  206.                                                                         class="fa-solid fa-star text-warning"></i></li>
  207.                                                             <li class="list-inline-item me-0"><i
  208.                                                                         class="fa-solid fa-star text-warning"></i></li>
  209.                                                             <li class="list-inline-item me-0"><i
  210.                                                                         class="fa-solid fa-star text-warning"></i></li>
  211.                                                             <li class="list-inline-item me-0"><i
  212.                                                                         class="fa-solid fa-star-half-alt text-warning"></i>
  213.                                                             </li>
  214.                                                         </ul>
  215.                                                     </div>
  216.                                                 </div>
  218.                                                 <!-- Progress-bar START -->
  219.                                                 <div class="col-md-8">
  220.                                                     <div class="card-body p-0">
  221.                                                         <div class="row gx-3 g-2 align-items-center">
  222.                                                             {% for key,rating in hotel.reviews.detailed_ratings %}
  223.                                                                 <!-- Progress bar and Rating -->
  224.                                                                 <div class="col-9 col-sm-10">
  225.                                                                     <!-- Progress item -->
  226.                                                                     <span class="h6 fw-light mb-0">{{ key }}</span>
  227.                                                                     <div class="progress progress-sm bg-warning bg-opacity-15">
  228.                                                                         <div class="progress-bar bg-warning"
  229.                                                                              role="progressbar"
  230.                                                                              style="width: {{ rating*10|number_format(2) }}%"
  231.                                                                              aria-valuenow="{{ rating*10|number_format(2) }}"
  232.                                                                              aria-valuemin="0"
  233.                                                                              aria-valuemax="100"></div>
  234.                                                                     </div>
  235.                                                                 </div>
  236.                                                                 <!-- Percentage -->
  237.                                                                 <div class="col-3 col-sm-2 text-end">
  238.                                                                     <span class="h6 fw-light mb-0">{{ rating*10|number_format(2) }}%</span>
  239.                                                                 </div>
  240.                                                             {% endfor %}
  241.                                                         </div> <!-- Row END -->
  242.                                                     </div>
  243.                                                 </div>
  244.                                                 <!-- Progress-bar END -->
  246.                                             </div>
  247.                                         </div>
  248.                                         <!-- Progress bar and rating END -->
  251.                                         <!-- Review item START -->
  252.                                         {% for review in hotel.reviews.reviews %}
  253.                                             {% if loop.index < 4 %}
  254.                                                 <div class="d-md-flex my-4">
  256.                                                     <!-- Text -->
  257.                                                     <div style="width: 100%">
  258.                                                         <div class="d-flex justify-content-between mt-1 mt-md-0">
  259.                                                             <div>
  260.                                                                 <h6 class="me-3 mb-0">{{ review.author }}</h6>
  261.                                                                 <br>
  262.                                                                 <!-- Info -->
  263.                                                                 <ul class="nav nav-divider small mb-2">
  264.                                                                     <li class="nav-item">{{ review.created }},</li>
  265.                                                                     <li class="nav-item">{{ review.room_name }}
  266.                                                                         , {{ review.nights }} {% trans %}nights{% endtrans %}</li>
  267.                                                                 </ul>
  268.                                                             </div>
  269.                                                             <!-- Review star -->
  270.                                                             <div class="icon-md rounded text-bg-warning fs-6">{{ review.rating }}</div>
  271.                                                         </div>
  272.                                                         {% if review.review_plus %}
  273.                                                             <div>
  274.                                                                 <span class="small"><strong>{% trans %}What was good{% endtrans %}</strong></span>
  275.                                                                 <p class="mb-2">{{ review.review_plus }}</p>
  276.                                                             </div>
  277.                                                         {% endif %}
  278.                                                         {% if review.review_minus %}
  279.                                                             <div>
  280.                                                                 <span class="small"><strong>{% trans %}What was bad{% endtrans %}</strong></span>
  281.                                                                 <p class="mb-2">{{ review.review_minus }}</p>
  282.                                                             </div>
  283.                                                         {% endif %}
  285.                                                     </div>
  286.                                                 </div>
  287.                                                 <hr>
  288.                                             {% endif %}
  289.                                             <!-- Divider -->
  290.                                             <!-- Review item END -->
  291.                                         {% endfor %}
  292.                                     </div>
  293.                                     <!-- Card body END -->
  294.                                 </div>
  295.                             {% endif %}
  296.                             <!-- Customer Review END -->
  298.                             <!-- Hotel Policies START -->
  299.                             <div class="card bg-transparent">
  300.                                 {% if "policy_struct" in hotel|keys %}
  301.                                     <!-- Card header -->
  302.                                     <div class="card-header border-bottom bg-transparent px-0 pt-0">
  303.                                         <h3 class="mb-0">{% trans %}Hotel Policies{% endtrans %}</h3>
  304.                                     </div>
  306.                                     <!-- Card body START -->
  307.                                     <div class="card-body pt-4 p-0">
  309.                                         <div class="accordion" id="hotel-policies-accardion">
  310.                                             <div class="accordion-item">
  311.                                                 <h2 class="accordion-header " id="headingOne">
  312.                                                     <button class="accordion-button bg-secondary text-light"
  313.                                                             type="button" data-bs-toggle="collapse"
  314.                                                             data-bs-target="#collapseOne" aria-expanded="true"
  315.                                                             aria-controls="collapseOne">
  316.                                                         {% trans %}Check in - out{% endtrans %}
  317.                                                     </button>
  318.                                                 </h2>
  319.                                                 <div id="collapseOne" class="accordion-collapse collapse show"
  320.                                                      aria-labelledby="headingOne"
  321.                                                      data-bs-parent="#hotel-policies-accardion">
  322.                                                     <div class="accordion-body">
  323.                                                         <ul class="list-group list-group-borderless mb-2">
  324.                                                             <li class="list-group-item h6 fw-light d-flex mb-0">
  325.                                                                 <i class="bi bi-arrow-right me-2"></i>{% trans %}Check-in{% endtrans %}
  326.                                                                 : {{ hotel.check_in_time }}
  327.                                                             </li>
  328.                                                             <li class="list-group-item h6 fw-light d-flex mb-0">
  329.                                                                 <i class="bi bi-arrow-right me-2"></i>{% trans %}Check out{% endtrans %}
  330.                                                                 : {{ hotel.check_out_time }}
  331.                                                             </li>
  332.                                                         </ul>
  333.                                                     </div>
  334.                                                 </div>
  335.                                             </div>
  336.                                             {% for policy_struct in hotel.policy_struct %}
  337.                                                 <div class="accordion-item">
  338.                                                     <h2 class="accordion-header " id="heading_{{ loop.index }}">
  339.                                                         <button class="accordion-button bg-secondary text-light"
  340.                                                                 type="button" data-bs-toggle="collapse"
  341.                                                                 data-bs-target="#collapse_{{ loop.index }}"
  342.                                                                 aria-expanded="true"
  343.                                                                 aria-controls="collapse_{{ loop.index }}">
  344.                                                             {{ policy_struct.title }}
  345.                                                         </button>
  346.                                                     </h2>
  347.                                                     <div id="collapse_{{ loop.index }}"
  348.                                                          class="accordion-collapse collapse"
  349.                                                          aria-labelledby="heading_{{ loop.index }}"
  350.                                                          data-bs-parent="#hotel-policies-accardion">
  351.                                                         <div class="accordion-body">
  352.                                                             {% for paragraphs in policy_struct.paragraphs %}
  353.                                                                 {% if paragraphs!='\r' %}
  354.                                                                     <li class="list-group-item h6 fw-light d-flex mb-0">
  355.                                                                         <i class="bi bi-arrow-right me-2"></i>{{ paragraphs }}
  356.                                                                     </li>
  357.                                                                 {% endif %}
  358.                                                             {% endfor %}
  359.                                                         </div>
  360.                                                     </div>
  361.                                                 </div>
  362.                                             {% endfor %}
  363.                                         </div>
  365.                                         {% if hotel.metapolicyIncludedData is not empty %}
  366.                                             <div class="card mt-4">
  367.                                                 <div class="card-header border-bottom bg-transparent px-0 pt-0">
  368.                                                     <h4 class="mb-0">{% trans %}Hotel services{% endtrans %}</h4>
  369.                                                 </div>
  370.                                                 <div class="row">
  371.                                                     {% for key, minData in hotel.metapolicyIncludedData %}
  372.                                                         <div class="col-md-6">
  374.                                                             {% if key == 'internet' %}
  375.                                                                 <h5>{{ key|trans|capitalize }}</h5>
  376.                                                                 <table class="table table-compare">
  377.                                                                     <tr>
  378.                                                                         <th>{{ 'location'|trans|capitalize }}</th>
  379.                                                                         <th>{{ 'Amount'|trans }}</th>
  380.                                                                     </tr>
  381.                                                                     <tr>
  382.                                                                         <td>
  383.                                                                             {% if minData[0].work_area == "unspecified" %}
  384.                                                                                 {{ 'unspecified'|trans }}
  385.                                                                             {% elseif minData[0].work_area == "hotel" %}
  386.                                                                                 {{ 'work_area_hotel'|trans }}
  387.                                                                             {% else %}
  388.                                                                                 {{ 'work_area_room'|trans }}
  389.                                                                             {% endif %}
  390.                                                                         </td>
  391.                                                                         <td>
  392.                                                                             {% if minData[0].price == 0.00 %}
  393.                                                                                 {{ 'For free'|trans }}
  394.                                                                             {% else %}
  395.                                                                                 <span class="mr-2">{{ minData[0].price }}</span>
  396.                                                                                 <span class="mr-2">{{ minData[0].currency }}</span>
  397.                                                                                 {% if minData[0].price_unit != 'unspecified' %}
  398.                                                                                     <span>{{ minData[0].price_unit|trans }}</span>
  399.                                                                                 {% endif %}
  400.                                                                             {% endif %}
  401.                                                                         </td>
  402.                                                                     </tr>
  404.                                                                 </table>
  405.                                                             {% endif %}
  407.                                                             {% if key == 'cot' %}
  408.                                                                 <h5>{{ key|trans|capitalize }}</h5>
  409.                                                                 <table class="table table-compare">
  410.                                                                     <tr>
  411.                                                                         <th>{{ 'Maximum number'|trans|capitalize }}</th>
  412.                                                                         <th>{{ 'Amount'|trans }}</th>
  413.                                                                     </tr>
  414.                                                                     <tr>
  415.                                                                         <td>
  416.                                                                             {% if minData[0].amount == 0 %}
  417.                                                                                 {{ 'unspecified_cot'|trans }}
  418.                                                                             {% else %}
  419.                                                                                 {{ minData[0].amount }}
  420.                                                                             {% endif %}
  421.                                                                         </td>
  422.                                                                         <td>
  423.                                                                             {% if minData[0].price == 0.00 %}
  424.                                                                                 {{ 'For free'|trans }}
  425.                                                                             {% else %}
  426.                                                                                 <span class="mr-2">{{ minData[0].price }}</span>
  427.                                                                                 <span class="mr-2">{{ minData[0].currency }}</span>
  428.                                                                                 {% if minData[0].price_unit != 'unspecified' %}
  429.                                                                                     <span>{{ minData[0].price_unit|trans }}</span>
  430.                                                                                 {% endif %}
  431.                                                                             {% endif %}
  432.                                                                         </td>
  433.                                                                     </tr>
  435.                                                                 </table>
  436.                                                             {% endif %}
  438.                                                             {% if key == 'shuttle' %}
  439.                                                                 <h5>{{ key|trans|capitalize }}</h5>
  440.                                                                 <table class="table table-compare">
  441.                                                                     <tr>
  442.                                                                         <th>{{ 'Destination'|trans|capitalize }}</th>
  443.                                                                         <th>{{ 'Amount'|trans }}</th>
  444.                                                                     </tr>
  445.                                                                     <tr>
  446.                                                                         <td>
  447.                                                                             {% if minData[0].shuttle_type == "unspecified" %}
  448.                                                                                 {{ 'unspecified'|trans }}
  449.                                                                             {% elseif minData[0].shuttle_type == "one_way" %}
  450.                                                                                 {{ 'one_way'|trans }}
  451.                                                                             {% else %}
  452.                                                                                 {{ 'two_ways'|trans }}
  453.                                                                             {% endif %}
  454.                                                                         </td>
  455.                                                                         <td>
  456.                                                                             {% if minData[0].price == 0.00 %}
  457.                                                                                 {{ 'For free'|trans }}
  458.                                                                             {% else %}
  459.                                                                                 <span class="mr-2">{{ minData[0].price }}</span>
  460.                                                                                 <span class="mr-2">{{ minData[0].currency }}</span>
  461.                                                                                 {% if minData[0].price_unit != 'unspecified' %}
  462.                                                                                     <span>{{ minData[0].price_unit|trans }}</span>
  463.                                                                                 {% endif %}
  464.                                                                             {% endif %}
  465.                                                                         </td>
  466.                                                                     </tr>
  468.                                                                 </table>
  469.                                                             {% endif %}
  470.                                                         </div>
  472.                                                     {% endfor %}
  473.                                                 </div>
  474.                                             </div>
  475.                                         {% endif %}
  477.                                         {% if hotel.metapolicyNoIncludedData is not empty %}
  478.                                             <div class="card mt-4">
  479.                                                 <div class="card-header border-bottom bg-transparent px-0 pt-0">
  480.                                                     <h4 class="mb-0">{% trans %}Paid on the spot{% endtrans %}</h4>
  481.                                                 </div>
  482.                                                 <div class="row">
  483.                                                     {% for key, minData in hotel.metapolicyNoIncludedData %}
  484.                                                         {% if key == 'children_meal' %}
  485.                                                             <div class="col-md-6">
  486.                                                                 <h5>{{ key|trans|capitalize }}</h5>
  487.                                                                 <table class="table table-compare">
  488.                                                                     <tr>
  489.                                                                         <th>{{ 'Meal type'|trans|capitalize }}</th>
  490.                                                                         <th>{{ 'Amount'|trans }}</th>
  491.                                                                     </tr>
  492.                                                                     {% for item in minData %}
  493.                                                                         <tr>
  494.                                                                             <td>
  495.                                                                                 {% if item.meal_type == "unspecified" %}
  496.                                                                                     {{ 'unspecified'|trans }}
  497.                                                                                 {% else %}
  498.                                                                                     {{ 'children_meal_label'|trans({ "{meal_type}": item.meal_type_t } ) }}
  499.                                                                                 {% endif %}
  500.                                                                             </td>
  501.                                                                             <td>
  502.                                                                                 {% if item.price == 0.00 %}
  503.                                                                                     {{ 'For free'|trans }}
  504.                                                                                 {% else %}
  505.                                                                                     {#                                                                                <span class="mr-2">{{ item.price }} {{ item.currency }}</span> #}
  506.                                                                                     <span class="mr-2">{{ 'children_meal_data'|trans({"{price}": item.price, "{currency}": item.currency, "{age_start}": item.age_start, "{age_end}": item.age_end}) }}</span>
  507.                                                                                 {% endif %}
  508.                                                                             </td>
  509.                                                                         </tr>
  510.                                                                     {% endfor %}
  511.                                                                 </table>
  512.                                                             </div>
  513.                                                         {% endif %}
  514.                                                         {% if key == 'meal' %}
  515.                                                             <div class="col-md-6">
  516.                                                                 <h5>{{ key|trans|capitalize }}</h5>
  517.                                                                 <table class="table table-compare">
  518.                                                                     <tr>
  519.                                                                         <th>{{ 'Meal type'|trans|capitalize }}</th>
  520.                                                                         <th>{{ 'Amount'|trans }}</th>
  521.                                                                     </tr>
  522.                                                                     {% for item in minData %}
  523.                                                                         <tr>
  524.                                                                             <td>
  525.                                                                                 {% if item.meal_type == "unspecified" %}
  526.                                                                                     {{ 'unspecified'|trans }}
  527.                                                                                 {% else %}
  528.                                                                                     {{ 'children_meal_label'|trans({ "{meal_type}": item.meal_type_t } ) }}
  529.                                                                                 {% endif %}
  530.                                                                             </td>
  531.                                                                             <td>
  532.                                                                                 {% if item.price == 0.00 %}
  533.                                                                                     {{ 'For free'|trans }}
  534.                                                                                 {% else %}
  535.                                                                                     <span class="mr-2">{{ item.price }} {{ item.currency }}</span>
  536.                                                                                 {% endif %}
  537.                                                                             </td>
  538.                                                                         </tr>
  539.                                                                     {% endfor %}
  540.                                                                 </table>
  541.                                                             </div>
  542.                                                         {% endif %}
  543.                                                         {% if key == 'extra_bed' %}
  544.                                                             <div class="col-md-6">
  545.                                                                 <h5>{{ key|trans|capitalize }}</h5>
  546.                                                                 <table class="table table-compare">
  547.                                                                     <tr>
  548.                                                                         <th>{{ 'Maximum number'|trans|capitalize }}</th>
  549.                                                                         <th>{{ 'Amount'|trans }}</th>
  550.                                                                     </tr>
  551.                                                                     {% for item in minData %}
  552.                                                                         <tr>
  553.                                                                             <td>
  554.                                                                                 {% if item.amount == 0 %}
  555.                                                                                     {{ 'Availability'|trans }}
  556.                                                                                 {% else %}
  557.                                                                                     {{ item.amount }}
  558.                                                                                 {% endif %}
  559.                                                                             </td>
  560.                                                                             <td>
  561.                                                                                 {% if item.price == 0.00 %}
  562.                                                                                     {{ 'For free'|trans }}
  563.                                                                                 {% else %}
  564.                                                                                     <span class="mr-2">{{ item.price }} {{ item.currency }} {{ item.price_unit|trans }}</span>
  565.                                                                                 {% endif %}
  566.                                                                             </td>
  567.                                                                         </tr>
  568.                                                                     {% endfor %}
  569.                                                                 </table>
  570.                                                             </div>
  571.                                                         {% endif %}
  572.                                                         {% if key == 'pets' %}
  573.                                                             <div class="col-md-6">
  574.                                                                 <h5>{{ key|trans|capitalize }}</h5>
  575.                                                                 <table class="table table-compare">
  576.                                                                     <tr>
  577.                                                                         <th>{{ 'Availability'|trans|capitalize }}</th>
  578.                                                                         <th>{{ 'Amount'|trans }}</th>
  579.                                                                     </tr>
  580.                                                                     {% for item in minData %}
  581.                                                                         <tr>
  582.                                                                             <td>
  583.                                                                                 {% if item.pets_type == "unspecified" %}
  584.                                                                                     {{ 'unspecified_pets'|trans }}
  585.                                                                                 {% elseif item.pets_type == "gt_5kg" %}
  586.                                                                                     {{ 'gt_5kg_pets'|trans }}
  587.                                                                                 {% else %}
  588.                                                                                     {{ 'lt_5kg_pets'|trans }}
  589.                                                                                 {% endif %}
  590.                                                                             </td>
  591.                                                                             <td>
  592.                                                                                 {% if item.price == 0.00 %}
  593.                                                                                     {{ 'For free'|trans }}
  594.                                                                                 {% else %}
  595.                                                                                     {% set punit =  item.price_unit~'_pets' %}
  596.                                                                                     <span class="mr-2">{{ item.price }} {{ item.currency }} {{ punit|trans }}</span>
  597.                                                                                 {% endif %}
  598.                                                                             </td>
  599.                                                                         </tr>
  600.                                                                     {% endfor %}
  601.                                                                 </table>
  602.                                                             </div>
  603.                                                         {% endif %}
  604.                                                         {% if key == 'shuttle' %}
  606.                                                             <div class="col-md-6">
  607.                                                                 <h5>{{ key|trans|capitalize }}</h5>
  608.                                                                 <table class="table table-compare">
  609.                                                                     <tr>
  610.                                                                         <th>{{ 'Destination'|trans|capitalize }}</th>
  611.                                                                         <th>{{ 'Amount'|trans }}</th>
  612.                                                                     </tr>
  613.                                                                     {% for item in minData %}
  614.                                                                         <tr>
  615.                                                                             <td>
  616.                                                                                 {% if item.shuttle_type == "unspecified" %}
  617.                                                                                     {{ 'unspecified_pets'|trans }}
  618.                                                                                 {% else %}
  619.                                                                                     {{ item.destination_type|trans }}
  620.                                                                                 {% endif %}
  621.                                                                             </td>
  622.                                                                             <td>
  623.                                                                                 {% if item.price == 0.00 %}
  624.                                                                                     {{ 'For free'|trans }}
  625.                                                                                 {% else %}
  626.                                                                                     <span class="mr-2">{{ item.price }} {{ item.currency }}</span>
  627.                                                                                 {% endif %}
  628.                                                                             </td>
  629.                                                                         </tr>
  630.                                                                     {% endfor %}
  631.                                                                 </table>
  632.                                                             </div>
  633.                                                         {% endif %}
  634.                                                         {% if key == 'parking' %}
  635.                                                             <div class="col-md-6">
  636.                                                                 <h5>{{ key|trans|capitalize }}</h5>
  637.                                                                 <table class="table table-compare">
  638.                                                                     <tr>
  639.                                                                         <th>{{ 'Destination'|trans|capitalize }}</th>
  640.                                                                         <th>{{ 'Amount'|trans }}</th>
  641.                                                                     </tr>
  642.                                                                     {% for item in minData %}
  643.                                                                         <tr>
  644.                                                                             <td>
  645.                                                                                 {% if item.territory_type == "unspecified" %}
  646.                                                                                     {{ 'unspecified'|trans }}
  647.                                                                                 {% elseif item.territory_type == "on_side" %}
  648.                                                                                     {{ "on_side_parking"|trans }}
  649.                                                                                 {% else %}
  650.                                                                                     {{ "off_side_parking"|trans }}
  651.                                                                                 {% endif %}
  652.                                                                             </td>
  653.                                                                             <td>
  654.                                                                                 {% if item.price == 0.00 %}
  655.                                                                                     {{ 'For free'|trans }}
  656.                                                                                 {% else %}
  657.                                                                                     {% set punit =  item.price_unit~'_parking' %}
  658.                                                                                     <span class="mr-2">{{ item.price }} {{ item.currency }} {{ punit|trans }}</span>
  659.                                                                                 {% endif %}
  660.                                                                             </td>
  661.                                                                         </tr>
  662.                                                                     {% endfor %}
  663.                                                                 </table>
  664.                                                             </div>
  665.                                                         {% endif %}
  666.                                                         {% if key == 'children' %}
  667.                                                             <div class="col-md-6">
  669.                                                                 <h5>{{ key|trans|capitalize }}</h5>
  670.                                                                 <table class="table table-compare">
  671.                                                                     <tr>
  672.                                                                         <th>{{ 'Accommodation for children'|trans|capitalize }}</th>
  673.                                                                         <th>{{ 'Amount'|trans }}</th>
  674.                                                                     </tr>
  675.                                                                     {% for item in minData %}
  676.                                                                         <tr>
  677.                                                                             <td>
  678.                                                                                 {% if item.extra_bed == "unspecified" %}
  679.                                                                                     {{ 'unspecified'|trans }}
  680.                                                                                 {% elseif item.extra_bed == "available" %}
  681.                                                                                     {{ "children_label"|trans({"{age_start}": item.age_start, "{age_end}": item.age_end}) }}
  682.                                                                                 {% else %}
  683.                                                                                     {{ "unspecified"|trans }}
  684.                                                                                 {% endif %}
  685.                                                                             </td>
  686.                                                                             <td>
  687.                                                                                 {% if item.price == 0.00 %}
  688.                                                                                     {{ 'unspecified'|trans }}
  689.                                                                                 {% else %}
  690.                                                                                     <span class="mr-2">{{ item.price }} {{ item.currency }}</span>
  691.                                                                                 {% endif %}
  692.                                                                             </td>
  693.                                                                         </tr>
  694.                                                                     {% endfor %}
  695.                                                                 </table>
  696.                                                             </div>
  697.                                                         {% endif %}
  698.                                                         {% if key == 'deposit' %}
  699.                                                             <div class="col-md-6">
  701.                                                                 <h5>{{ key|trans|capitalize }}</h5>
  702.                                                                 <table class="table table-compare">
  703.                                                                     <tr>
  704.                                                                         <th>{{ 'type_deposit'|trans|capitalize }}</th>
  705.                                                                         <th>{{ 'Amount'|trans }}</th>
  706.                                                                     </tr>
  707.                                                                     {% for item in minData %}
  708.                                                                         <tr>
  709.                                                                             <td>
  711.                                                                                 {% if item.deposit_type == "unspecified" %}
  712.                                                                                     {{ 'unspecified_deposit'|trans }}
  713.                                                                                 {% else %}
  714.                                                                                     {{ 'deposit_label'|trans }} {{ item.deposit_type|trans }}
  715.                                                                                 {% endif %}
  716.                                                                             </td>
  717.                                                                             <td>
  718.                                                                                 {% if item.price == 0.00 %}
  719.                                                                                     {{ 'unspecified_deposit'|trans }}
  720.                                                                                 {% else %}
  721.                                                                                     <span class="mr-2">{{ item.price }} {{ item.currency }} {{ item.price_unit|trans }}</span>
  722.                                                                                 {% endif %}
  723.                                                                             </td>
  724.                                                                         </tr>
  725.                                                                     {% endfor %}
  726.                                                                 </table>
  727.                                                             </div>
  728.                                                         {% endif %}
  729.                                                         {% if key == 'add_fee' %}
  730.                                                             <div class="col-md-6">
  732.                                                                 <h5>{{ key|trans|capitalize }}</h5>
  733.                                                                 <table class="table table-compare">
  734.                                                                     <tr>
  735.                                                                         <th>{{ 'services'|trans|capitalize }}</th>
  736.                                                                         <th>{{ 'Amount'|trans }}</th>
  737.                                                                     </tr>
  738.                                                                     {% for item in minData %}
  739.                                                                         <tr>
  740.                                                                             <td>
  742.                                                                                 {% if item.fee_type == "unspecified" %}
  743.                                                                                     {{ 'unspecified'|trans }}
  744.                                                                                 {% else %}
  745.                                                                                     {{ item.fee_type|trans }}
  746.                                                                                 {% endif %}
  747.                                                                             </td>
  748.                                                                             <td>
  749.                                                                                 {% if item.price == 0.00 %}
  750.                                                                                     {{ 'unspecified'|trans }}
  751.                                                                                 {% else %}
  752.                                                                                     <span class="mr-2">{{ item.price }} {{ item.currency }} {{ item.price_unit|trans }}</span>
  753.                                                                                 {% endif %}
  754.                                                                             </td>
  755.                                                                         </tr>
  756.                                                                     {% endfor %}
  757.                                                                 </table>
  758.                                                             </div>
  759.                                                         {% endif %}
  760.                                                     {% endfor %}
  761.                                                 </div>
  762.                                             </div>
  764.                                             <div class="card mt-4">
  765.                                                 <div class="card-header border-bottom bg-transparent px-0 pt-0">
  766.                                                     <h4 class="mb-0">{% trans %}visa{% endtrans %}</h4>
  767.                                                 </div>
  768.                                                 <div class="row">
  769.                                                     {% for key, minData in hotel.metapolicyNoIncludedData %}
  770.                                                         <div class="col-md-12">
  771.                                                             {% if key == 'visa' and minData is not empty and minData[0] == 'support_enable' %}
  772.                                                                 <p>{{ 'visa_support'|trans }}</p>
  773.                                                             {% endif %}
  775.                                                         </div>
  777.                                                     {% endfor %}
  778.                                                 </div>
  779.                                             </div>
  780. {#                                            <div class="card mt-4">#}
  781. {#                                                <div class="card-header border-bottom bg-transparent px-0 pt-0">#}
  782. {#                                                    <h4 class="mb-0">{% trans %}visa{% endtrans %}</h4>#}
  783. {#                                                </div>#}
  784. {#                                                <div class="row">#}
  785. {#                                                    {% for key, minData in hotel.metapolicyNoIncludedData %}#}
  786. {#                                                        <div class="col-md-12">#}
  787. {#                                                            {% if key == 'visa' and minData is not empty and minData[0] == 'support_enable' %}#}
  788. {#                                                                <p>{{ 'visa_support'|trans }}</p>#}
  789. {#                                                            {% endif %}#}
  791. {#                                                        </div>#}
  793. {#                                                    {% endfor %}#}
  794. {#                                                </div>#}
  795. {#                                            </div>#}
  796.                                         {% endif %}
  797.                                         <!-- List -->
  798.                                         <strong>{% trans %}Payment methods{% endtrans %}</strong>
  799.                                         {% for payment_methods in hotel.payment_methods %}
  800.                                             <ul class="list-group list-group-borderless mb-2">
  801.                                                 {% if payment_methods %}
  802.                                                     <li class="list-group-item h6 fw-light d-flex mb-0">
  803.                                                         <i class="bi bi-arrow-right me-2"></i>{{ payment_methods }}
  804.                                                     </li>
  805.                                                 {% endif %}
  806.                                             </ul>
  807.                                         {% endfor %}
  808.                                     </div>
  809.                                 {% endif %}
  811.                                 <!-- Card body END -->
  812.                             </div>
  813.                             <!-- Hotel Policies START -->
  814.                         </div>
  815.                     </div>
  816.                 </div> <!-- Row END -->
  817.             </div>
  818.         </section>
  819.         <!-- =======================
  820.         About hotel END -->
  821.         <!-- Map modal START -->
  822.         <div class="modal fade" id="mapmodal" tabindex="-1" aria-labelledby="mapmodalLabel" aria-hidden="true">
  823.             <div class="modal-dialog modal-dialog-centered modal-lg">
  824.                 <div class="modal-content">
  825.                     <!-- Title -->
  826.                     <div class="modal-header">
  827.                         <h5 class="modal-title" id="mapmodalLabel">View Our Hotel Location</h5>
  828.                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  829.                     </div>
  830.                     <!-- Map -->
  831.                     <div class="modal-body p-0">
  832.                         <iframe class="w-100" height="400"
  833.                                 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3022.9663095343008!2d-74.00425878428698!3d40.74076684379132!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c259bf5c1654f3%3A0xc80f9cfce5383d5d!2sGoogle!5e0!3m2!1sen!2sin!4v1586000412513!5m2!1sen!2sin"
  834.                                 style="border:0;" aria-hidden="false" tabindex="0"></iframe>
  835.                     </div>
  836.                     <!-- Button -->
  837.                     <div class="modal-footer">
  838.                         <button type="button" class="btn btn-sm btn-primary mb-0"><i
  839.                                     class="bi fa-fw bi-pin-map-fill me-2"></i>View In Google Map
  840.                         </button>
  841.                     </div>
  842.                 </div>
  843.             </div>
  844.         </div>
  845.         <!-- Map modal END -->
  846.         <!-- Room modal START -->
  847.         <div class="modal fade" id="roomDetail" tabindex="-1" aria-labelledby="roomDetailLabel" aria-hidden="true">
  848.             <div class="modal-dialog modal-dialog-centered">
  849.                 <div class="modal-content p-0">
  850.                     <!-- Title -->
  851.                     <div class="modal-header p-3">
  852.                         <h5 class="modal-title mb-0" id="roomDetailLabel">Room detail</h5>
  853.                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  854.                     </div>
  856.                     <!-- Modal body -->
  857.                     <div class="modal-body p-0">
  859.                         <!-- Card START -->
  860.                         <div class="card bg-transparent p-3">
  861.                             <!-- Slider START -->
  862.                             <div class="tiny-slider arrow-round arrow-dark overflow-hidden rounded-2">
  863.                                 <div class="tiny-slider-inner rounded-2 overflow-hidden" data-autoplay="true"
  864.                                      data-arrow="true" data-dots="false" data-items="1">
  865.                                     <!-- Image item -->
  866.                                     <div><img src="{# assets/images/gallery/16.jpg #}" class="rounded-2"
  867.                                               alt="Card image">
  868.                                     </div>
  870.                                     <!-- Image item -->
  871.                                     <div><img src="{# assets/images/gallery/15.jpg #}" class="rounded-2"
  872.                                               alt="Card image">
  873.                                     </div>
  875.                                     <!-- Image item -->
  876.                                     <div><img src="{# assets/images/gallery/13.jpg #}" class="rounded-2"
  877.                                               alt="Card image">
  878.                                     </div>
  880.                                     <!-- Image item -->
  881.                                     <div><img src="{# assets/images/gallery/12.jpg #}" class="rounded-2"
  882.                                               alt="Card image">
  883.                                     </div>
  885.                                 </div>
  886.                             </div>
  887.                             <!-- Slider END -->
  889.                             <!-- Card header -->
  890.                             <div class="card-header bg-transparent pb-0">
  891.                                 <h3 class="card-title mb-0">Deluxe Pool View</h3>
  892.                             </div>
  894.                             <!-- Card body START -->
  895.                             <div class="card-body">
  896.                                 <!-- Content -->
  897.                                 <p>Club rooms are well furnished with air conditioner, 32 inch LCD television and a mini
  898.                                     bar. They have attached bathroom with showerhead and hair dryer and 24 hours supply
  899.                                     of
  900.                                     hot and cold running water. Complimentary wireless internet access is available.
  901.                                     Additional amenities include bottled water, a safe and a desk.</p>
  903.                                 <div class="row">
  904.                                     <h5 class="mb-0">{% trans %}Amenities{% endtrans %}</h5>
  906.                                     <!-- List -->
  907.                                     <div class="col-md-6">
  908.                                         <!-- List -->
  909.                                         <ul class="list-group list-group-borderless mt-2 mb-0">
  910.                                             <li class="list-group-item d-flex mb-0">
  911.                                                 <i class="fa-solid fa-check-circle text-success me-2"></i><span
  912.                                                         class="h6 fw-light mb-0">Swimming pool</span>
  913.                                             </li>
  914.                                             <li class="list-group-item d-flex mb-0">
  915.                                                 <i class="fa-solid fa-check-circle text-success me-2"></i><span
  916.                                                         class="h6 fw-light mb-0">Spa</span>
  917.                                             </li>
  918.                                             <li class="list-group-item d-flex mb-0">
  919.                                                 <i class="fa-solid fa-check-circle text-success me-2"></i><span
  920.                                                         class="h6 fw-light mb-0">Kids play area.</span>
  921.                                             </li>
  922.                                             <li class="list-group-item d-flex mb-0">
  923.                                                 <i class="fa-solid fa-check-circle text-success me-2"></i><span
  924.                                                         class="h6 fw-light mb-0">Gym</span>
  925.                                             </li>
  926.                                         </ul>
  927.                                     </div>
  929.                                     <!-- List -->
  930.                                     <div class="col-md-6">
  931.                                         <!-- List -->
  932.                                         <ul class="list-group list-group-borderless mt-2 mb-0">
  933.                                             <li class="list-group-item d-flex mb-0">
  934.                                                 <i class="fa-solid fa-check-circle text-success me-2"></i><span
  935.                                                         class="h6 fw-light mb-0">TV</span>
  936.                                             </li>
  937.                                             <li class="list-group-item d-flex mb-0">
  938.                                                 <i class="fa-solid fa-check-circle text-success me-2"></i><span
  939.                                                         class="h6 fw-light mb-0">Mirror</span>
  940.                                             </li>
  941.                                             <li class="list-group-item d-flex mb-0">
  942.                                                 <i class="fa-solid fa-check-circle text-success me-2"></i><span
  943.                                                         class="h6 fw-light mb-0">AC</span>
  944.                                             </li>
  945.                                             <li class="list-group-item d-flex mb-0">
  946.                                                 <i class="fa-solid fa-check-circle text-success me-2"></i><span
  947.                                                         class="h6 fw-light mb-0">Slippers</span>
  948.                                             </li>
  949.                                         </ul>
  950.                                     </div>
  951.                                 </div> <!-- Row END -->
  952.                             </div>
  953.                             <!-- Card body END -->
  954.                         </div>
  955.                         <!-- Card END -->
  956.                     </div>
  957.                 </div>
  958.             </div>
  959.         </div>
  960.         <!-- Room modal END -->
  961.     {% else %}
  962.         <section class="pt-0">
  963.             <div class="container">
  964.                 <div class="row">
  965.                     <div class="col-md-12">
  966.                         <div class="empty-data">{% trans %}Empty data{% endtrans %}</div>
  967.                     </div>
  968.                 </div>
  969.             </div>
  970.         </section>
  972.     {% endif %}
  974. {% endblock %}