<div class="comment-list"> 
    <div class="offer-titles mt-3"><h5>Отзывы ({{ commentsAmount }}) <r data-html="true" 
                                                                                 data-toggle="tooltip" 
                                                                                 data-placement="top" 
                                                                                 data-original-title="Рейтинг компании <br> за 90 дней"><span class="yellow-span">★</span>{{ rating }}</r></h5></div> 
 
    {% set buttonCaption = type == constant('Slivki\\Entity\\Comment::TYPE_MALL_BRAND_COMMENT') ? 'Добавить' : 'Добавить отзыв'%} 
    {% if app.user %} 
        <span class="addVoteLink w-100 d-flex p-3 btn  mb-4 text-uppercase justify-content-center align-items-center" id="addVoteLink" data-oid="{{ entityID }}" data-type="{{ type }}" data-action="comment_add" data-toggle="modal" data-target="{{ app.user ? '#addVoteBox' : '#onlyRegistered' }}" ><img src="/images/pencil.svg" alt="Добавить" class="pencil-icon">{{ buttonCaption }}</span> 
 
    {% else %} 
        <span id="addCommentBtn" class="addVoteLink w-100 d-flex p-3 btn mb-4 text-uppercase justify-content-center align-items-center" data-oid="{{ entityID }}" data-type="{{ type }}" data-action="comment_add" data-toggle="modal" data-target="#onlyRegistered" > 
            <img src="/images/pencil.svg" alt="Добавить" class="pencil-icon">{{ buttonCaption }} 
        </span> 
    {% endif %} 
    {% set userCommentMediaBlock = getUserCommentsMediaBlockByEntityID(entityID, 'offer') %} 
    {% set offerSupplierPhotoBlock = getSupplierOfferPhotoBlockByOfferID(entityID) %} 
    {% if userCommentMediaBlock != '' and offerSupplierPhotoBlock != '' %} 
        <ul id="commentPhotoTabs" class="nav nav-tabs" role="tablist"> 
            <li class=" single-line"><a href="#commentSupplierPhotoTab" role="tab" data-toggle="tab">Фото работ</a></li> 
            <li class=" active single-line"><a href="#commentUserPhotoTab" role="tab" data-toggle="tab">Фото из отзывов</a></li> 
        </ul> 
        <div class="tab-content"> 
            <div class="tab-pane fade " id="commentSupplierPhotoTab"> 
                {{ offerSupplierPhotoBlock|raw }} 
            </div> 
            <div class="tab-pane fade in active show" id="commentUserPhotoTab"> 
                {{ userCommentMediaBlock|raw }} 
            </div> 
        </div> 
    {% elseif userCommentMediaBlock != '' %} 
        {{ userCommentMediaBlock|raw }} 
    {% elseif offerSupplierPhotoBlock != '' %} 
        {{ offerSupplierPhotoBlock|raw }} 
    {% endif %} 
    <div class="clearfix mb-2"></div> 
    {% if comments == '' %} 
        <p>Будьте первым, кто оставит комментарий к этой акции.</p> 
    {% else %} 
        <div id="commentOffers" class="comments-content px-0"> 
            {{ comments|raw }} 
        </div> 
    {% endif %} 
    <div id="comment-block " class="comment-block w-100 d-none" style="height: 12rem"> 
 
    </div> 
</div>