{% extends "enap_designsystem/base.html" %}
{% load static wagtailcore_tags wagtailimages_tags %}

{% block title %}<title>{{ page.title }}</title>{% endblock %}

{% block extra_css %}
    {% include "enap_designsystem/semana_inovacao/font_loader.html" %}
    <link rel="stylesheet" href="{% static 'enap_designsystem/semanadeinovacao.css' %}">
    <style>
        .sobre-hero-banner {
            display: flex;
            justify-content: center;
            padding: 2rem 1rem;
        }
        .sobre-hero-img {
            max-width: 800px;
            width: 100%;
            height: auto;
            display: block;
        }
    </style>
{% endblock %}

{% block content %}

    {% if page.menu %}
        {% include "enap_designsystem/semana_inovacao/blocks_menu_navigation.html" with value=page.menu %}
    {% endif %}

    {% for block in page.secao_apresentacao %}
        {% include_block block %}
    {% endfor %}

    {% for block in page.secao_manifesto %}
        {% include_block block %}
    {% endfor %}

    {% if page.hero_banner_imagem %}
        {% image page.hero_banner_imagem original as hero_img %}
        <div class="sobre-hero-banner">
            <img src="{{ hero_img.url }}" alt="{{ page.hero_banner_imagem.title }}" class="sobre-hero-img">
        </div>
    {% endif %}

    {% for block in page.faq_tabs %}
        {% include_block block %}
    {% endfor %}

    {% for block in page.secao_equipe %}
        {% include_block block %}
    {% endfor %}

    {% for block in page.secao_patrocinadores %}
        {% include_block block %}
    {% endfor %}

    {% for block in page.secao_contato %}
        {% include_block block %}
    {% endfor %}

    {% if page.footer %}
        {% include "enap_designsystem/semana_inovacao/footer_snippet.html" with footer=page.footer %}
    {% endif %}

{% endblock %}