{% extends 'Customer/Delivery/base.html.twig' %}
{% block javascripts %}
{{ parent() }}
{{ encore_entry_script_tags('customer/delivery-points') }}
<script src="https://api.mapy.cz/loader.js"></script>
<script>Loader.load()</script>
{% endblock %}
{% block catchword %}
{% trans %}Kde se od vás nachází{% endtrans %}<br>
{% trans %}nejbližší{% endtrans %}
<span>{% trans %}supervýdejna?{% endtrans %}</span>
{% endblock %}
{% block content %}
<div class="row">
<div class="col-12">
<h1>{% trans %}Výdejní místa:{% endtrans %}</h1>
</div>
</div>
<div id="mapDiv" data-points="{{ deliveryPoints|json_encode }}"></div>
<div id="delivery-points-list">
{% for code, dp in deliveryPoints %}
<a class="strong text-danger col-12 col-sm-6 col-lg-4 mb-3"
href="{{ path('customer_delivery_point_detail', {code: code}) }}">
<div>
<div class="mb-3 text-dark">
<p class="mb-0 pb-0 text-danger font-weight-bold">
{{ dp.name }}
</p>
<p class="mb-0 pb-0"><u>Detail</u></p>
<p class="mb-0 pb-0">{{ dp.address }}</p>
<p class="mb-0 pb-0">{{ dp.openingHours }}</p>
</div>
</div>
</a>
{% endfor %}
</div>
<div id="delivery-points-count">
<p class="mb-3 text-dark">{% trans %}Celkem výdejních míst:{% endtrans %} {{ deliveryPoints | length }}</p>
</div>
{% endblock %}