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

{% block details %}
    {% if not blWorkaroundInclude %}
        {% set oDetailsProduct = oView.getProduct() %}

        {% capture append = "oxidBlock_title" %}
            {# product title #}
            {% block details_title %}
                <h1 class="c4s-details-article-title">
                    {{ oDetailsProduct.oxarticles__oxtitle.value }} {# oDetailsProduct.oxarticles__oxvarselect.value #}
                </h1>
            {% endblock %}

            {# product number #}
            {% block details_artnumber %}
                <div class="small text-muted mb-5 c4s-details-article-artnum">{{ translate({ ident: "ARTNUM", suffix: "COLON" }) }} {{ oDetailsProduct.oxarticles__oxartnum.value }}</div>
            {% endblock %}
        {% endcapture %}

        {% 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 {sidebar: "left", blHideBreadcrumb: 0} %}

    {% 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 %}