{% include "../../header.html" %}
{% include "../../navigation.html" %}
<div class="wrapper">


    <div class="container-fluid">
        <!-- Page-Title -->
        <div class="row">
            <div class="col-sm-12">
                <div class="page-title-box">
                    <div class="btn-group pull-right">
                        <h4 class="page-title">User List</h4>
                    </div>
                    <ol class="breadcrumb hide-phone p-0 m-0">
                        <li class="breadcrumb-item"><a href="/">HuntCMS</a></li>
                        <li class="breadcrumb-item"><a href="/user/list/">User</a></li>
                        <li class="breadcrumb-item active">User List</li>
                    </ol>
                </div>
            </div>
        </div>
        <!-- end page title end breadcrumb -->
        <div class="form-inline m-b-20">
            <div class="row">
                    <div class="col-md-12 text-xs-center">
                            <form class="form-horizontal" role="form" action="" method="get">
                                <div class="form-group float-left m-r-5">
                                    <input id="demo-foo-search" name="k" type="text" placeholder="Search Name Or Email"
                                           class="form-control" autocomplete="on">
                                </div>
                                <div class="form-group float-left m-r-5">
                                    <button type="submit"
                                            class="btn btn-icon waves-effect waves-light btn-success m-b-5"><i
                                            class="fa fa-search"></i></button>
                                </div>
                                <div class="form-group float-left m-r-5">
                                    <a href="{{ url('system.user.list' , '')}}"
                                       class="btn btn-icon waves-effect waves-light btn-success m-b-5"><i
                                            class="fa fa-refresh"></i></a>
                                </div>
                            </form>

                        </div>
            </div>
        </div>

                    <table class="table table-striped add-edit-table" id="datatable-editable">
                        <thead>
                        <tr>
                            <th data-toggle="true">Id</th>
                            <th data-hide="phone">Username</th>
                            <th data-hide="phone">Nickname</th>
                            <th data-hide="phone">Email</th>
                            <th data-hide="phone">IP</th>
                            <th data-hide="phone">Created time</th>
                            <th data-hide="phone">Login time</th>
                            
                        </tr>
                        </thead>


                        <tbody>
                        {% for user in users %}
                        <tr>
                            <td>{{ user.id }}</td>
                            <td>{{ user.username }}</td>  
                            <td class="actions">
                                <a href="{{ url('user.user.detailed', '')}}?id={{ user.id }}">{{ user.nickname }}</a>
                                
                            </td>
                            <td>{{ user.email }}</td>                         
                            <td>{{ user.ip }}</td>
                            <td>{% if user.created %}{{ date('Y-m-d H:i:s', user.created) }}{% endif %}</td>
                            <td>{% if user.created %}{{ date('Y-m-d H:i:s',user.updated) }}{% endif %}</td>
                        </tr>
                        {% endfor %}
                        </tbody>
                        <tfoot>
                        <tr class="active">
                            <td colspan="10">
                                <div class="text-right">
                                   
                                </div>
                            </td>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>

        <div class="clearfix">
            {% include "../../paginate.html" %}
        </div>
        <!-- end row -->

    </div> <!-- end container -->
</div>
<!-- end wrapper -->

{% include "../../footer.html" %}