templates/Customer/Delivery/detail.html.twig line 1

Open in your IDE?
  1. {% extends 'Customer/Delivery/base.html.twig' %}
  3. {% block javascripts %}
  4.     {{ parent() }}
  5.     {{ encore_entry_script_tags('customer/delivery-point-detail') }}
  6.     <script src="https://api.mapy.cz/loader.js"></script>
  7.     <script>Loader.load()</script>
  8. {% endblock %}
  10. {% block catchword %}
  11.     {% trans %}Výdejní místo{% endtrans %} - {{ dp.name }}
  12. {% endblock %}
  14. {% block content %}
  15.     <div class="row">
  16.         <div class="col"><a
  17.                     href="{{ path('customer_delivery_points') }}">{% trans %}Zpět na výpis výdejen{% endtrans %}</a>
  18.         </div>
  19.     </div>
  20.     <div class="row">
  21.         {% if (dp.getGpsLongitude != false and dp.getGpsLatitude != false) or dp.images is not empty %}
  22.         <div class="col-4">
  23.             {% if dp.getGpsLongitude != false and dp.getGpsLatitude != false %}
  24.                 <h5>{% trans from 'support' %}Mapa výdejny{% endtrans %}</h5>
  25.                 <div id="mapDiv" style="width:100%; height:400px;"></div>
  26.                 <span id='mapLatitude' class="d-none">{{ dp.gpsLatitude }}</span>
  27.                 <span id='mapLongitude' class="d-none">{{ dp.gpsLongitude }}</span>
  28.                 <div class="mt-2 d-flex justify-content-center">
  29.                     {% if dp.gps is not null %}
  30.                         <a href="https://mapy.cz/zakladni?q={{ dp.gps }}">Mapy.cz</a>
  31.                     {% endif %}
  32.                 </div>
  33.                 <hr>
  34.             {% endif %}
  35.             {% if dp.images is not empty %}
  36.                 <h5>{% trans from 'support' %}Obrázky{% endtrans %}</h5>
  37.                 {% for image in dp.images %}
  38.                     <div class="mt-2">
  39.                         <img alt="{% trans %}obrázek výdejny{% endtrans %}" width="100%" height=""
  40.                              src="{{ image.imageBase64 }}" class="image-object-fit-contain rounded">
  41.                     </div>
  42.                 {% endfor %}
  43.             {% endif %}
  44.         </div>
  45.         {% endif %}
  46.         <div class="col-8">
  47.             <div class="row">
  48.                 <table class="table table-borderless">
  49.                     <tbody>
  50.                     <tr>
  51.                         <th style="width: 25%">{% trans from 'support' %}Kód výdejny{% endtrans %}</th>
  52.                         <td id="dp-code">{{ dp.code }}</td>
  53.                     </tr>
  54.                     <tr>
  55.                         <th style="width: 25%">{% trans from 'support' %}Název{% endtrans %}</th>
  56.                         <td id="dp-name">{{ dp.name }}</td>
  57.                     </tr>
  58.                     <tr>
  59.                         <th style="width: 25%">{% trans from 'support' %}Adresa{% endtrans %}</th>
  60.                         <td id="address">{{ dp.address.address1 ~ ', ' ~ dp.address.city  ~ ', ' ~ (dp.address.district ? (dp.address.district ~ ', ')) ~ dp.address.zipCode }}</td>
  61.                     </tr>
  62.                     <tr>
  63.                         <th style="width: 25%">{% trans from 'support' %}Otevírací hodiny{% endtrans %}</th>
  64.                         <td id="dp-openingHours">{{ dp.openingHours }}</td>
  65.                     </tr>
  66.                     <tr>
  67.                         <th style="width: 25%">{% trans from 'support' %}Stav pobočky{% endtrans %}</th>
  68.                         <td id="dp-active">{{ dp.activeHandover ? 'Otevřeno' : 'Zavřeno' | trans }}</td>
  69.                     </tr>
  70.                     {% if dp.aboutUs is not empty %}
  71.                         <tr>
  72.                             <th style="width: 25%">{% trans from 'support' %}O nás{% endtrans %}</th>
  73.                             <td id="dp-aboutUs">{{ dp.aboutUs |nl2br }}</td>
  74.                         </tr>
  75.                     {% endif %}
  76.                     {% if dp.descriptionGeneral is not empty %}
  77.                         <tr>
  78.                             <th style="width: 25%">{% trans from 'support' %}Popis cesty{% endtrans %}</th>
  79.                             <td id="dp-descriptionGeneral">{{ dp.descriptionGeneral |nl2br }}</td>
  80.                         </tr>
  81.                     {% endif %}
  82.                     {% if dp.descriptionCar is not empty %}
  83.                         <tr>
  84.                             <th style="width: 25%">{% trans from 'support' %}Cesta autem{% endtrans %}</th>
  85.                             <td id="dp-descriptionCar">{{ dp.descriptionCar |nl2br }}</td>
  86.                         </tr>
  87.                     {% endif %}
  88.                     {% if dp.descriptionPublic is not empty %}
  89.                         <tr>
  90.                             <th style="width: 25%">{% trans from 'support' %}Cesta MHD{% endtrans %}</th>
  91.                             <td id="dp-descriptionPublic">{{ dp.descriptionPublic |nl2br }}</td>
  92.                         </tr>
  93.                     {% endif %}
  94.                     {% if dp.webSite is not empty and (dp.webSite starts with 'http') %}
  95.                         <tr>
  96.                             <th style="width: 25%">{% trans from 'support' %}Webová stránka výdejny{% endtrans %}</th>
  97.                             <td id="dp-webSite"><a href="{{ dp.webSite }}" target="_blank">{{ dp.webSite }}</a></td>
  98.                         </tr>
  99.                     {% endif %}
  100.                     </tbody>
  101.                 </table>
  102.             </div>
  103.             {% if holidays is not empty %}
  104.                 <div class="row">
  105.                     <div class="col-lg-8 col-md-12 col-sm-12 col-12">
  106.                         {% include 'Customer/Delivery/holidays_table.html.twig' with holidays %}
  107.                     </div>
  108.                 </div>
  109.             {% endif %}
  110.         </div>
  111.     </div>
  112. {% endblock %}