@extends('admin.layouts.master')
@section('title', 'Users')
@section('content')
<div class="head" style="display: flex;justify-content:space-between;align-items:center">
    <h2>Users</h2>
    <a href="{{ route('users.create') }}" class="btn btn-primary">Create User</a>
</div>
<br />
{{-- Including assets --}}
@include('admin.layouts.delete-msg')
{{-- Including assets --}}

<table class="table table-bordered table-striped datatable" id="table-2">
    <thead>
        <tr>
            <th>#</th>
            <th>Name</th>
            <th>Employee ID</th>
            <th>Email</th>
            <th>Designation</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        @forelse ($users as $key => $user)
        <tr>
            <td>{{ $key+1 }}</td>
            <td>
                {{ $user->name }}
                @if ($user->roles->count() > 0)
                <span class="label label-success">{{ $user->roles->pluck('name')->implode(',') }}</span>
                @endif
            </td>
            <td>{{ $user->employe_id  }}</td>
            <td>{{ $user->email  }}</td>
            <td>{{ $user->designation  }}</td>
            <td>
                <a href="{{ route('users.edit', $user->id) }}" class="btn btn-default btn-sm btn-icon icon-left">
                    <i class="entypo-pencil"></i>
                    Edit
                </a>
                {{-- <a href="#" class="btn btn-danger btn-sm btn-icon icon-left">
                    <i class="entypo-cancel"></i>
                    Delete
                </a> --}}
                <button data-id="{{ $user->id }}" data-type="user" class="btn btn-danger btn-sm btn-icon icon-left delete">
                    <i class="entypo-cancel"></i>
                    Delete
                </button>
                {{-- <a href="#" class="btn btn-info btn-sm btn-icon icon-left">
                    <i class="entypo-info"></i>
                    Profile
                </a> --}}
            </td>
        </tr>
        @empty
        <tr>
            <td colspan="6" class="text-center">No data found</td>
        </tr>
        @endforelse
    </tbody>
</table>
@endsection