@extends('layouts.app')

@section('content')
    <!-- page content -->
    {{-- <div class="right_col" role="main">
        <h1>Users</h1>
        @if (count($users) > 0)
            @foreach ($users as $user)
                <div class="well">
                    <div class="row">
                        <div class="col-md-8 col-sm-8">
                            <h3><a href="/users/{{ $user->id }}">{{ $user->name }}</a></h3>
                            <small>Written on {{ $user->created_at }} by {{ $user->name }}</small>
                        </div>
                        <div class="col-md-8 col-sm-8">
                            <h3><a href="/users/{{ $user->id }}">{{ $user->email }}</a></h3>
                            <small>Email {{ $user->created_at }} by {{ $user->email }}</small>
                        </div>
                    </div>
                </div>
            @endforeach
            {{ $users->links() }}
            @else
            <p>No users found</p>
        @endif
    </div> --}}
    <!-- page content -->

    <div class="">
        <div class="page-title">
            <div class="title_left">
                <h3>Manage Users <small></small></h3>
            </div>

            <div class="title_right">
                <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Search for...">
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="button">Go!</button>
                        </span>
                    </div>
                </div>
            </div>
        </div>

        <div class="clearfix"></div>

        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>All users <small></small></h2>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <p class="text-muted font-13 m-b-30">
                            Users can be sort and search by their own fields
                        </p>

                        <div class="row">
                            <div class="col-sm-12">
                                @if(count($users) > 0)
                                <table id="datatable" class="table table-striped table-bordered dataTable no-footer"
                                    role="grid" aria-describedby="datatable_info">
                                    <thead>
                                        <tr role="row">
                                            <th class="sorting_asc" tabindex="0" aria-controls="datatable" rowspan="1"
                                                colspan="1" aria-sort="ascending"
                                                aria-label="Name: activate to sort column descending" style="width: 189px;">
                                                Name</th>
                                            <th class="sorting" tabindex="0" aria-controls="datatable" rowspan="1"
                                                colspan="1" aria-label="Position: activate to sort column ascending"
                                                style="width: 309px;">Email</th>
                                            <th class="sorting" tabindex="0" aria-controls="datatable" rowspan="1"
                                                colspan="1" aria-label="Office: activate to sort column ascending"
                                                style="width: 143px;">Created At</th>
                                            <th class="sorting" tabindex="0" aria-controls="datatable" rowspan="1"
                                                colspan="1" aria-label="Age: activate to sort column ascending"
                                                style="width: 76px;">Age</th>
                                            <th class="sorting" tabindex="0" aria-controls="datatable" rowspan="1"
                                                colspan="1" aria-label="Start date: activate to sort column ascending"
                                                style="width: 140px;">Start date</th>
                                            <th class="sorting" tabindex="0" aria-controls="datatable" rowspan="1"
                                                colspan="1" aria-label="Salary: activate to sort column ascending"
                                                style="width: 111px;">Salary</th>
                                        </tr>
                                    </thead>


                                    <tbody>
                                        @foreach($users as $user)
                                        <tr role="row" class="odd">
                                            <td class="sorting_1">{{$user->name}}</td>
                                            <td>{{$user->email}}</td>
                                            <td>{{$user->created_at}}</td>
                                            <td>33</td>
                                            <td>2008/11/28</td>
                                            <td>$162,700</td>
                                        </tr>
                                        @endforeach
                                </table>
                                @else
                                <p>You have no posts</p>
                            @endif
                            </div>


                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
@endsection