{% macro generalContentBlock(block) %}

    {% if block.type == "carousel" %}
        {% set slides = block.carouselSlide.all() %}
        <div class="row">
            <div class="col-12">
                <div id="carouselPrevention" class="carousel slide" data-ride="carousel">
                    <div class="carousel-inner">

                        {% for slide in slides %}
                            <div class="carousel-item {{ loop.first ? 'active' : '' }}" style="background-image: url('{{ slide.image.one() ? slide.image.one().url : '' }}')">
                                <div class="container" style="padding-top: 75px;">
                                    <div class="row">
                                        <div class="col-9 col-xl-7 pt-0">
                                            <h2>{{ slide.headline }}</h2>
                                            {% if (slide.linkToPage.one() is defined or slide.linkUrl is not empty) and slide.linkTitle %}
                                                <a target="{{ slide.opentInNewTab ? '_blank' : '_self' }}" href="{{ slide.linkToPage.one() ?  slide.linkToPage.one().url : slide.linkUrl }}" class="read-more">{{ slide.linkTitle }}</a>
                                            {% endif %}

                                            {% if (slide.secondLinkToPage.one() is defined or slide.secondLinkUrl is not empty) and slide.secondLinkTitle %}
                                                <a target="{{ slide.secondLinkNewTab ? '_blank' : '_self' }}" href="{{ slide.secondLinkToPage.one() ?  slide.secondLinkToPage.one().url : slide.secondLinkUrl }}" class="read-more read-more-two">{{ slide.secondLinkTitle }}</a>
                                            {% endif %}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        {% endfor %}

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

    {% elseif block.type == "imageGallery" %}

            {% for image in block.images.all() %}

                {% set rowClasses = 'row text-center mt-3' %}

                {% if loop.first %}
                    <div class="{{ rowClasses }}">
                {% endif %}

                <a href="{{ image.url() }}" class="col-3" data-toggle="lightbox" data-gallery="gallery-{{ block.id }}">
                    <img src="{{ image.url() }}" alt="" class="img-fluid">
                </a>

                {% if loop.index is divisible by(4) %}
                    </div>
                    <div class="{{ rowClasses }}">
                {% endif %}

                {% if loop.last %}
                    </div>
                {% endif %}

            {% endfor %}


    {% elseif block.type == "formBlock" %}

        {% set form = block.formToDisplay %}
        {% include 'freeform/bootstrap/_form' with {'formHandle': form.handle, 'returnUrl': form.returnUrl }  %}

    {% elseif block.type == "teamMember" %}

        <div class="team-card">
            {% set photo = block.blockImage.one() ?? null %}
            {% if photo %}
                {% set thumb = {
                mode: 'crop',
                width: 1000,
                height: 400,
                position: 'top-center'
                } %}
                <div class="team-card-photo">
                    <img src="{{ photo.getUrl(thumb) }}" width="{{ photo.getWidth(thumb) }}" height="{{ photo.getHeight(thumb) }}" alt="{{ block.title }}" loading="lazy">
                </div>
            {% endif %}
            <div class="team-card-body">
                <h3 class="team-card-name">{{ block.title }}</h3>
                {% if block.role %}
                    <p class="team-card-role">{{ block.role }}</p>
                {% endif %}
                {% if block.email or block.phone %}
                    <p class="team-card-contact">
                        {% if block.email %}<a href="mailto:{{ block.email }}">{{ block.email }}</a>{% endif %}
                        {% if block.email and block.phone %}<span class="sep">&ndash;</span>{% endif %}
                        {% if block.phone %}<a href="tel:{{ block.phone|replace({' ': '', '/': '', '.': ''}) }}">{{ block.phone }}</a>{% endif %}
                    </p>
                {% endif %}
                {% if block.blockContent %}
                    <div class="team-card-bio">{{ block.blockContent }}</div>
                {% endif %}
            </div>
        </div>

    {% else %}

        <a name="contentblock{{ block.id }}"></a>

        {% if block.anchorTitle %}
            <h2 class="contentblockHeading" id="contentblockHeading{{ block.id }}">{{ block.heading }}</h2>
        {% endif %}

        {% set accordion = block.accordion.one() ?? null %}
        {% if accordion %}

        <div class="accordion" id="accordionBlock{{ block.id }}">
            {% for blockAccordion in block.accordion.one().accordionBlock.type('accordionSection').all() %}
                <div class="card">
                    <div class="card-header" id="headingAccordion{{ blockAccordion.id }}">
                        <h2 class="mb-0">
                            <button class="btn btn-link {{ loop.first ? '' : 'collapsed' }}" type="button" data-toggle="collapse" data-target="#collapseAccordion{{ blockAccordion.id }}" aria-expanded="{{ loop.first ? 'true' : 'false' }}" aria-controls="collapseAccordion{{ blockAccordion.id }}">
                                {{ blockAccordion.heading }}
                            </button>
                        </h2>
                    </div>
                    <div id="collapseAccordion{{ blockAccordion.id }}" class="collapse {{ loop.first ? 'show' : '' }}"" aria-labelledby="headingAccordion{{ blockAccordion.id }}" data-parent="#accordionBlock{{ block.id }}">
                    <div class="card-body">
                        {{ blockAccordion.blockContent }}
                        {% for establishment in blockAccordion.linkedEstablishments.all() %}
                            <div class="address-item">
                                {% if  establishment.image.one() %}
                                    {% set image = establishment.image.one() %}
                                    {% set thumb = {
                                    mode: 'fit',
                                    width: 120,
                                    } %}
                                    <figure><img style="float: right;" src="{{ image.getUrl(thumb) }}" width="{{ image.getWidth(thumb) }}" height="{{ image.getHeight(thumb) }}" alt="{{ establishment.title }}"></figure>
                                {% endif %}
                                <h3>{{ establishment.title }}</h3>
                                {{ establishment.blockContent }}
                            </div>
                        {% endfor %}
                    </div>
                </div>
                </div>
            {% endfor %}
            </div>

        {% elseif block.showTestimonial %}

            {% include "partials/testimonials-general-page.twig" %}

        {% else %}

            {% set image = block.images.one() ?? null %}
            {% if  image %}
                {% set image = block.images.one() %}
                {% set thumb = {
                mode: 'fit',
                width: 250,
                } %}

                <div class="image right">
                    <img src="{{ image.getUrl(thumb) }}" width="{{ image.getWidth(thumb) }}" height="{{ image.getHeight(thumb) }}" alt="{{ image.title }}">
                    {% if image.showImageCaption %}
                        <span>{{ image.title }}</span>
                    {% endif %}
                </div>
            {% endif %}

            {{ block.blockContent }}

        {% endif %}

    {% endif %}

{% endmacro %}