@if(sizeof($sales_order_comments) > 0)
    <ul class="comment-list">
        @foreach($sales_order_comments as $sales_order_comment)
            <li>
                <div class="d-flex justify-content-between flex-wrap gap-2">
                    <strong>{{ $sales_order_comment->tag }}</strong>
                    <small class="text-muted">{{ $sales_order_comment->created_at }}</small>
                </div>
                <p class="mb-1 text-muted">{{ $sales_order_comment->comment }}</p>
                @if(isset($sales_order_comment->user_name))
                    <small class="text-muted">by {{ $sales_order_comment->user_name }}</small>
                @endif
            </li>
        @endforeach
    </ul>
@else
    <div class="order-empty">No comments yet.</div>
@endif