{% sw_extends '@Storefront/storefront/base.html.twig' %}
{% block base_header %}
{% if config('MillAverageReviewRating.config.activeTopBar') %}
<div class="mill-average-review-rating-bar bg-light p-2 text-center shadow-sm d-none d-md-block">
<div class="d-inline">{{ "millAverageReviewRating.topBar.leftPart"|trans }}</div>
<div class="d-inline">
{% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
points: page.header.millAverageReviewRating.rating.points,
style: 'text-primary'
} %}
</div>
<div class="d-inline">
{% if not config('MillAverageReviewRating.config.hideTopBarRatingPoints') %}
<b>({{ page.header.millAverageReviewRating.rating.points }}/5.00)</b>
{% endif %}
{% if not config('MillAverageReviewRating.config.hideTopBarRatingCount') %}
{{ 'millAverageReviewRating.topBar.rightPart'|trans({'%total%': page.header.millAverageReviewRating.rating.total}) }}
{% endif %}
{% if config('MillAverageReviewRating.config.reviewOverviewPage') %}
<a href="{{ seoUrl('frontend.navigation.page', { navigationId: config('MillAverageReviewRating.config.reviewOverviewPage') }) }}"
title="{{ "millAverageReviewRating.topBar.overview"|trans }}" class="review-widget-overview">
{{ "millAverageReviewRating.topBar.overview"|trans }}
</a>
{% endif %}
</div>
</div>
{% endif %}
{{ parent() }}
{% endblock %}
{% block base_footer %}
{% if config('MillAverageReviewRating.config.activeBottomBar') and page.header.millAverageReviewRating.quote.text %}
<div class="mill-average-review-rating-footer bg-light border-top pt-5 pb-5">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-lg-5 text-center">
<div class="review-rating-intro">
{% if not config('MillAverageReviewRating.config.hideBottomBarRatingStars') %}
<div class="review-rating-intro-stars">
{% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
points: page.header.millAverageReviewRating.rating.points,
style: 'text-primary'
} %}
</div>
{% endif %}
{% if not config('MillAverageReviewRating.config.hideBottomBarHeadline') %}
<div class="review-rating-intro-headline mb-1">
{{ "millAverageReviewRating.footer.headline"|trans }}
</div>
{% endif %}
{% if not config('MillAverageReviewRating.config.hideBottomBarTextLine1') %}
<div class="review-rating-intro-text">
{{ 'millAverageReviewRating.footer.firstLine'|trans({'%rating%': page.header.millAverageReviewRating.rating.points})|raw }}
</div>
{% endif %}
{% if not config('MillAverageReviewRating.config.hideBottomBarTextLine2') %}
<div class="review-rating-intro-text">
{{ 'millAverageReviewRating.footer.secondLine'|trans({'%total%': page.header.millAverageReviewRating.rating.total}) }}
</div>
{% endif %}
</div>
</div>
<div class="col-12 col-lg-5">
<blockquote class="review-rating-comment-bubble shadow-sm p-4 mt-4 mt-lg-0 blockquote">
<p class="comment-bubble-quote mb-0">»{{ page.header.millAverageReviewRating.quote.text }}«</p>
<footer class="comment-bubble-footer mt-3 blockquote-footer">
{% if not config('MillAverageReviewRating.config.hideBottomBarHideQuoteIcon') %}
<div class="comment-bubble-icon mr-2">{% sw_icon 'checkmark-circle' %}</div>
{% endif %}
<span class="comment-bubble-author">
{{ page.header.millAverageReviewRating.quote.name }}, {{ page.header.millAverageReviewRating.quote.createdAt|date }}
</span>
</footer>
</blockquote>
</div>
<div class="col-12 col-lg-2">
<div id="shopauskunft_widget"><a href="https://www.shopauskunft.de/review/www.schellen-shop.de" target="_blank"><img src="https://apps.shopauskunft.de/widget/v5/seal.php?token=41f327563e2d6900ed66f744b00b60bd&w=160&cut_headline=0&cut_text=1&cut_count=0&cut_date=0" border="0" alt="ShopAuskunft.de Siegel" width="160" height="157"></a></div>
</div>
</div>
</div>
</div>
{% endif %}
{{ parent() }}
{% if config('MillAverageReviewRating.config.activeWidget') %}
<div class="mill-average-review-rating-widget {{ config('MillAverageReviewRating.config.widgetPosition') }} shadow-sm">
{% if not config('MillAverageReviewRating.config.hideWidgetHeadline') %}
<div class="review-widget--headline bg-light p-1 pr-2 pl-2">
{{ "millAverageReviewRating.widget.headline"|trans }}
</div>
{% endif %}
<div class="mt-3 mb-3">
<div class="review-widget-stars">
{% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
points: page.header.millAverageReviewRating.rating.points,
style: 'text-primary'
} %}
</div>
<div class="review-widget-wording text-dark">
{% if page.header.millAverageReviewRating.rating.points > 4
and page.header.millAverageReviewRating.rating.points <= 5 %}
{{ "millAverageReviewRating.widget.gradeA"|trans }}
{% elseif page.header.millAverageReviewRating.rating.points > 3
and page.header.millAverageReviewRating.rating.points <= 4 %}
{{ "millAverageReviewRating.widget.gradeB"|trans }}
{% elseif page.header.millAverageReviewRating.rating.points > 2
and page.header.millAverageReviewRating.rating.points <= 3 %}
{{ "millAverageReviewRating.widget.gradeC"|trans }}
{% elseif page.header.millAverageReviewRating.rating.points > 1
and page.header.millAverageReviewRating.rating.points <= 2 %}
{{ "millAverageReviewRating.widget.gradeD"|trans }}
{% elseif page.header.millAverageReviewRating.rating.points > 0
and page.header.millAverageReviewRating.rating.points <= 1 %}
{{ "millAverageReviewRating.widget.gradeE"|trans }}
{% else %}
{{ "millAverageReviewRating.widget.gradeF"|trans }}
{% endif %}
</div>
{% if not config('MillAverageReviewRating.config.hideWidgetRatingPoints') %}
<div class="review-widget-points">
<b>{{ page.header.millAverageReviewRating.rating.points }}</b> / 5.00
</div>
{% endif %}
{% if not config('MillAverageReviewRating.config.hideWidgetRatingCount') %}
<div class="review-widget-total pl-3 pr-3 mt-2">
{{ 'millAverageReviewRating.widget.total'|trans({'%total%': page.header.millAverageReviewRating.rating.total}) }}
</div>
{% endif %}
{% if config('MillAverageReviewRating.config.reviewOverviewPage') %}
<a href="{{ seoUrl('frontend.navigation.page', { navigationId: config('MillAverageReviewRating.config.reviewOverviewPage') }) }}"
title="{{ "millAverageReviewRating.widget.overview"|trans }}" class="review-widget-overview">
{{ "millAverageReviewRating.widget.overview"|trans }}
</a>
{% endif %}
</div>
</div>
{% endif %}
{% endblock %}