{% load i18n cms_tags %}

<div class="journey_calculator">
    <p class="section__text">
        {% for plugin in instance.child_plugin_instances %}
            {% render_plugin plugin %}
        {% endfor %}
    </p>
    <div class="journey_calculator__input">
        <input id="journey_calculator__input" type="text" placeholder="{% trans 'Ihr Wohnort' %}">
        <div class="journey_calculator__result" data-label="{% trans 'Min' %}"></div>
    </div>
    <a href="#" target="_blank" class="journey_calculator__button button button--small button--ghost button--ghost-white">
        <span class="button__icon">{% include 'project/assets/arrow-right-long.svg' %}</span>
        <span class="button__text">{% trans 'Route anzeigen' %}</span>
    </a>
    <p class="journey_calculator__message">
        {% trans 'Bitte wählen Sie einen der vorgeschlagenen Orte aus.' %}
    </p>
</div>