## Ecommerce - Orders

Order manage and track orders!

Toggle Code!
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>