{% set oFinishedPromotions = oView.getPromoFinishedList() %}
{% set oCurrentPromotions = oView.getPromoCurrentList() %}
{% set oFuturePromotions = oView.getPromoFutureList() %}

{% set blShowPromotionList = oView.getShowPromotionList() %}

{% for iPromoNr, oPromotion in oCurrentPromotions %}
    <div id="c4s-promotions-modal" class="modal fade" tabindex="-1" aria-labelledby="c4s-promotions-modal-title">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="c4s-promotions-modal-title">{{ oPromotion.oxactions__oxtitle.value }}</h5>
                    <button type="button" class="btn ms-auto" data-bs-dismiss="modal" tabindex="1">
                        <span aria-hidden="true"><i class="fa-solid fa-xmark"></i></span><span class="visually-hidden">{{ translate({ ident: "CLOSE_BOX" }) }}</span>
                    </button>
                </div>
                <div class="modal-body">{{ include(template_from_string(oPromotion.oxactions__oxtitle)) }}</div>
            </div>
        </div>
    </div>
{% endfor %}

{# TODO Include https://github.com/js-cookie/js-cookie plugin #}
{% if oCurrentPromotions|length and blShowPromotionList and oxcmp_user %}
    {{ script({ include: "js/libs/jquery.cookie.min.js", dynamic: __oxid_include_dynamic }) }}
    {{ script({ add: "
                    if (window.innerHeight > 1000) {var heightFactor=0.50;} else {var heightFactor=0.75;};
                    var maxHeightModal = window.innerHeight * heightFactor;
                    $('.modal-content').css({'overflow-y':'auto','height':'auto','max-height':maxHeightModal});
                    var c4sPromotionCookie = $.cookie('c4sPromotionCookie');
                    if (!c4sPromotionCookie) {
                        $.cookie('c4sPromotionCookie','yes', {expires: 1, path: '/'});
                        $('#c4sPromotionsModal').modal();
                    }",
                dynamic: __oxid_include_dynamic })
    }}
{% endif %}