<article class="media content-section"> <img class="rounded-circle article-img" src="{{ review.reviewer_photo }}"> <div class="media-body"> <div class="article-metadata"> <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">{% for star in "x"|ljust:review.star_rating %} ★ {% endfor %}</span> </div> {% if review.comment %} <p class="article-content">{{ review.comment }}</p> {% endif %} {% if review.reply.replied_text %} <p class="article-content alert alert-success">Reply: {{ review.reply.replied_text }}</p> {% else %} <p class="article-content alert alert-warning">Not Replied Yet!</p> {% endif %} </div> </article>