{# todo full refactoring #}
<div id="review">
    <div class="panel-group" id="review_form_accordion">
        <div class="panel panel-default">
            <div class="panel-heading toggle-accordion">
                <div class="h4 panel-title">
                    {% if oxcmp_user %}
                        <i class="fa-solid fa-pencil"></i> <a id="writeNewReview" data-bs-toggle="collapse" data-bs-parent="#review_form_accordion" href="#review_form">{{ translate({ ident: "WRITE_REVIEW" }) }}</a>
                    {% else %}
                        <i class="fa-solid fa-user"></i> <a id="reviewsLogin" rel="nofollow" href="{{ seo_url({ ident: oViewConf.getSelfLink()|raw ~  "cl=account", params: "anid=" ~ oDetailsProduct.oxarticles__oxnid.value ~ "&amp;sourcecl=details" ~ oViewConf.getNavUrlParams() }) }}">{{ translate({ ident: "MESSAGE_LOGIN_TO_WRITE_REVIEW" }) }}</a>
                    {% endif %}
                </div>
            </div>

            {% if oxcmp_user %}
                <div id="review_form" class="panel-collapse collapse">
                    <div class="panel-body">
                        {% block widget_reviews_form %}
                            <form action="{{ oViewConf.getSelfActionLink()|raw }}" method="post" id="rating" novalidate="novalidate">
                                <div id="writeReview">
                                    {% if oView.canRate() %}
                                        <input id="productRating" type="hidden" name="artrating" value="0">
                                        <input id="recommListRating" type="hidden" name="recommlistrating" value="0">
                                    {% endif %}
                                    {{ oViewConf.getHiddenSid()|raw }}
                                    {{ oViewConf.getNavFormParams()|raw }}
                                    <input type="hidden" name="uformid" value="{{ oView.getFormId() }}">
                                    <input type="hidden" name="fnc" value="savereview">
                                    <input type="hidden" name="cl" value="{{ oViewConf.getTopActiveClassName() }}">
                                    {% if oDetailsProduct %}
                                        <input type="hidden" name="anid" value="{{ oDetailsProduct.oxarticles__oxid.value }}">
                                    {% else %}
                                        {% set _actvrecommlist = oView.getActiveRecommList() %}
                                        <input type="hidden" name="recommid" value="{{ _actvrecommlist.oxrecommlists__oxid.value }}">
                                    {% endif %}

                                    {% if sReviewUserHash %}
                                        <input type="hidden" name="reviewuserhash" value="{{ sReviewUserHash }}">
                                    {% endif %}
                                    {% if oView.canRate() %}
                                        <ul id="reviewRating" class="rating list-inline">
                                            {% for star in 1..6 %}
                                                <li class="s{{ loop.index0 }}">
                                                    <a class="ox-write-review ox-rateindex-{{ loop.index0 }} text-warning" title="{{ loop.index0 }} {% if loop.index0 == 1 %}{{ translate({ ident: "STAR" }) }}{% else %}{{ translate({ ident: "STARS" }) }}{% endif %}">
                                                        <i class="fa-solid fa-star"></i>
                                                    </a>
                                                </li>
                                            {% endfor %}
                                        </ul>
                                    {% endif %}
                                    <div class="form-group">
                                        <div class="col-12">
                                            <textarea  rows="15" name="rvw_txt" class="form-control"></textarea>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-12">
                                            <button id="reviewSave" type="submit" class="submitButton btn btn-primary">{{ translate({ ident: "SAVE_RATING_AND_REVIEW" }) }}</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        {% endblock %}
                    </div>
                </div>
            {% endif %}
        </div>
    </div>

    {% if oView.getReviews() %}
        <div class="reviews-landscape">
            {% for review in oView.getReviews() %}
                <div class="panel panel-default" id="reviewName_{{ loop.index }}">
                    {# Bloofusion Google-Produkt-Markup für Google #}
                    <div class="d-none">
                        <span>{{ oDetailsProduct.oxarticles__oxtitle.value }} {{ oDetailsProduct.oxarticles__oxvarselect.value }}</span>
                        <span>{{ review.oxreviews__oxtext.value|truncate(100) }}</span>
                    </div>
                    {% block widget_reviews_record %}
                        <div class="panel-heading">
                            <div class="row">
                                <div class="col-md-6 writer">
                                    <span>{{ review.oxuser__oxfname.value }}</span> {{ translate({ ident: "WRITES" }) }}
                                    <span>
                                        <time datetime="{{ review.oxreviews__oxcreate.value|date_format("%Y-%m-%d") }}">{{ review.oxreviews__oxcreate.value|date_format("%d.%m. % Y") }}</time>
                                    </span>
                                </div>
                                <div class="col-md-6 rating">
                                    {% if review.oxreviews__oxrating.value %}
                                        <div class="float-end text-warning">
                                            {% for starRatings in 0..5 %}
                                                {% if review.oxreviews__oxrating.value  >= smarty.section.starRatings.iteration %}
                                                    <i class="fa-solid fa-star"></i>
                                                {% else %}
                                                    <i class="fa-regular fa-star"></i>
                                                {% endif %}
                                            {% endfor %}
                                            <div class="d-none">
                                                <span>1</span>
                                                <span>{{ review.oxreviews__oxrating.value|default("0") }}</span>
                                                <span>5</span>
                                            </div>
                                        </div>
                                    {% endif %}
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </div>
                        <div class="panel-body" id="reviewText_{{ loop.index }}">{{ review.oxreviews__oxtext.value }}</div>
                    {% endblock %}
                </div>
            {% endfor %}
        </div>
    {% else %}
        <div class="alert alert-info" role="alert">
            {{ translate({ ident: "NO_REVIEW_AVAILABLE" }) }}
        </div>
    {% endif %}
</div>