{% extends "enap_designsystem/base.html" %}
{% load static %}
{% load css_tags %}
{% load wagtailcore_tags wagtailimages_tags %}
{% block extra_css %}{% block_css 'enap_designsystem/blocks/pages/template_cursos.css' %}{% endblock %}



{% block metadata %}
    {% comment %} <meta name="viewport" content="width=device-width, initial-scale=1.0"> {% endcomment %}
{% endblock %}


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


    

{% block navbar %}
    {% if enap_dynav %}
        {% include "enap_designsystem/blocks/dynamic_nav/dynamic_nav_include.html" %}
    {% elif page.navbar %}
        {% include "enap_designsystem/blocks/navbar/navbar_block.html" with navbar=page.navbar %}
    {% endif %}
{% endblock %}


{% block content %}
<section class="padding-mobile">


{% if page.modalenap %}
  {% include "enap_designsystem/blocks/modal.html" with modal=page.modalenap %}
{% endif %}

    <!-- Enap Banner Video Block -->
    <section class="banner-hero">
        <div>
            {% for block in page.content %}
                <div class="block">
                    {{ block }}  {# Renderiza cada bloco do StreamField diretamente #}
                </div>
            {% empty %}

            {% endfor %}
        </div>
    </section>


    <!-- Feature-->
    <section class="feature">
        {% for block in page.feature %}
            <div class="block">
                {{ block }}  {# Renderiza cada bloco do StreamField diretamente #}
            </div>
        {% empty %}

        {% endfor %}
    </section>


    <!-- Cards cursos -->
    <section class="cards-cursos" style="background-color: #EBEFF5;">
        <div class="content">
            {% for block in page.body %}
                <div class="block" style="margin-bottom: 90px;">
                    {{ block }}  {# Renderiza cada bloco do StreamField diretamente #}
                </div>
            {% empty %}

            {% endfor %}
        </div>
    </section>

      <!-- Wizards -->
    <section>
    {% if page.wizard %}
        {% with steps=page.wizard.steps.all current_step=1 id=page.wizard.id %}
        {% include "enap_designsystem/blocks/wizard.html" %}
        {% endwith %}
    {% endif %}
    </section>

    <!-- Accordions -->
    {% for block in page.accordion_cursos %}
    {% if block.block_type == 'button_group' %}
        {% include "enap_designsystem/blocks/buttongroup.html" with buttons=block.value.buttons style=block.value.style %}
    {% elif block.block_type == 'enap_accordion' %}
        {% include_block block %}
    {% elif block.block_type == 'dropdown' %}
        {% include_block block %}
    {% elif block.block_type == 'carousel' %}
        {% include "enap_designsystem/blocks/carousel.html" with id=block.id value=block.value %}
    {% endif %}
{% endfor %}



    <section >
    {% with ancestors=page.get_ancestors current_page=page %}
        {% include "enap_designsystem/blocks/breadcrumbs.html" %}
    {% endwith %}
    </section>

    <section style="position: relative; width: 100vw; height: auto;">
        {% block formulario %}
            {% include "enap_designsystem/blocks/form_template.html" %}
        {% endblock %}
    </section>

    <section >
        {% block Alert %}
            {% include "enap_designsystem/blocks/alerts.html" %}
        {% endblock %}
    </section>


    <section style="height: 100vh;" >
        {% block tab %}
            {% include "enap_designsystem/blocks/draft_tab.html" %}
        {% endblock %}
    </section>



</section>
{% endblock %}


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