@extends('layout_assin')
@section('content')

 <!--Content Header (Page header)-->
 <div class="content-header row align-items-center m-0">
  <nav aria-label="breadcrumb" class="col-sm-4 order-sm-last mb-3 mb-sm-0 p-0 ">
      <ol class="breadcrumb d-inline-flex font-weight-600 fs-13 bg-white mb-0 float-sm-right">
          <li class="breadcrumb-item"><a href="#">Home</a></li>
          <li class="breadcrumb-item active">Dashboard</li>
      </ol>
  </nav>
  <div class="col-sm-8 header-title p-0">
      <div class="media">
          <div class="header-icon text-success mr-3"><i class="typcn typcn-spiral"></i></div>
          <div class="media-body">
              <h1 class="font-weight-bold">Users Management list</h1>
              <small>With Users Role</small>
          </div>
      </div>
  </div>
</div>
<div class="body-content">
 <div class="row">
     <div class="col-lg-12">
         <div class="card">
             <div class="card-body">
                 <div class="table-responsive">
                   <table class="table display table-bordered table-striped table-hover basic dataTable no-footer" id="DataTables_Table_0" role="grid" aria-describedby="DataTables_Table_0_info">
                    <thead>
                      <tr>
                          <th>SL</th>
                          <th>Name</th>
                          <th>Email</th>
                          <th>Role</th>
                          <th>Action</th>
                      </tr>
                    </thead>
                    <tbody>
                                            @foreach ($user_lists as $user_list)
                            
                          <tr>
                              <td>{{ $i }}</td>
                              <td>{{ $user_list->name }}</td>
                              <td>{{ $user_list->email }}</td>
                              @php
                                $roles = $user_list->getRoleNames();
                                $role = $roles && count($roles) > 0 ? $roles[0] : 'Unassigned';
                              @endphp
                              <td>{{ $role }}</td>
                              <td>
                                <a href="#" class="assign" title="Assign" onclick="onAssignClick({{ $user_list->id }})" data-toggle="tooltip" data-original-title="Assigns"><i class="fa fa-tasks"></i></a>
                              </td>
                          </tr>
                      @endforeach 
                    </tbody>
                   </table>
                   <div id="users-assign-app">
                    <usersassign>
                  </div>
                   
                 </div>
             </div>
         </div>
     </div>
 </div> 
</div><!--/.body content-->
</div>


<script>
    function onAssignClick(id) {
        //alert();
        $('#assignModal').modal('toggle');
        $('#user_id').val(id);
    }
  </script>
@endsection