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

{% block extra_css %}
    <link rel="stylesheet" href="{% static 'enap_designsystem/blocks/semana.css' %}">
{% endblock %}

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

{%block govnavbar %}
    <div style="background-color: #071E41;">
        <div class="menu">
            <div class="logo">
                <img style="width: 51px; height: 18px;" src="{% static 'enap_designsystem/icons/logo-white.png' %}" alt="Passar pro lado esquerdo" alt="Logo GovBR" height="40">
            </div>
            <a href="https://www.gov.br/secom/pt-br/acesso-a-informacao/comunicabr">Comunica BR</a>
            <div class="separator"></div>
            <a href="https://www.gov.br/acessoainformacao/pt-br">Acesso à informação</a>
            <div class="separator"></div>
            <a href="https://www.gov.br/pt-br/participacao-social/">Participe</a>
            <div class="separator"></div>
            <a href="https://www4.planalto.gov.br/legislacao/">Legislação</a>
            <div class="separator"></div>
            <a href="https://www.gov.br/pt-br/orgaos-do-governo">Órgãos do Governo</a>
        </div>
    </div>
{% endblock %}

{% block navbar %}
    {% if page.navbar %}
        {% include "enap_designsystem/blocks/navbar/navbar_block.html" with navbar=page.navbar %}
    {% else %}
        <p style="color: red;">DEBUG: Nenhuma Navbar foi definida.</p>
    {% endif %}
{% endblock %}

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

    <!-- Menu de Navegação do Concurso (herdado da página pai) -->
    {% if menu_concurso %}
        {% for block in menu_concurso %}
            {% include_block block %}
        {% endfor %}
    {% endif %}

    <div class="concurso-inovacao-page">
        <!-- Banner do Concurso -->
        {% if page.banner %}
            <section class="banner-section">
                {% for block in page.banner %}
                    {% include_block block %}
                {% endfor %}
            </section>
        {% endif %}

        <!-- Material de Apoio -->
        {% if page.material %}
            <section class="material-section">
                {% for block in page.material %}
                    {% include_block block %}
                {% endfor %}
            </section>
        {% endif %}

        <!-- Patrocinadores -->
        {% if page.patrocinadores %}
            <section class="patrocinadores-section">
                {% for block in page.patrocinadores %}
                    {% include_block block %}
                {% endfor %}
            </section>
        {% endif %}
    </div>

    <style>
    .concurso-inovacao-page {
        width: 100%;
    }

    .img-newslettertwo {
        width: 100px;
        object-fit: cover;
        object-position: center;
    }

    .banner-section {
        margin-bottom: 0;
    }

    .material-section,
    .patrocinadores-section {
        margin-bottom: 0;
    }

    @media (max-width: 768px) {
        .conteudo-adicional {
            padding: 40px 0;
        }
    }
    </style>
{% endblock %}

{% block footer %}
    {% include "enap_designsystem/includes/footer.html" %}
{% endblock %}