<div class="container py-4 context-main-bg my-4">
    <h3 class="mb-4 text-center">Manage Memberships</h3>
    <hr>
    <div class="row justify-content-center">
        <div class="col-md-8">
            <table class="table text-center context-main">
                <thead>
                    <tr>
                        <th style="width: 25%">Name</th>
                        <th style="width: 20%">Status</th>
                        <th style="width: 20%">Price</th>
                        <th style="width: 10%">Start</th>
                        <th style="width: 10%">End</th>
                        <th style="width: 5%"></th>
                        <th style="width: 5%"></th>
                    </tr>
                </thead>
                <tbody>
                    {LOOP}
                    <tr>
                        <td>{productName}</td>
                        <td>{status}</td>
                        <td>{prettyPrice}</td>
                        <td>{DTC=date}{current_period_start}{/DTC}</td>
                        <td>{DTC=date}{current_period_end}{/DTC}</td>
                        <td>
                            <a href="{ROOT_URL}member/pause/{ID}" class="btn btn-sm btn-outline-warning">
                                <i class="fa fa-fw fa-pause"></i>
                            </a>
                        </td>
                        <td>
                            <a href="{ROOT_URL}member/cancel/{ID}" class="btn btn-sm btn-outline-danger">
                                <i class="fa fa-fw fa-ban"></i>
                            </a>
                        </td>
                    </tr>
                    {/LOOP}
                    {ALT}
                    <tr>
                        <td colspan="7" class="text-center">
                            No results to show.
                        </td>
                    </tr>
                    {/ALT}
                </tbody>
            </table>
            <a href="{ROOT_URL}member/managepayment" class="btn btn-sm btn-primary atb-green-bg">
                Manage Payment Method
            </a>
        </div>
    </div>
</div>
