@if(auth()->user()->hasRole('board') || auth()->user()->hasRole('admin'))
<div class="row">
    <div class="col-md-12">
        <button class="btn bg-gradient-orange btn-flat pointer toggle_user_forms float-right">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
            Add User
        </button > <br/>
    </div>
    <div class="col-md-12">
        <form class="prevent-resubmit-form" id="create_user_form" style="display: none" enctype="multipart/form-data">
            <input type="hidden" name="entered_by_id"  value="{{ Auth::user()->id }}">
            <input type="hidden" name="belong_id"  value="{{ $belong_id }}">
            <input type="hidden" name="belong_type"  value="{{$belong_type}}">
            <input type="hidden" name="role"  value="{{$role}}">
            @csrf
            <div class="box-body row">
                <div class="form-group col-md-6">
                    <label for="exampleInputEmail1">Name:</label>
                    <input type="text" name="name" class="form-control"  placeholder="Full Name.."  required >
                </div>

                <div class="form-group col-md-6">
                    <label for="exampleInputEmail1">Email:</label>
                    <input type="text" name="email" class="form-control"  placeholder="Email.." >
                </div>

                <div class="form-group col-md-6">
                    <label for="exampleInputPassword1">Gender:</label>
                    <select class="form-control select2"  name="gender" required>
                        <option value="" selected disabled> Select Gender</option>
                        <option value="Male"> Male</option>
                        <option value="Female"> Female</option>
                    </select>
                </div>



                <div class="form-group col-md-6">
                    <label for="exampleInputEmail1">Phone:</label>
                    <input type="text" name="phone" class="form-control"  placeholder="Phone.."  required >
                </div>

                <div class="form-group col-md-6">
                    <label for="exampleInputEmail1">Password:</label>
                    <input  type="password" class="form-control" placeholder="Password" name="password" required >
                </div>
            </div>
            <div class="card-footer  px-lg-2">
                <button type="submit" class="btn bg-gradient-orange float-right prevent-resubmit-button">Submit</button>

            </div>
        </form>

    </div>
</div>
@endif
    <div class="box-body ">
        <table class="table table-striped data-table" id="user_table">
            <thead>
            <tr>
                <th>Name</th>
                <th>Gender</th>
                {{--  <th>Email </th> --}}
                <th>Phone</th>
                <th>Roles</th>
                <th>Action</th>
            </tr>
            </thead>
            <tbody>

            @foreach($vars['users'] as  $row)

                <tr>
                    <td>{{ucfirst($row->name)}}</td>
                    <td>{{ucfirst($row->gender)   }}</td>
                    {{--   <td>{{$row->email   }}</td> --}}
                    <td>{{$row->phone }}</td>
                    <td>
                        @foreach($row->roles as $role)
                            @if($role->name == 'admin')
                                <span class="label label-sm label-warning">{{$role->display_name}}</span>
                            @else
                                <span class="label label-sm label-success arrowed arrowed-right">{{$role->display_name}}</span>
                            @endif
                        @endforeach
                    </td>
                    <td>

                        {{--                        <a href="{{ url('/users/'.$row->uuid ) }}" class="btn-default " type="button" data-toggle="tooltip" title="View User" data-original-title="View"><i class="fa fa-eye" style="color:#00a65a"></i></a> &nbsp; | &nbsp;--}}
                         <div class="btn-group btn-group-sm">
                            @if( Auth::user()->hasRole('admin') || Auth::user()->hasRole('board') )



                        <a href="javascript:void(0)" class="btn btn-info edit_user" data-id="{{$row->uuid}}" data-toggle="tooltip" title="Edit User" data-original-title="Edit"><i class="fa fa-pencil-alt"></i></a>

                        <a href="javascript:void(0)" class="btn btn-danger deleteTr" data-address="users" data-id="{{$row->uuid}}" type="button" data-toggle="tooltip" title="Delete User" data-original-title="Delete"><i class="fas fa-trash"></i></a>


                          @endif
                      </div>


                    </td>
                </tr>
            @endforeach

            </tbody>
        </table>
    </div>