@extends('layouts.admin')

@section('content')

<!-- content @s -->
<div class="nk-content ">
    <div class="container-fluid">
        <div class="nk-content-inner">
            <div class="nk-content-body">
                <div class="components-preview wide-md mx-auto">
						
						<div class="nk-block nk-block-lg">
						    <div class="nk-block-head">
						        <div class="nk-block-head-content">
						            <h4 class="nk-block-title">Users</h4>
						            <div class="nk-block-des">
						                <p></p>
						            </div>
						        </div>
						    </div>
						    <div class="card card-preview">
						        <div class="card-inner">
						            <table class="datatable-init nk-tb-list nk-tb-ulist" data-auto-responsive="false">
						                <thead>
						                    <tr class="nk-tb-item nk-tb-head">
						                        <th class="nk-tb-col"><span class="sub-text">Username</span></th>
						                        <th class="nk-tb-col tb-col-mb"><span class="sub-text">Role</span></th>
						                        <th class="nk-tb-col tb-col-lg"><span class="sub-text">Email</span></th>
						                        <th class="nk-tb-col tb-col-md"><span class="sub-text">Phone</span></th>
						                        <th class="nk-tb-col tb-col-lg"><span class="sub-text">City</span></th>
						                        <th class="nk-tb-col tb-col-md"><span class="sub-text">Status</span></th>
						                        <th class="nk-tb-col nk-tb-col-tools text-right">
						                        </th>
						                    </tr>
						                </thead>
						                <tbody>
						                	@foreach($users as $userRow)
							                    <tr class="nk-tb-item">
							                        <td class="nk-tb-col">
							                            <div class="user-card">
							                                <div class="user-avatar bg-{{(($userRow['role_id'] == 1)?'primary':(($userRow['role_id'] == 2)?'success':'warning'))}} d-none d-sm-flex">
							                                    <span>{{substr($userRow['name'], 0, 1)}}</span>
							                                </div>
							                                <div class="user-info">
							                                    <span class="tb-lead">{{$userRow['name']}} <span class="dot dot-success d-md-none ml-1"></span></span>
							                                    <!--<span>info@softnio.com</span>-->
							                                </div>
							                            </div>
							                        </td>
							                        <td class="nk-tb-col tb-col-lg">
							                            <span>{{$userRow['role']['role']}}</span>
							                        </td>
							                        <td class="nk-tb-col tb-col-lg">
							                            <span>{{$userRow['email']}}</span>
							                        </td>
							                        <td class="nk-tb-col tb-col-lg">
							                            <span>{{($userRow['phone'] == '')?'-':$userRow['phone']}}</span>
							                        </td>
							                        <td class="nk-tb-col tb-col-lg">
							                            <span>{{($userRow['city'] == '')?'-':$userRow['city']}}</span>
							                        </td>
							                        <td class="nk-tb-col tb-col-md">
							                            <span class="tb-status text-{{($userRow['activated'] == 1)?'success':'danger'}}">{{$userRow['activated'] == 1?'Active':'Inactive'}}</span>
							                        </td>
							                        <td class="nk-tb-col nk-tb-col-tools">
							                            <ul class="nk-tb-actions gx-1">
							                                
							                                <li>
							                                    <div class="drodown">
							                                        <a href="#" class="dropdown-toggle btn btn-icon btn-trigger" data-toggle="dropdown"><em class="icon ni ni-more-h"></em></a>
							                                        <div class="dropdown-menu dropdown-menu-right">
							                                            <ul class="link-list-opt no-bdr">
							                                                <li><a href="javascript:void();"><em class="icon ni ni-edit"></em><span>Edit</span></a></li>
							                                                <li><a href="javascript:void();"><em class="icon ni ni-trash"></em><span>Delete</span></a></li>
							                                                @if($userRow['role_id'] != 1)
							                                                <li><a href="javascript:void();"><em class="icon ni ni-repeat"></em><span>Transaction</span></a></li>
							                                                @endif
							                                                <li><a href="javascript:void();"><em class="icon ni ni-activity-round"></em><span>Activities</span></a></li>
							                                                
							                                                @if($userRow['role_id'] != 1)
							                                                <li class="divider"></li>
							                                                @if($userRow['role_id'] == 3)
							                                                <li><a href="{{url('user/dashboard')}}/{{$userRow['id']}}" target="new"><em class="icon ni ni-focus"></em><span>Access Account</span></a></li>
							                                                @else
							                                                <li><a href="{{url('account-manager/dashboard')}}/{{$userRow['id']}}" target="new"><em class="icon ni ni-focus"></em><span>Access Account</span></a></li>
							                                                @endif
							                                                @endif
							                                            </ul>
							                                        </div>
							                                    </div>
							                                </li>
							                            </ul>
							                        </td>
							                    </tr><!-- .nk-tb-item  -->
							                @endforeach
						                </tbody>
						             </table>
						        </div>
						    </div>
						</div>   
					</div>
				</div>
			</div>
		</div>
	</div>                 

@endsection