<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>Customer</th>
        <th>Email</th>
        <th>
            Total Spent
        </th>
        <th>Created at</th>
        <th class="text-right" width="120px;">{$_L['Manage']}</th>
    </tr>
    </thead>
    <tbody>

    {if $customers}
        {foreach $customers as $customer}
            <tr>
                <td  data-value="{$customer->id}"> {$customer->id} </td>
                <td> {$customer->first_name} {$customer->last_name} </td>
                <td> {$customer->email} </td>
                <td class="amount" data-a-sign="{$config['currency_code']}">{$customer->total_spent}</td>
                <td data-value="{strtotime($customer->date_created)}">{date( $config['df'], strtotime($customer->date_created))}</td>

                <td class="text-right">
                    <a href="{$_url}wcsuite/app/view-customer/{$customer->id}" class="btn btn-primary">View customer</a>
                </td>
            </tr>
        {/foreach}
    {/if}

    </tbody>

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

</table>