<div class="swiper-wrapper swiper-use-cases__wrapper">
    {% for case in cases %}
    <div class="swiper-slide">
        <div class="use-cases__single-modal">
            <div class="use-cases__single-modal-header">
                <div class="use-cases__single-modal-title-wrap">
                    <h3 class="dark-text med">{{ case.title }}</h3>
                    {% if case.terms("linde_division") %}
                    <h5><span class="dark-text">{{ __('Division', 'linde') }}: </span>{{ case.terms("linde_division")|join(", ") }}</h5>
                    {% endif %}
                    {% if case.terms("linde_status") %}
                    <h5 class="use-cases__single-status-text" ><span class="dark-text">{{ __('Status', 'linde') }}: </span>{{ case.terms("linde_status")|join(", ") }}<span class="use-cases__single-status-color" style="background: {{ case.terms("linde_status")[0].meta('color') }};" ></span></h5>
                    {% endif %}
                </div>
                <div class="use-cases__single-modal-nav-wrap">
                    <img class="use-cases__swiper use-cases__swiper-prev" src="{{ function('get_frontend_static_asset', 'assets/icons/arrow-icon-big.svg') }}" />
                    <img class="use-cases__swiper use-cases__swiper-next" src="{{ function('get_frontend_static_asset', 'assets/icons/arrow-icon-big.svg') }}" />
                    <img class="close-modal {{ cases|length == 1 ? "close-modal--right" }}" src="{{ function('get_frontend_static_asset', 'assets/icons/escape-icon.svg') }}" />
                </div>
            </div>
            <img class="use-cases__single-modal-image" src="{{ case.thumbnail.src }}" alt="Single case image" />
            {% if case.jobs_text %}
            <div class="use-cases__single-modal-text-wrap">
                <h6 class="dark-text med">{{ __("Jobs to be done", "linde") }}</h6>
                <h6>{{ case.jobs_text }}</h6>
            </div>
            {% endif %}
            {% if case.ai_text %}
            <div class="use-cases__single-modal-text-wrap">
                <h6 class="dark-text med">{{ __("AI Solution", "linde") }}</h6>
                <h6>{{ case.ai_text }}</h6>
            </div>
            {% endif %}
            {% if case.value_text %}
            <div class="use-cases__single-modal-text-wrap">
                <h6 class="dark-text med">{{ __("Value add", "linde") }}</h6>
                <h6>{{ case.value_text }}</h6>
            </div>
            {% endif %}
        </div>
    </div>
    {% endfor %}
</div>