{% if reviews %}
<div class="enterprise-reviews-list">
  {% for review in reviews %}
  <div class="enterprise-review-card" data-review-id="{{ review.review_id }}" data-voted="{{ review.voted ? review.voted : '' }}">
    <div class="enterprise-review-head">
      <span class="enterprise-review-author">{{ review.author }}</span>
      <span class="enterprise-review-divider"></span>
      <div class="enterprise-review-stars">
        {% for i in 1..5 %}
          {% if review.rating < i %}
            <i class="fa fa-star enterprise-star is-empty"></i>
          {% else %}
            <i class="fa fa-star enterprise-star is-filled"></i>
          {% endif %}
        {% endfor %}
      </div>
      <span class="enterprise-review-divider"></span>
      <span class="enterprise-review-verified"><i class="fa fa-check-circle"></i> Ürünü Satın Aldı</span>
      <span class="enterprise-review-date">{{ review.date_added }}</span>
    </div>

    <div class="enterprise-review-text">
      <p>{{ review.text }}</p>
    </div>

    <div class="enterprise-review-foot">
      <span class="enterprise-review-helpful-label">Bu yorum size yardımcı oldu mu?</span>
      <button type="button" class="enterprise-review-vote enterprise-vote-up" data-vote="up"><i class="fa fa-thumbs-up"></i> <span class="vote-count">{{ review.helpful_yes }}</span></button>
      <button type="button" class="enterprise-review-vote enterprise-vote-down" data-vote="down"><i class="fa fa-thumbs-down"></i> <span class="vote-count">{{ review.helpful_no }}</span></button>
      <span class="enterprise-review-separator">|</span>
      <a href="#" class="enterprise-review-report">Yorumu Bildir</a>
    </div>
  </div>
  {% endfor %}
</div>

<div class="pagination-results">
  <div class="text-left">{{ pagination }}</div>
</div>

<style>
.enterprise-reviews-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.enterprise-review-card {
    background: #fafafa;
    border-radius: 14px;
    padding: 26px 30px;
}

.enterprise-review-head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 16px;
}

.enterprise-review-author {
    font-weight: 800;
    font-size: 17px;
    letter-spacing: 0.3px;
    color: #1a1a1a;
    text-transform: uppercase;
}

.enterprise-review-divider {
    width: 1px;
    height: 18px;
    background: #d9d9d9;
}

.enterprise-review-stars {
    display: flex;
    align-items: center;
    gap: 2px;
    font-size: 18px;
}
.enterprise-review-stars .enterprise-star.is-filled { color: #fdb924; }
.enterprise-review-stars .enterprise-star.is-empty { color: #dfe1e6; }

.enterprise-review-verified {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #2e9e5b;
    font-weight: 500;
    font-size: 15px;
}
.enterprise-review-verified i { font-size: 16px; }

.enterprise-review-date {
    margin-left: auto;
    color: #8a8f98;
    font-size: 15px;
}

.enterprise-review-text p {
    font-size: 17px;
    line-height: 1.6;
    color: #2b2b2b;
    margin: 0 0 18px 0;
}

.enterprise-review-foot {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 14px;
    color: #5f6368;
}

.enterprise-review-helpful-label {
    font-style: italic;
    color: #5f6368;
}

.enterprise-review-vote {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    color: #5f6368;
    background: none;
    border: none;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 14px;
    font-family: inherit;
    transition: all 0.15s ease;
}
.enterprise-review-vote:hover:not(.is-disabled) {
    color: #5d3ebc;
    background: #f1edfb;
}
.enterprise-review-vote .vote-count { font-weight: 600; }

.enterprise-review-vote.is-active {
    color: #5d3ebc;
    background: #f1edfb;
}
.enterprise-review-vote.is-disabled {
    cursor: default;
}
.enterprise-review-vote.is-disabled:not(.is-active) {
    opacity: 0.55;
}

.enterprise-review-separator {
    color: #d9d9d9;
}

.enterprise-review-report {
    color: #5f6368;
    text-decoration: none;
}
.enterprise-review-report:hover {
    color: #5d3ebc;
    text-decoration: underline;
}

@media (max-width: 480px) {
    .enterprise-review-card { padding: 20px 18px; }
    .enterprise-review-head { gap: 10px; }
    .enterprise-review-divider { display: none; }
    .enterprise-review-date { margin-left: 0; }
    .enterprise-review-author { font-size: 15px; }
    .enterprise-review-text p { font-size: 15px; }
}
</style>

<script>
(function() {
    document.querySelectorAll('.enterprise-review-card').forEach(function(card) {
        var reviewId = card.getAttribute('data-review-id');
        var votedAlready = card.getAttribute('data-voted'); // sunucudan: bu IP daha önce oy verdiyse 'up' veya 'down'

        var upBtn = card.querySelector('.enterprise-vote-up');
        var downBtn = card.querySelector('.enterprise-vote-down');

        function lockButtons(activeVote) {
            [upBtn, downBtn].forEach(function(btn) {
                btn.disabled = true;
                btn.classList.add('is-disabled');
            });
            if (activeVote === 'up') {
                upBtn.classList.add('is-active');
            } else if (activeVote === 'down') {
                downBtn.classList.add('is-active');
            }
        }

        if (votedAlready) {
            lockButtons(votedAlready);
        }

        [upBtn, downBtn].forEach(function(btn) {
            btn.addEventListener('click', function() {
                if (btn.disabled) {
                    return;
                }

                var voteType = btn.getAttribute('data-vote');

                [upBtn, downBtn].forEach(function(b) { b.disabled = true; });

                $.ajax({
                    url: 'index.php?route=product/product/vote',
                    type: 'post',
                    data: { review_id: reviewId, vote: voteType },
                    dataType: 'json',
                    success: function(json) {
                        upBtn.querySelector('.vote-count').textContent = json.helpful_yes;
                        downBtn.querySelector('.vote-count').textContent = json.helpful_no;

                        if (json.success) {
                            lockButtons(voteType);
                        } else {
                            // zaten oy vermiş, butonları yine de kilitle
                            lockButtons(json.voted);
                        }
                    },
                    error: function() {
                        [upBtn, downBtn].forEach(function(b) { b.disabled = false; });
                    }
                });
            });
        });
    });
})();
</script>
{% else %}
<p>{{ text_no_reviews }}</p>
{% endif %}
<b>Notice</b>:  Undefined property: Proxy::getReviewsByProductId in <b>/home/telefoncusepeti/public_html/vqmod/vqcache/vq2-storage_modification_system_engine_loader.php</b> on line <b>256</b>