{% include 'olivier/elements/timeline.html.twig' %}
<section class="container form location timeline">
<h3 class="category">{{ 'login.title.take_appointement'|trans }}</h3>
<h1 class="title"> {{ 'appointment.location.title'|trans }}</h1>
<div class="accordion-block location input_group">
<ul class="accordion-list">
{% for key, garage in garages %}
{% set selected = '' %}
{% if current|default and current.id == garage.id %}
{% set selected = 'selected' %}
{% endif %}
<li class="accordion-item modify-block" data-id="{{ garage.id }}">
<div class="item-header {{ selected }}"
data-id="{{ garage.id }}">
<span class="name">{{ garage.name }}</span>
</div>
<div class="accordion-answer" style="display: none;">
<div class="cell">
<span class="label">{{ garage.address.door }} {{ garage.address.street }}</span>
<span class="label">{{ garage.address.postalCode ~ ' ' ~ garage.address.city }}</span>
<span class="label">{{ garage.address.country }}</span>
</div>
{# <div class="cell"> #}
{# <span class="label">098 76 54 32</span> #}
{# <span class="label">leudelange@carfit.lu</span> #}
{# <span class="label">Du lundi au samedi de 7h à 18h</span> #}
{# </div> #}
</div>
</li>
{% endfor %}
</ul>
</div>
<div class="row">
{% set btndisabled = 'disabled' %}
{% if current|default %}
{% set btndisabled = '' %}
{% endif %}
{% include 'olivier/elements/form_button.html.twig' with {label: 'form.continue'|trans, class: 'btn-modify ' ~ btndisabled, id: 'location-save'} %}
</div>
</section>
<section class="container sider form location">
<div id="map" data-content="{{ garages|json_encode() }}"></div>
<script async src="https://maps.googleapis.com/maps/api/js?key={{ map_key }}&callback=initMap"></script>
</section>