{% set _oRecommendationList = oView.getSimilarRecommLists() %}
{% set oRecommList = oView.getRecommList() %}

{% if _oRecommendationList or oRecommList.getRecommSearch() %}
    <div id="recommendationsBox" class="card mb-3 d-none d-md-block">
        <div class="card-body">
            <h4 class="card-title">{{ translate({ ident: "LISTMANIA" }) }}</div>
            {% if _oRecommendationList %}
                {{ _oRecommendationList.rewind() }}

                {% if _oRecommendationList.current() %}
                    {% set _oFirstRecommendationList = _oRecommendationList.current() %}
                    {% set _oBoxTopProduct = _oFirstRecommendationList.getFirstArticle() %}
                    {% set _sTitle = _oBoxTopProduct.oxarticles__oxtitle.value ~ " " ~ _oBoxTopProduct.oxarticles__oxvarselect.value|striptags %}
                    <div class="text-center">
                        <a href="{{ _oBoxTopProduct.getMainLink()|raw }}" class="featured img-thumbnail" title="{{ _sTitle }}">
                            <img src="{{ _oBoxTopProduct.getIconUrl() }}" alt="{{ _sTitle }}">
                        </a>
                    </div>
                {% endif %}
            {% endif %}
            <ul class="featuredList list-unstyled">
                {% if _oRecommendationList %}
                    {% for _oListItem in _oRecommendationList %}
                        <li>
                            <a href="{{ _oListItem.getLink()|raw }}"><b>{{ _oListItem.oxrecommlists__oxtitle.value|striptags }}</b></a>
                            <div class="desc">{{ translate({ ident: "LIST_BY" }) }}: {{ _oListItem.oxrecommlists__oxauthor.value|striptags }}</div>
                        </li>
                    {% endfor %}
                {% endif %}
                {% if _oRecommendationList or oRecommList.getRecommSearch() %}
                <li>
                    <form name="basket" class="recommendationsSearchForm" action="{{ oViewConf.getSelfActionLink()|raw }}" method="post">
                        <div>
                            <input type="hidden" name="cl" value="recommlist">
                            {{ oViewConf.getHiddenSid()|raw }}
                        </div>
                        <label class="form-label">{{ translate({ ident: "SEARCH_FOR_LISTS" }) }}</label>
                        <div class="input-group">
                            <input type="text" name="searchrecomm" id="searchRecomm" value="{{ oRecommList.getRecommSearch() }}" class="searchInput form-control">
                            <button class="submitButton largeButton btn btn-secondary" type="submit">
                                <i class="fa-solid fa-magnifying-glass"></i>
                            </button>
                        </div>
                    </form>
                </li>
                {% endif %}
            </ul>
        </div>
    </div>
{% endif %}