{% set blUseDetailsBreadcrumb = false %} {# use oxid standard breadcrumb by page.tpl #}
{% set blInitPriceCalculator = true %}

{% block details %}
    {% if not blWorkaroundInclude %}
        {% capture append = "oxidBlock_content" %}
            {% if oxcmp_user %}
                {% set force_sid = oView.getSidForWidget() %}
            {% endif %}
            {{ include_widget({ cl: "oxwArticleDetails", _parent: oView.getClassKey(), nocookie: 1, force_sid: force_sid, _navurlparams: oViewConf.getNavUrlParams(), _object: oView.getProduct(), anid: oViewConf.getActArticleId(), iPriceAlarmStatus: oView.getPriceAlarmStatus(), sorting: oView.getSortingParameters(), skipESIforUser: 1 }) }}
        {% endcapture %}
        {% include "layout/page.html.twig" with {blHideBreadcrumb: blUseDetailsBreadcrumb} %}

    {% else %}
        {% set oDetailsProduct = oView.getProduct() %}
        {% set oPictureProduct = oView.getPicturesProduct() %}
        {% set oCurrency = oView.getActCurrency() %}
        {% set sPageHeadTitle = oDetailsProduct.oxarticles__oxtitle.value ~ " " ~ oDetailsProduct.oxarticles__oxvarselect.value %}
        {% set blCanBuyNotLoggedIn = oViewConf.getViewThemeParam("blCanBuyNotLoggedIn") %}

        {% if oView.getPriceAlarmStatus() == 1 %}
            {% set _statusMessage1 = "PAGE_DETAILS_THANKYOUMESSAGE1"|translate ~ " " ~ oxcmp_shop.oxshops__oxname.value %}
            {% set _statusMessage2 = "PAGE_DETAILS_THANKYOUMESSAGE2"|translate ~ " " %}
            {% set _statusMessage3 = "PAGE_DETAILS_THANKYOUMESSAGE3"|translate ~ " " ~ oView.getBidPrice() ~ " " ~ oCurrency.sign ~ " " %}
            {% set _statusMessage4 = "PAGE_DETAILS_THANKYOUMESSAGE4"|translate %}
            {% include "message/success.html.twig" with {statusMessage: _statusMessage1 ~ _statusMessage2 ~ _statusMessage3 ~ _statusMessage4} %}
        {% elseif oView.getPriceAlarmStatus() == 2 %}
            {% set _statusMessage = "MESSAGE_WRONG_VERIFICATION_CODE"|translate %}
            {% include "message/error.html.twig" with {statusMessage: _statusMessage} %}
        {% elseif oView.getPriceAlarmStatus() is same as(0) %}
            {% set _statusMessage1 = "MESSAGE_NOT_ABLE_TO_SEND_EMAIL"|translate ~ "<br> " %}
            {% set _statusMessage2 = "MESSAGE_VERIFY_YOUR_EMAIL"|translate %}
            {% include "message/error.html.twig" with {statusMessage: _statusMessage1 ~ _statusMessage2} %}
        {% endif %}

        {% block details_scripts %}
            {{ script({ include: "js/details_price_calculator.min.js", priority: 10, dynamic: __oxid_include_dynamic }) }}
            {% if blInitPriceCalculator %}
                {{ script({ include: "js/details_price_calculator_init.min.js", priority: 11, dynamic: __oxid_include_dynamic }) }}
            {% endif %}
            {{ script({ include: "js/details_photoswipe.min.js", priority: 10, dynamic: __oxid_include_dynamic }) }}
    {# todo {{ script({ include: "js/pages/details.min.js", priority: 10, dynamic: __oxid_include_dynamic }) }} #}
        {% endblock %}

        {% block details_styles %}
            {# hook #}
        {% endblock %}

        {% block details_content %}
            <div class="c4s-details">
                {% if oView.getSearchTitle() %}
                    {% set detailsLocation = oView.getSearchTitle() %}
                {% else %}
                    {% for oCatPath in oView.getCatTreePath() %}
                        {% if loop.last %}
                            {% set detailsLocation = oCatPath.oxcategories__oxtitle.value %}
                        {% endif %}
                    {% endfor %}
                {% endif %}

                {# details header #}
                <div id="c4s-details-header" class="c4s-details-header">
                    <div class="row">
                        {# details breadcrumb #}
                        {% if blUseDetailsBreadcrumb %}
                            {% block details_content_breadcrumb %}
                                <div class="d-none d-lg-block col-lg-8 col-xl-9">
                                    {% include "widget/breadcrumb.html.twig" %}
                                </div>
                            {% endblock %}
                        {% endif %}

                        {# details locator (paging) #}
                        {% block details_content_locator %}
                            <div class="col-12{% if blUseDetailsBreadcrumb %} col-lg-4 col-xl-3{% endif %}">
                                {% include "page/details/inc/locator.html.twig" %}
                            </div>
                        {% endblock %}
                    </div>
                </div>

                {% block details_content_fullproductinfo %}
                    {% include "page/details/inc/fullproductinfo.html.twig" %}
                {% endblock %}
            </div>
        {% endblock %}
    {% endif %}
{% endblock %}