@extends('layouts.new-admin')
@section('title')
All Users | Dashboard
@endsection
@section('content')
          <ul class="breadcrumb">
            <li>
              <p>PMS</p>
            </li>
            <li><a href="#" class="active">Users</a> </li>
          </ul>
          <div class="page-title"> <i class="icon-custom-left"></i>
            <h3>Manage <span class="semi-bold">Users</span></h3>
            @component('admin.includes.per-page')
        @endcomponent
          </div>
          <div class="row-fluid">
            <div class="span12">
              <div class="grid simple ">
                <div class="grid-title">
                  <h4>Manage <span class="semi-bold">Users</span></h4>
                  <div class="tools">
                    <a href="javascript:;" class="collapse"></a>
                    <a href="#grid-config" data-toggle="modal" class="config"></a>
                    <a href="javascript:;" class="reload"></a>
                    <a href="javascript:;" class="remove"></a>
                  </div>
                </div>
                <div class="grid-body ">
                 <table class="table" id="example3">
                <thead>
                  <tr>
                    <th>#</th>
                    <th>User Id</th>
                    <th>Username</th>
                    <th>User Type</th>
                    <th>Mobile No</th>
                    <th>Email Id</th>
                    <th>Create Date</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach($users as $i => $user)
                    <tr>
                        <td>{{$i + $users->firstItem()}}</td>
                        <td>{{$user->UserId}}</td>
                        <td>{{$user->UserName}}</td>
                        <td>{{$user->userType->UserTypeName}}</td>
                        <td>{{$user->MobileNo}}</td>
                        <td>{{$user->EmailId}}</td>
                        <td>{{$user->CreateDate}}</td>
                        <td>
                            @hasAccess('Edit User')
                                <a
                                    href="{{route('admin.users.edit',$user->UserId)}}"
                                    class="btn btn-primary btn-xs"
                                    style="margin: .3rem"
                                >
                                    <i class="material-icons">mode_edit</i>
                                </a>
                            @endhasAccess
                            @hasAccess('Delete User')
                                <a
                                    href="#modal-{{$user->UserId}}"
                                    class=" modal-trigger btn btn-danger btn-xs"
                                >
                                    <i class="material-icons">delete</i>
                                </a>
                                @component('components.confirm',[
                                    'modal' => 'modal-'.$user->UserId,
                                    'id' => 'delete-form-'.$user->UserId,
                                    'title' => 'User'
                                ])
                                @endcomponent
                                <form method="post" action="{{route('admin.users.destroy',$user->UserId)}}" id="delete-form-{{$user->UserId}}" class="hide">
                                    @csrf
                                    @method('DELETE')
                                </form>
                            @endhasAccess
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>

        <div class="center-align mb-3">
            {{$users->appends(request()->query())->links('vendor.pagination.default')}}
        </div>
        </div>
        </div>
        </div>
    
    <div class="fixed-action-btn">
        <a href="{{route('admin.users.create')}}" class="btn-floating btn-large red waves-effect waves-light">
            <i class="material-icons">add</i>
        </a>
    </div>
    
    
    
    <!--New Layout-->
    
    <!--End New Layout-->
    @component('admin.includes.loader')
    @endcomponent
@endsection