<div class="col-8 mx-auto p-4 rounded shadow-sm mb-5 context-main-bg mt-4 context-main text-center">
    <legend>Reviews</legend>
    <hr>
    <p>
        Understanding the customer is a huge part of making products better. Whether its feedback that we are doing great, or we need work; the review allows users to share that with us.
    </p>
    <p>
        On this page you can find <strong>your</strong> reviews to see any responses or make edits.
    </p>
    <table class="table context-main text-center">
        <thead>
            <tr>
                <th style="width: 60%">Title</th>
                <th style="width: 20%">Rating</th>
                <th style="width: 10%"></th>
                <th style="width: 10%"></th>
            </tr>
        </thead>
        <tbody>
            {LOOP}
            <tr>
                <td><a href="{ROOT_URL}reviews/view/{ID}" class="text-decoration-none atb-green" role="button">{title}</a></td>
                <td>{rating}</td>
                <td><a href="{ROOT_URL}reviews/edit/{ID}" class="btn btn-sm btn-warning" role="button"><i class="fa fa-fw fa-pencil"></i></a></td>
                <td><a href="{ROOT_URL}reviews/delete/{ID}" class="btn btn-sm btn-danger" role="button"><i class="fa fa-fw fa-trash"></i></a></td>
            </tr>
            {/LOOP}
            {ALT}
            <tr>
                <td colspan="4">
                    No results to show.
                </td>
            </tr>
            {/ALT}
        </tbody>
    </table>
    <a href="{ROOT_URL}reviews/review" class="btn btn-md atb-green-bg" role="button">Add Review</a>
</div>