{% set template_title = "LISTMANIA"|translate %}
{% capture append = "oxidBlock_title" %}
    <h1 class="c4s-account-page-header">{{ translate({ ident: "MY_LISTMANIA" }) }}</h1>
{% endcapture %}

{% capture append = "oxidBlock_content" %}
    {% if oView.getActiveRecommList() %}
        {% set _actvrecommlist = oView.getActiveRecommList() %}
        {% set recommendation_head = _actvrecommlist.oxrecommlists__oxtitle.value %}

        <div class="card c4s-account-card">
            <div class="card-header">
                <div class="card-title">{{ template_title }}: {{ recommendation_head }}</div>
            </div>
            <div class="card-body">
                {% include "form/recommendation_edit.html.twig" with {actvrecommlist: _actvrecommlist, sFormLabel: "C4S_ORDER_TEMPLATE_CHANGE_TITLE"|translate ~ ":"} %}

                {% if oView.isSavedList() %}
                    {% set _statusMessage = "C4S_ORDER_TEMPLATE_NAME_CHANGE_SAVED"|translate %}
                    {% block account_recommendationedit_successMessage %}
                        {% include "message/success.html.twig" with {statusMessage: _statusMessage} %}
                    {% endblock %}
                {% endif %}
            </div>
        </div>

        {% if oView.getArticleList() %}
            <div class="col-12">
                <p>{{ translate({ ident: "C4S_ORDER_TEMPLATE_ARTICLE_LIST_INTRO", suffix: "COLON" }) }}</p>
            </div>

            {% set blEdit = true %}
            {% include "widget/product/list.html.twig" with {sListType: "line", sListId: "recommendProductList", oArticles: oView.getArticleList(), recommid: _actvrecommlist.getId(), removeFunction: "removeArticle"} %}
            {% include "widget/locator/listlocator.html.twig" with {oPageLocator: oView.getPageNavigation(), sPosition: "bottom"} %}

            {% block account_recommendationedit_addtobasket %}
                <div class="row">
                    <div class="col-12">
                        <div class="card c4s-account-card">
                            <div class="card-footer">
                                {% if _actvrecommlist %}
                                    <a href="{{ seo_url({ ident: oViewConf.getSelfLink()|raw ~ "cl=account_recommlist" }) }}" class="btn btn-secondary float-end" title="{{ translate({ ident: "RECOMMENDATION_EDIT_BACK_TO_LIST" }) }}">
                                        {{ translate({ ident: "RECOMMENDATION_EDIT_BACK_TO_LIST" }) }}
                                    </a>
                                    <div class="clearfix"></div>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </div>
            {% endblock %}
        {% else %}
            {# recommlist has no articles #}
            <div class="col-12">
                <div class="alert alert-info" role="alert">
                    {{ translate({ ident: "C4S_ORDER_TEMPLATE_ARTICLE_LIST_EMPTY" }) }}
                </div>
            </div>
        {% endif %}
    {% endif %}
    {{ insert_tracker({title: template_title}) }}
{% endcapture %}

{% capture append = "oxidBlock_sidebar" %}
    {% include "page/account/inc/account_menu.html.twig" with {active_link: "recommendationlist"} %}
{% endcapture %}

{% include "layout/page.html.twig" with {sidebar: "left", blHideBreadcrumb: true} %}