<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 %} &#9733; {% 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>
