{% 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 page.children if child_page.status == 1 %}
                <div class="col-md-4 col-sm-4">
                    <div class="travel-wrapper get-box-link">
                        <div class="item text-left">
                            <div class="item-img">
                                <img src="{{ child_page.previewImageUrl ?? '/bundles/app/images/page1_img'~ (random(3)+1) ~'.jpg' }}" alt="{{ child_page.title }}">
                            </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 %}