@php
$files = json_decode($comment->files ?? '[]', true);
@endphp

<div class="review-item">
    <div class="review-header">
        <div class="reviewer-info">
            <div class="reviewer-avatar">{{ mb_substr($comment->name ?? 'U', 0, 1) }}</div>
            <div class="reviewer-details">
                <div class="reviewer-name">{{ $comment->name }}</div>
                @if(isset($comment->star))
                <div class="stars">
                    <ul>
                        @for($i=1; $i<=5; $i++)
                            <li>
                            <svg viewBox="0 0 24 24" width="16" height="16">
                                <polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 
                                                 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"
                                    fill="{{ $i <= $comment->star ? '#ffcc00' : '#ccc' }}">
                                </polygon>
                            </svg>
                            </li>
                            @endfor
                    </ul>
                </div>
                @endif
            </div>
        </div>
        <div class="review-date">{{ $comment->created_at->diffForHumans() }}</div>
    </div>

     <!-- <div class="check-sell">
                    <div class="icon-check"></div>
                    Đã mua hàng
                </div> -->
                
    <div class="review-content">
        <div class="review-text">{{ $comment->content }}</div>
        <div class="review-images">
            @foreach($files as $file)
            @if(Str::endsWith($file, ['.mp4', '.mov', '.avi']))
            <video controls muted style="max-width:150px; max-height:150px; margin-right:5px;">
                <source src="{{ \Storage::url($file) }}" type="video/mp4">
            </video>
            @else
            <a href="{{ \Storage::url($file) }}" data-fancybox="image-{{ $comment->id }}">
                <img src="{{ \Storage::url($file) }}" style="max-width:150px; max-height:150px; margin-right:5px;">
            </a>
            @endif
            @endforeach
        </div>
    </div>

    @foreach($comment->replies ?? [] as $reply)
    <div class="admin-reply">
        <h3>Quản trị viên</h3>
        <p>{{ $reply->content }}</p>
    </div>
    @endforeach
</div>