<form class="form-horizontal" method="post" action="">
    <div class="form-group">
        <div class="col-md-12">
            <div class="input-group">
                <div class="input-group-addon">
                    <span class="fa fa-search"></span>
                </div>
                <input type="text" name="name" id="foo_filter" class="form-control" placeholder="{$_L['Search']}..."/>

            </div>
        </div>

    </div>
</form>

<table class="table table-bordered table-hover sys_table footable" data-filter="#foo_filter" data-page-size="50">
    <thead>
    <tr>
        <th>#</th>
        <th>Order #</th>
        <th>Customer #</th>
        <th>Status</th>
        <th>Total</th>
        <th>
            Payment Method
        </th>
        <th>Date Created</th>
        <th class="text-right" width="120px;">{$_L['Manage']}</th>
    </tr>
    </thead>
    <tbody>

    {if $orders}

        {foreach $orders as $order}
            <tr>
                <td  data-value="{$order->id}"> {$order->id} </td>
                <td> {$order->number} </td>
                <td> {$order->billing->first_name} {$order->billing->last_name} </td>
                <td> {$order->status} </td>
                <td class="amount" data-a-sign="{$config['currency_code']}">{$order->total}</td>
                <td> {$order->payment_method_title} </td>
                <td data-value="{strtotime($order->date_created)}">{date( $config['df'], strtotime($order->date_created))}</td>

                <td class="text-right">

                    <a href="{$_url}wcsuite/app/view-order/{$order->id}" class="btn btn-primary">View</a>

                </td>
            </tr>
        {/foreach}

    {/if}

    </tbody>

    <tfoot>
    <tr>
        <td colspan="8">
            <ul class="pagination">
            </ul>
        </td>
    </tr>
    </tfoot>

</table>