<div class="information-block dots-pattern">
    <div class="vg-row">
        <div class="vg-col vg-col-6 vg-col-xs-12">
            <h3 class="title">All List of Coupons</h3>
        </div>
        <div class="vg-col vg-col-6 vg-col-xs-12 text-align-right">
            <div class="form-group">
                <a href="../../coupon/add-Edit/index22f0.html?action=Add%20New" class="btn btn-blue ml-auto add-coupen">Add New Coupon</a>
            </div>
        </div>
    </div>
    <div class="table-responsive">
        <table id="allCoupons_table" class="display" style="width:100%; overflow:auto">
            <thead>
                <tr>
                    <th>Coupon Id</th>
                    <th>Code</th>
                    <th>Discount</th>
                    <th>Start date</th>
                    <th>Expire date</th>
                    <th>Total</th>
                    <th>Used</th>
                    <th>Remaining</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>