{# Template : Delivery #}

{% extends ('layouts/' ~ page_meta.layout) %}

{% block content %}

<div class="pageWrap">

    {% include 'navigation/breadcrumbs.twig' with {
        hide_logos: false,
        class: ''
    } %}


    <div class="contentPageWrap">

        <div class="innerPageContent">

            {% include 'navigation/content_sidebar.twig' with {
                hide_contact_cta: false,
                hide_section_menu: false,
                class: 'hideMobile'
            }%}

            <div class="contentWrap">

                {% include 'navigation/content_sidebar.twig' with {
                    hide_contact_cta: true,
                    hide_section_menu: false,
                    class: 'showMobile'
                }%}

                {% include 'includes/elements/title_wrap.twig' %}

                {% if p.pagedata['Content'][0]['value'] is not empty %}
                    <div class="pageContent wysiwyg">
                        {{ p.pagedata['Content'][0]['value']|raw }}
                    </div> <!-- .pageContent -->
                {% endif %}


                {% if p.pagedata['Drop'][0]['Drop Title']['value'] is not empty %}



                    <ul class="faqs contentFaq">
                        {% for object in p.pagedata['Drop'] %}

                            {% if object['Drop Title']['value'] is not empty %}

                                <li>
                                    <h4>{{ object['Drop Title']['value'] }}</h4>
                                    <div class="answer">
                                        {% if object['Drop Content']['value'] is not empty %}
                                            {{ object['Drop Content']['value']|raw }}
                                        {% endif %}
                                    </div>
                                </li>


                            {% endif %}
                        {% endfor %}
                    </ul>

                {% endif %}

            </div> <!-- .contentWrap -->

        </div> <!-- .innerPageContent -->

    </div> <!-- .contentPageWrap -->

</div> <!-- .pageWrap -->

{% endblock %}



Template : Content with Sidebar #}

{% extends ('layouts/' ~ page_meta.layout) %}

{% block content %}


    {% include 'includes/elements/title_wrap.twig' with {
        title: p.pagedata['Title'][0]['Title']['value'],
        content: p.pagedata['Title'][0]['Content']['value'],
        class: '',
        dark_background: false
    }%}

    <div class="pageWrap">

        {% include 'navigation/breadcrumbs.twig' with {
            hide_logos: false,
            class: ''
        } %}


        <div class="contentPageWrap">

            <div class="innerPageContent">

                {% include 'navigation/content_sidebar.twig' with {
                    hide_contact_cta: false,
                    hide_section_menu: false,
                    class: 'hideMobile'
                }%}

                <div class="contentWrap">

                    {% include 'navigation/content_sidebar.twig' with {
                        hide_contact_cta: true,
                        hide_section_menu: false,
                        class: 'showMobile'
                    }%}

                    <div class="pageContent wysiwyg">

                        {% if p.pagedata['Title'][0]['Title']['value'] is not empty %}
                            <div class="contentTitleWrap">

                                {% if p.pagedata['Title'][0]['Title']['value'] is empty %}
                                    <h1>{{ p.pagedata['Content title'][0]['value'] }}</h1>
                                {% else %}
                                    <h2>{{ p.pagedata['Content title'][0]['value'] }}</h2>
                                {% endif %}

                            </div> <!-- .contentTitleWrap -->
                        {% endif %}

                        {% if p.pagedata['Image'][0]['value'] is not empty %}

                            <div class="contentImage firstImage">

                                <picture class="imageWrap articleImage">

                                    <source
                                            srcset="/{{ image_folders['cms_images']['content_image_mobile']['path'] }}/{{ p.pagedata['Image'][0]['value'] }}"
                                            media="(max-width: 640px)">

                                    <img src="/{{ image_folders['cms_images']['content_image']['path'] }}/{{ p.pagedata['Image'][0]['value'] }}"
                                         alt="{{ p.pagedata['Image'][0]['alt'] }}"
                                    >

                                </picture>

                            </div> <!-- .contentImage -->


                        {% endif %}

                        {% if p.pagedata['Content'][0]['value'] is not empty %}

                            <div class="mainBodyContent">

                                {{ p.pagedata['Content'][0]['value']|raw }}

                            </div> <!-- .mainBodyContent -->

                        {% endif %}

                        {% if p.pagedata['Extra Content'][0]['Extra Content']['value'] is not empty %}

                            <div class="extraContent">

                                {% for object in p.pagedata['Extra Content'] %}

                                    {% if object['Extra Image']['value'] is not empty %}

                                        <div class="contentImage">

                                            <picture class="imageWrap articleImage">

                                                <source
                                                        srcset="/{{ image_folders['cms_images']['content_image_mobile']['path'] }}/{{ object['Extra Image']['value'] }}"
                                                        media="(max-width: 640px)">

                                                <img
                                                        src="/{{ image_folders['cms_images']['content_image']['path'] }}/{{ object['Extra Image']['value'] }}"
                                                        alt="{{ object['Extra Image']['alt'] }}"
                                                >

                                            </picture>

                                        </div><!-- .contentImage -->

                                    {% endif %}

                                    {% if object['Extra Content']['value'] is not empty %}
                                        <div class="mainBodyContent">

                                            {{ object['Extra Content']['value']|raw }}

                                        </div> <!-- .mainBodyContent -->
                                    {% endif %}

                                {% endfor %}

                            </div><!-- .extraContent -->

                        {% endif %}


                    </div> <!-- .pageContent -->

                    {% if p.pagedata['Drop Down List'][0]['Drop Title']['value'] is not empty %}

                        <div class="dropdownListWrap">

                            {% if p.pagedata['Drop Down List Title'][0]['value'] is not empty %}
                                <h3>{{ p.pagedata['Drop Down List Title'][0]['value']|raw }}</h3>
                            {% endif %}

                            <ul class="faqs contentFaq">

                                {% for object in p.pagedata['Drop Down List'] %}

                                    {% if object['Drop Title']['value'] is not empty %}

                                        <li>
                                            <h4>{{ object['Drop Title']['value'] }}</h4>

                                            <div class="answer">
                                                {% if object['Drop Content']['value'] is not empty %}
                                                    {{ object['Drop Content']['value']|raw }}
                                                {% endif %}
                                            </div>
                                        </li>


                                    {% endif %}

                                {% endfor %}

                            </ul>

                        </div> <!-- .dropdownListWrap -->

                    {% endif %}



                </div> <!-- .contentWrap -->

            </div> <!-- .innerPageContent -->

        </div> <!-- .contentPageWrap -->

    </div> <!-- .pageWrap -->


{% endblock %}

