// Yoruma oy verme
function voteReview(reviewId, type) {
    // type: 'up' (faydalı) veya 'down' (faydasız)
    fetch('/addons/reviews/includes/api.php', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
        },
        body: 'action=vote&review_id=' + reviewId + 
              '&vote_type=' + (type === 'up' ? 'helpful' : 'unhelpful')
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            // Başarılı - oy sayılarını güncelle
        }
    });
}

<?php
// Yorum fonksiyonlarını dahil et
require_once 'addons/reviews/includes/functions.php';

// Ürün ID'si ile yorumları göster
$product_id = 123; // Ürün ID'nizi belirtin

// Yorumları çek
$reviews = reviews_get_by_product($product_id, [
    'status' => 'approved',
    'limit' => 10,
    'order' => 'newest'
]);

// Ortalama puanı hesapla
$stats = reviews_get_product_stats($product_id);
?>

<div class="reviews-widget" data-product-id="<?php echo $product_id; ?>">
    <!-- Özet Bölümü -->
    <div class="reviews-summary">
        <div class="average-rating">
            <span class="rating-value"><?php echo number_format($stats['average'], 1); ?></span>
            <div class="stars">
                <?php echo reviews_render_stars($stats['average']); ?>
            </div>
            <span class="review-count"><?php echo $stats['total']; ?> değerlendirme</span>
        </div>
    </div>

    <!-- Yorum Listesi -->
    <div class="reviews-list">
        <?php foreach ($reviews as $review): ?>
        <div class="review-item" data-review-id="<?php echo $review['id']; ?>">
            <div class="review-header">
                <span class="reviewer-name"><?php echo htmlspecialchars($review['name']); ?></span>
                <div class="review-rating">
                    <?php echo reviews_render_stars($review['rating']); ?>
                </div>
                <span class="review-date"><?php echo date('d.m.Y', strtotime($review['created_at'])); ?></span>
            </div>
            <h4 class="review-title"><?php echo htmlspecialchars($review['title']); ?></h4>
            <p class="review-content"><?php echo nl2br(htmlspecialchars($review['content'])); ?></p>
            
            <!-- Oylama Butonları -->
            <div class="review-votes">
                <button onclick="voteReview(<?php echo $review['id']; ?>, 'up')" class="vote-btn">
                    <i class="fas fa-thumbs-up"></i> 
                    <span class="helpful-count"><?php echo $review['helpful_count']; ?></span>
                </button>
                <button onclick="voteReview(<?php echo $review['id']; ?>, 'down')" class="vote-btn">
                    <i class="fas fa-thumbs-down"></i> 
                    <span class="unhelpful-count"><?php echo $review['unhelpful_count']; ?></span>
                </button>
            </div>
        </div>
        <?php endforeach; ?>
    </div>

    <!-- Yorum Formu -->
    <div class="review-form-container">
        <h3>Yorum Yazın</h3>
        <form id="review-form" class="review-form">
            <input type="hidden" name="product_id" value="<?php echo $product_id; ?>">
            <!-- Form alanları -->
        </form>
    </div>
</div>

<?php
/**
 * Puana göre yıldız HTML'i oluşturur
 * @param float $rating Puan (0-5)
 * @return string HTML yıldızlar
 */
function reviews_render_stars($rating) {
    $html = '<div class="star-rating">';
    $fullStars = floor($rating);
    $halfStar = ($rating - $fullStars) >= 0.5;
    $emptyStars = 5 - $fullStars - ($halfStar ? 1 : 0);
    
    // Dolu yıldızlar
    for ($i = 0; $i < $fullStars; $i++) {
        $html .= '<i class="fas fa-star"></i>';
    }
    
    // Yarım yıldız
    if ($halfStar) {
        $html .= '<i class="fas fa-star-half-alt"></i>';
    }
    
    // Boş yıldızlar
    for ($i = 0; $i < $emptyStars; $i++) {
        $html .= '<i class="far fa-star"></i>';
    }
    
    $html .= '</div>';
    return $html;
}
?>

<?php
// Ürün istatistiklerini çek
$stats = reviews_get_product_stats($product_id);

// Dönen veri yapısı:
// [
//     'total' => 45,           // Toplam yorum sayısı
//     'average' => 4.2,        // Ortalama puan
//     'rating_1' => 2,         // 1 yıldız sayısı
//     'rating_2' => 3,         // 2 yıldız sayısı
//     'rating_3' => 8,         // 3 yıldız sayısı
//     'rating_4' => 15,        // 4 yıldız sayısı
//     'rating_5' => 17,        // 5 yıldız sayısı
// ]

// Puan dağılımı progress bar'ları
foreach ([5, 4, 3, 2, 1] as $star) {
    $count = $stats['rating_' . $star];
    $percentage = $stats['total'] > 0 ? ($count / $stats['total']) * 100 : 0;
    
    echo "<div class='rating-bar'>";
    echo "<span class='star-label'>{$star} yıldız</span>";
    echo "<div class='progress'>";
    echo "<div class='progress-bar' style='width: {$percentage}%'></div>";
    echo "</div>";
    echo "<span class='count'>{$count}</span>";
    echo "</div>";
}
?>

/* Yorum Widget Container */
.reviews-widget {
    font-family: inherit;
    max-width: 800px;
    margin: 2rem 0;
}

/* Özet Bölümü */
.reviews-summary {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    background: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.average-rating .rating-value {
    font-size: 3rem;
    font-weight: bold;
    color: #333;
}

/* Yıldızlar */
.star-rating {
    display: inline-flex;
    color: #ffc107;
    gap: 2px;
}

.star-rating .far.fa-star {
    color: #ddd;
}

/* Yorum Kartı */
.review-item {
    border-bottom: 1px solid #eee;
    padding: 1.5rem 0;
}

.review-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.reviewer-name {
    font-weight: 600;
}

.review-date {
    color: #888;
    font-size: 0.9rem;
}

.review-title {
    font-size: 1.1rem;
    margin: 0.5rem 0;
}

.review-content {
    color: #555;
    line-height: 1.6;
}

/* Oylama Butonları */
.review-votes {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.vote-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.8rem;
    border: 1px solid #ddd;
    border-radius: 20px;
    background: white;
    cursor: pointer;
    transition: all 0.2s;
}

.vote-btn:hover {
    background: #f0f0f0;
}

.vote-btn.voted {
    background: #e3f2fd;
    border-color: #2196f3;
    color: #1976d2;
}