Ecommerce - Orders

Order manage and track orders!

65,000 Delivered

<a class="dashboard-stat bg-success" href="#">
    <span class="number counter">65,000</span>
    <span class="name">Delivered</span>
    <span class="bg-icon"><i class="fa fa-check"></i></span>
</a>
<!-- /.dashboard-stat -->

<!-- ========== JS ========== -->
<script>
    $(function(){
        $('.counter').counterUp();
    });
</script>
                                            
1,200 Pending

<a class="dashboard-stat bg-info" href="#">
    <span class="number counter">1,200</span>
    <span class="name">Pending</span>
    <span class="bg-icon"><i class="fa fa-hourglass-half"></i></span>
</a>
<!-- /.dashboard-stat -->

<!-- ========== JS ========== -->
<script>
    $(function(){
        $('.counter').counterUp();
    });
</script>
                                            
125 On Hold

<a class="dashboard-stat bg-warning" href="#">
    <span class="number counter">125</span>
    <span class="name">On Hold</span>
    <span class="bg-icon"><i class="fa fa-exclamation-triangle"></i></span>
</a>
<!-- /.dashboard-stat -->

<!-- ========== JS ========== -->
<script>
    $(function(){
        $('.counter').counterUp();
    });
</script>
                                            
5 Not Delivered

<a class="dashboard-stat bg-danger" href="#">
    <span class="number counter">5</span>
    <span class="name">Not Delivered</span>
    <span class="bg-icon"><i class="fa fa-times"></i></span>
</a>
<!-- /.dashboard-stat -->

<!-- ========== JS ========== -->
<script>
    $(function(){
        $('.counter').counterUp();
    });
</script>
                                            
List Of Order
Order # Purchased On Customer Email Purchased Price Location Status Action
61 2011/04/25 Tiger Nixon tiger@yahoo.com $320,800 New York Pending
60 2011/07/25 Garrett Winters garrett@gmail.com $170,750 Tokyo On Hold
59 2016/10/02 Akshy Winters akshy@yop.com $270,750 Pune On Hold
66 2016/10/02 Ashton Cox ashton.cox@yahoo.com $86,000 San Francisco Delivered
22 2012/03/29 Cedric Kelly cedric.kelly@gmail.com $433,060 San Francisco Not Delivered
33 2008/11/28 Airi Satou airi25@yahoo.com $162,700 Tokyo Not Delivered
39 2012/12/02 Brielle Williamson brielle89.williamson@yahoo.com $372,000 New York Delivered
120 2012/08/06 Herrod Chandler herrod@yahoo.com $137,500 San Francisco Pending
158 2015/08/06 Jiger Chandler jiger@yahoo.com $537,500 NY Pending
168 2016/08/06 Tony Chandler tony89@yahoo.com $337,500 London On Hold
89 2016/08/09 Tony Klen tony.klen@yahoo.com $387,500 NY Pending
Order # Purchased On Customer Email Purchased Price Location Status Action

<table id="example" class="display table table-striped table-bordered" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Order #</th>
            <th>Purchased On</th>
            <th>Customer</th>
            <th>Email</th>
            <th>Purchased Price</th>
            <th>Location</th>
            <th>Status</th>
            <th class="ecomm-action-icon">Action</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>22</td>
            <td>2012/03/29</td>
            <td>Cedric Kelly</td>
            <td>cedric.kelly@gmail.com</td>
            <td>$433,060</td>
            <td>San Francisco</td>
            <td>
                <span class="label label-info label-wide">Pending</span>
            </td>
            <td>
                <button type="button" class="btn btn-success btn-xs btn-labeled">Approve<span class="btn-label btn-label-right"><i class="fa fa-check"></i></span></button>
                <button type="button" class="btn btn-danger btn-xs btn-labeled">Reject<span class="btn-label btn-label-right"><i class="fa fa-times"></i></span></button>
            </td>
        </tr>
        ...
    </tbody>
    <tfoot>
        <tr>
            <th>Order #</th>
            <th>Purchased On</th>
            <th>Customer</th>
            <th>Email</th>
            <th>Purchased Price</th>
            <th>Location</th>
            <th>Status</th>
            <th class="ecomm-action-icon">Action</th>
        </tr>
    </tfoot>
</table>
<!-- ========== JS ========== -->
<script>
    $(function($) {
        $('#example').DataTable();
    });
</script>