{% extends 'base.html.twig' %}

{% block body %}
    <section class="clearfix">
        <div class="hl2">{{ page.pagetitle ?? page.title }}</div>

        {#{% for i in 0..page.children|length//3 %}#}
        <div class="row">
            {% for child_page in child_pages if child_page.status == 1 and child_page.travelProgram is defined %}
                {# @var child_page \AppBundle\Entity\Page #}
                <div class="col-md-4 col-sm-4">
                    <div class="travel-wrapper get-box-link">
                        <div class="item text-left">
                            <div class="item-img">
                                <div class="lb">
                                    {% if child_page.travelProgram.id > 0 and child_page.travelProgram.id <= 10 %}
                                        <div class="cstar_left">{{ child_page.travelProgram.id }}</div>
                                    {% endif %}
                                    <div class="cprice">ab {{ child_page.travelProgram.lowestPrice|number_format }} € p.P.</div>
                                    <div class="cdiscount">Frühbucherrabatt</div>
                                </div>
                                {% if child_page.travelProgram.previewImage is defined %}
                                    <img src="https://www.sterntours.de/uploads/travel_program/{{ child_page.travelProgram.previewImage.fileNameWithExtension }}"
                                         alt="{{ child_page.title }}"
                                    >
                                {% endif %}
                            </div>
                            <div class="box_mid">
                                <div class="hl5">{{ child_page.title }}</div>
                                <p>{{ child_page.description }}</p>
                            </div>
                            <a class="item-button is-box-link" href="{{ child_page.urlPath }}" title="{{ child_page.title }}">
                                {{ child_page.title }}
                            </a>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
    </section>

    <section class="clearfix">
        {{ page.content|raw }}
    </section>
{% endblock %}