@extends('layouts.admin.app')
@section('content')
    
      <div class="pd-30">
        <h4 class="tx-gray-800 mg-b-5 title" >{{$title}}</h4>
      </div><!-- d-flex -->
      <div class=" br-pagebody mg-t-5 pd-x-30 ">
        <div class="br-section-wrapper row row-sm p-20">
          <div class="col-sm-12 col-xl-12">
             <div class="table-responsive" style="overflow:auto">
             @if(count($users) > 0)
            <table id="example" class="table" >
              <thead class="thead-colored">
                <tr>
                  <th class="wd-10p">Sr. No</th>
                  <th>Status</th>
                  <th>Action</th>
                  <th char="wd-10p">UUID</th>
                  <th class="wd-35p">Name</th>
                  <th class="wd-20p">Company Name</th>
                  <th class="wd-20p">Role</th>
                  <th class="wd-20p">Email</th>
                </tr>
              </thead>
              <tbody>
                @php $i = 1; @endphp
                @foreach($users as $key => $n)
                <tr>
                  <th scope="row">{{$i++}}</th>
                  <td>
                    @if($n->allow == 'No')
                    <span class="badge-danger">Deactive</span>
                    @else
                      <span class="badge-success">Active</span>
                    @endif
                  </td>
                  <td> 
                    <form id="myform" method="post" action="/gpclrmainportal/deactive-user">
                      @csrf 
                      @method('post')
                        <input type="hidden" name="user_id" value="{{$n->id}}">
                        <input type="hidden" name="status" value="{{$n->allow}}">
                        <button  type="submit"  onclick="return confirm('Are you sure you want to  change status of this record?');" class="text-white btn btn-style2">
                          @if($n->allow == 'Yes')
                          Deny Access
                          @else
                          Allow Access
                          @endif
                        </button>
                    </form> 
                    <button type="button"  id="credentials" data-uuid="{{$n->uuid}}" data-company="{{$n->company_name}}" data-region="{{$n->region_id}}" style="background:#0866C6;padding-top: 6px;padding-bottom: 6px;border-radius: 0px;color: white;border: 1px solid white;padding: 4px 10px;text-decoration: none;">View</button>
                  </td>
                  <th>{{$n->uuid}}</th>
                  <td>{{$n->name}}</td>
                  <td>{{$n->company_name}}</td>
                  <td>{{$n->Role->role}}</td>
                  <td>{{$n->email}}</td>
                </tr>
               @endforeach
              </tbody>
            </table>
             @else
                <h4 class="text-center">USER RECORD NOT FOUND</h4>
            @endif
          </div>
        </div>
      </div>
          </div>
     

@endsection
@section('scripts')
<script>
  $(function() {
    $('.toggle-class').change(function() {
        var status = $(this).prop('checked') == true ? 1 : 0; 
        var user_id = $(this).data('id'); 
        //  alert(user_id);
        $.ajax({
            type: "GET",
            dataType: "json",
            url: '/changeStatus',
            data: {'status': status, 'user_id': user_id},
            success: function(data){
              // console.log(data.success)
            }
        });
    })
  })
  $(document).ready(function(){
  $("#myform").on("submit", function(){
    $("#exampleModalLoader").modal({backdrop: 'static', keyboard: false});
  });
})
</script>
@endsection