@extends('layouts.admin')

@section('breadcrumb-item')
    <li class="breadcrumb-item active"><a href="#">Users List</a></li>
@endsection

@section('content')
    <div class="card">
        <div class="card-header bg-theme">
            <p class="h5 pt-2 mb-0 float-left"><i class="fa fa-list pr-1"></i>Users List</p>
            {{--<a href="{{route('admin.user.create')}}" data-toggle="tooltip" data-placement="bottom"
               title="Add New Record" class="btn btn-primary float-right ml-2">
                <i class="fa fa-plus"></i>
            </a>--}}
            <form action="{{route('admin.users')}}" method="get" class="form-inline float-right">
                <div class="form-group">
                    <div class="input-group">
                        <input class="form-control" type="text" name="q" value="{{ request()->query('q') }}"  placeholder="Search in Users">
                        <div class="input-group-append">
                            <button class="btn btn-dark" type="submit" ><i class="fa fa-search"></i></button>
                        </div>
                        <div class="input-group-append">
                            <a class="btn btn-dark{{ request()->query('q') ? '' : ' disabled' }}" href="{{route('admin.users')}}" >
                                <i class="fa fa-eraser"></i></a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <div class="card-body" style="overflow-x:auto;">
            <table class="table table-hover table-c">
                <thead>
                <tr>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Mobile</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                @forelse($users as $user)
                    <tr>
                        <td>{{$user->name}}</td>
                        <td>{{$user->email}}</td>
                        <td>{{$user->mobile}}</td>
                        <td>
                            <div class="btn-group">
                                <a href="{{route('admin.user.show', ['id' => $user->id])}}"
                                   data-toggle="tooltip" title="View"
                                   class="btn btn-sm btn-outline-primary"><i class="fa fa-eye"></i></a>
                                <a href="{{route('admin.user.edit', ['id' => $user->id])}}"
                                   data-toggle="tooltip" title="Edit"
                                   class="btn btn-sm btn-outline-success"><i class="fa fa-pencil"></i></a>
                                @include('includes.modals.delete', ['model' => 'user', 'route' => 'admin.user.delete'])
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <th colspan="5" class="text-center">No Users Yet</th>
                    </tr>
                @endforelse
                </tbody>
            </table>
            <div class="pagination justify-content-center mb-4">
                {{ $users->links() }}
            </div>
        </div>
    </div>
@endsection