@extends('web::backend.layouts.kpm.base')

@section('content')

<div class="box-head-single box-head-single-candidate" style="padding:10px !important;border-radius: 10px;">
    <div class="container">
        <div class="">
            <h6>@lang('web::user-management.title')
            <a href="/user/create" class="btn btn-default btn-small" style="float:right"><i data-feather="plus" class="w-4 h-4 mr-2"></i>@lang('web::user-management.button-add')</a></a></h6>

            
            <div class="head-info-profile">
              
            </div>
            
        </div>
    </div>
  </div>
<br>
<br>
  <div class="col s12">
     <div class="container">
          <div class="card-content">
                 <table id="page-length-option" class="display" style="width:100%;font-size: 12px;background-color:#87b0fb">
                    <thead>
                        <tr>
                        <th style="text-align: left;">@lang('web::user-management.table-name')</th>
                        <th style="text-align: left;">@lang('web::user-management.table-email')</th>
                        <th style="text-align: left;">@lang('web::user-management.table-role')</th>
                        <th style="text-align: left;">@lang('web::user-management.table-status')</th>
                        <th style="text-align: left;">@lang('web::user-management.table-action')</th>
                      </tr>
                    </thead>
                      <tbody>
                      @foreach($useractive as $key =>$data)
                          <tr>
                            <td><b>{{$data->name}}</b></td>
                            <td>{{$data->email}}</td>
                            <td><b>{{$data->roles->implode('name', ', ')}}</b></td>
                            <td>@if($data->status == 0) PENDING / INACTIVE @else ACTIVE @endif</td>
                            <td><a href="/user/edit/{{$data->id}}" class="invoice-action-edit">
                            <i data-feather="edit-2" class="w-4 h-4 mr-2"></i>
                          </a></td>
                          </tr>
                          
                        @endforeach
                      
                    
                      </tbody>
                  </table>
              </div>      
          </div>
</div>


               
         
                            <!-- END: Latest Uploads -->
@endsection


@push('script')


@endpush