{% extends 'frontend/front-end-base.html.twig' %}

{% block title %} {{ page_title|default('Africa Protected Areas Congress')|raw|striptags }} {% endblock %}

{% block body %}

    {% embed "frontend/panel/content-page-title.html.twig" %}
        {% block pageTitle %}
            Strengthening Partnerships to <br/>Secure Africa’s Biodiversity and Heritage
        {% endblock %}

        {% block bannerImage %}
            {% set imagePath = asset('build/images/apac-background.jpg') %}
            {% if page is defined and page is not null and page.imagePath is not null %}
                {% set imagePath = asset(blockImagesDirectory ~ page.imagePath) %}
            {% endif %}
            background: url('{{ imagePath }}') top center no-repeat; background-size: cover;
        {% endblock %}

        {% block headerFontClass %} text-white {% endblock %}
    {% endembed %}

    <!-- Start Community Description -->
    <section class="col-md-12 text-center acba-blue-font text-center py-5 mb-3">
        <div class="container">
            {% if blocks is defined and blocks['apac_description'] is defined  and blocks['apac_description']|length > 0 %}
                {% for block in blocks['apac_description'] %}
                    <h2 class="py-2 my-2 community-h2">{{ block.title }}</h2>
                    <h3 class="community-h3">
                        {{ block.content|default("")|striptags }}
                    </h3>
                {% endfor %}
            {% endif %}
        </div>
    </section>
    <!-- End Community Description -->

    <!-- Start regions and countries -->
    <section class="col-md-12 text-center acba-blue-bg text-white py-5">
        <div class="container">
            <h1 class="text-uppercase">&nbsp;&nbsp;&nbsp;</h1>
        </div>
    </section>

    <section class="col-md-12 text-center text-white py-3" style="margin-top: -80px">
        <div class="container">
            <div class="row equal justify-content-between">
                {% set apac_blocks = blocks['apac_blocks'] %}
                {% embed "frontend/panel/apac-blocks-block.html.twig" %}
                {% endembed %}

            </div>
        </div>
    </section>

{% endblock %}

{% block javascripts %}
    <script type="text/javascript">
    </script>
{% endblock %}