<div class="review-content"> <div> <img class="rounded-circle article-img" src="{{ review.reviewer_photo }}"> </div> <div style="flex-grow: 10"> <div class="review-header-divider"> <span class="mr-2"><b>{{ review.reviewer_name }}</b></span> <small class="text-muted">{{ review.update_time|date:"F d, Y" }}</small> <span style="color: #a41515; float: right">{{ review.star_rating }} X ★</span> </div> {% if review.comment %} <p >{{ review.comment }}</p> {% endif %} {% if review.reply.replied_text %} <p class="alert alert-success">Reply: {{ review.reply.replied_text }}</p> {% else %} <p class="alert alert-warning">Not Replied Yet!</p> {% endif %} </div> </div>