{% extends 'main.html' %}
{% load i18n cms_tags %}

{% block content %}
    <div class="content__frame">
        {% block content_intro %}
            {% include 'project/includes/content_intro.html' with image=request.current_page.imageextension.image cropping=request.current_page.imageextension.cropping %}
        {% endblock %}
        <div class="content__container">
            <div class="content__navigation reveal_self reveal reveal_animation data_delay_3">
                <div class="content__navigation__frame">
                    <div class="content__navigation__main">
                        <span class="content__navigation__title">
                            {% block navigation_title %}
                                {% if request.current_page %}{{ request.current_page }}{% endif %}
                            {% endblock %}
                        </span>
                        <div class="content__navigation__content">
                            <div class="content__navigation__progress">
                                <span class="content__navigation__progress__fill"></span>
                            </div>
                            <ul class="content__navigation__list"></ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content__main">
                <div class="content__wrap">
                    <div class="content">
                        {% block content_main %}
                            {% placeholder 'content' %}
                        {% endblock %}

                        {% for page, letter, position in egg_pages %}
                            {% if page == request.current_page.pk %}
                                <a href="#" class="search__contest__item data_id_{{ forloop.counter }}">
                                    <span class="letter">{{ letter }}</span>
                                    <span class="position">{{ position }}</span>

                                    <div class="flower petal{% cycle '5' '8' '10' %} {% cycle 'roundpetal' '' %}">
                                        <div class="petal">
                                            <div class="petal">
                                                <div class="petal">
                                                    <div class="petal">
                                                        <div class="petal">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            {% endif %}
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}