@extends('layouts.backend')
@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        <h4>
            Manage Users
            <a href="{{ route('userswithRoles.create') }}" class="btn btn-info float-right btn-sm"><i class="fa fas fa-plus"></i> Add new User</a>
            <a href="{{ route('userswithRoles.draftindex') }}" class="btn btn-info float-right btn-sm">View Draft Users</a>
        </h4>
    </div>
    <div class="card-body">
        <div class="alert alert-default">
            <form action="{{ route('userswithRoles.index') }}">
                <h4>Filter Users</h4>
                <table class="table">
                    <tr>
                        <td>NAME</td>
                        <td>EMAIL</td>
                        <td>Department</td>
                        <td colspan="2">ACTION</td>
                    </tr>
                    <tr>
                        <td>
                            <input name="name" id="name" class="form-control" value="{{ request('name') }}">
                        </td>
                        <td>
                            <input name="email" id="email" class="form-control" value="{{ request('email') }}">
                        </td>
                        <td>
                            <select name="department" id="depart_id" class="form-control select2" data-placeholder="Select department" required>
                                @foreach($department as $depart)
                                <option value="{{ $depart->id }}"{{ request('department') == $depart->id ? 'selected' : '' }}>{{ $depart->name }}</option>
                                @endforeach
                            </select>
                        </td>
                        <td><button class="btn btn-block btn-success"><i class="fa fas fa-search"></i></button></td>
                        <td><button class="btn btn-block btn-warning" type="button" onclick="window.location.href='{{ route('userswithRoles.index') }}';"><i class="fa fas fa-refresh"></i></button></td>
                    </tr>
                </table>
            </form>
        </div>
        <table class="table table-bordered data-table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Role</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @if($users->count() > 0)
                @foreach($users as $user)
                <tr>
                    <td>{{ $user->name }}</td>
                    <td>{{ $user->email }}</td>
                    <td>{{ empty($user->role->rolename) ? 'N/A' : $user->role->rolename }}</td>
                    <td><a href="{{ route('userswithRoles.edit',['id' => $user->id]) }}" class="btn btn-primary"><i class="fa fas fa-pencil"></i> </a></td>
                </tr>
                @endforeach
                @else
                <tr>
                    <td colspan="8"><div class="alert alert-danger">No user found!</div></td>
                </tr>
                @endif
            </tbody>
        </table>
        <div class="text-right">
            {!! $users->render() !!}
        </div>
    </div>
</div>
@endsection

@section('extraJs')
@endsection