<?php
// نمایش لیست نظرات
if (have_comments()) : ?>
    <div class="comments-list mb-8">
        <h3 class="text-xl md:text-2xl font-bold text-gray-800 mb-6">
            <?php
            $comments_number = get_comments_number();
            if ($comments_number == 1) {
                echo 'یک دیدگاه';
            } else {
                echo number_format_i18n($comments_number) . ' دیدگاه';
            }
            ?>
        </h3>
        
        <ol class="comment-list space-y-6">
            <?php
            wp_list_comments(array(
                'style' => 'ol',
                'short_ping' => true,
                'avatar_size' => 50,
                'callback' => 'custom_comment_callback',
                'max_depth' => 3, // حداکثر 3 سطح کامنت تو در تو
                'reverse_top_level' => false,
            ));
            ?>
        </ol>
        
        <?php
        // صفحه‌بندی نظرات
        the_comments_pagination(array(
            'prev_text' => '&laquo; نظرات قبلی',
            'next_text' => 'نظرات بعدی &raquo;',
        ));
        ?>
    </div>
<?php endif; ?>

<?php
// نمایش فرم دیدگاه
comment_form(array(
    'class_container' => 'comment-respond',
    'title_reply_before' => '<h2 id="reply-title" class="comment-reply-title text-xl md:text-2xl font-bold text-gray-800 mb-6">',
    'title_reply_after' => '</h2>',
));
?>

<?php
// تابع سفارشی برای نمایش هر نظر
function custom_comment_callback($comment, $args, $depth) {
    $GLOBALS['comment'] = $comment;
    
    // تشخیص اینکه آیا این کامنت یک پاسخ است یا نه
    $is_reply = ($depth > 1);
    
    // استایل‌های مختلف برای کامنت اصلی و پاسخ
    $comment_classes = $is_reply 
        ? 'comment-item comment-reply bg-blue-50/50 rounded-lg p-4 md:p-6 border border-blue-100' 
        : 'comment-item bg-gray-50 rounded-lg p-4 md:p-6';
    
    $avatar_size = $is_reply ? 40 : 50;
    ?>
    <li <?php comment_class($comment_classes); ?> id="comment-<?php comment_ID(); ?>">
        <div class="flex gap-4">
            <div class="shrink-0">
                <?php echo get_avatar($comment, $avatar_size, '', '', array('class' => 'rounded-full')); ?>
            </div>
            <div class="grow">
                <div class="comment-meta mb-3">
                    <span class="comment-author font-bold <?php echo $is_reply ? 'text-blue-800' : 'text-gray-800'; ?>">
                        <?php comment_author(); ?>
                        <?php if ($is_reply) : ?>
                            <span class="text-blue-600 text-xs font-normal mr-2">(پاسخ)</span>
                        <?php endif; ?>
                    </span>
                    <span class="comment-date text-gray-500 text-sm mr-3">
                        <?php comment_date('j F Y'); ?>
                    </span>
                </div>
                <div class="comment-content text-gray-700">
                    <?php comment_text(); ?>
                </div>
                <div class="comment-reply mt-3">
                    <?php
                    // فقط ادمین می‌تواند پاسخ دهد
                    if (current_user_can('administrator')) {
                        comment_reply_link(array_merge($args, array(
                            'reply_text' => 'پاسخ',
                            'depth' => $depth,
                            'max_depth' => $args['max_depth'],
                            'class' => 'text-blue-600 hover:text-blue-700 text-sm font-medium'
                        )));
                    }
                    ?>
                </div>
            </div>
        </div>
    </li>
    <?php
}
?>
