@extends('layouts.admin')
@section('content')
   @php
   $ADD_ACCESS    = false;
   $VIEW_ACCESS   = false;

   $ADD_ACCESS    = Helper::can_access('Add Role');
   $VIEW_ACCESS   = Helper::can_access('Manage Roles');   
  @endphp 
<div class="main-content-wrap sidenav-open d-flex flex-column">
   <!-- ============ Body content start ============= -->
   <div class="main-content">
      <div class="row">
         <div class="card text-left">
            <div class="card-body">
              <form action="" method="POST">
              @csrf
               <div class="row">
                  <div class="col-md-3">
                     <h2 class="mb-3" style="font-weight:700">Roles and Permission</h2>
                  </div>
                  @if ($ADD_ACCESS)
                  <div class="col-md-9">
                     <div class="" style="text-align:right">
                        <ul class="employee-top-btns">
                           <li>
                              <a href="{{url('/admin/roles/create')}}" class="btn btn-blue text-white bg-blue">
                              <i class="fa fa-plus"></i> New Role 
                              </a>
                           </li>
                        </ul>
                     </div>
                  </div>
                  @endif
               </div>  
               @if ($VIEW_ACCESS)         
               <div id="empResult">
                @include('admin.roles.ajax')
                </div>  
                @endif 
            </form> 
            </div>
         </div>
      </div>
   </div>
</div>

<script>
$(document).ready(function(){
   $(document).on('click', '.status', function (event) {
    
      var id = $(this).attr('data-id');
      var type =$(this).attr('data-type');
      //  alert(user_id);

      swal({
      // icon: "warning",
      type: "warning",
      title: "Are you Want to Change The Status of This Role?",
      text: "",
      dangerMode: true,
      showCancelButton: true,
      confirmButtonColor: "#007358",
      confirmButtonText: "YES",
      cancelButtonText: "CANCEL",
      closeOnConfirm: false,
      closeOnCancel: false
      },
      function(e){
         if(e==true)
         {
               $.ajax({
                  type:'POST',
                  url: "{{url('/admin/roles/roleStatus')}}",
                  data: {"_token" : "{{ csrf_token() }}",'id':id,'type':type},        
                  success: function (response) {        
                  
                        if(response.success==false)
                        {
                           toastr.error('This Role is Already Assigned to The Users');
                        }
                     if (response.success) { 
                           // window.setTimeout(function(){
                           //    location.reload();
                           // },2000);
                           // toastr.success("Status Changed Successfully");

                           if(response.type=='enable')
                           {
                              $('table.roleTable tr').find("[data-ac='" + id + "']").fadeIn("slow");
                              $('table.roleTable tr').find("[data-ac='" + id + "']").removeClass("d-none");

                              $('table.roleTable tr').find("[data-dc='" + id + "']").fadeOut("slow");

                              $('table.roleTable tr').find("[data-dc='" + id + "']").addClass("d-none");

                              $('table.roleTable tr').find("[data-a='" + id + "']").fadeOut("slow");
                              $('table.roleTable tr').find("[data-a='" + id + "']").addClass("d-none");

                              $('table.roleTable tr').find("[data-d='" + id + "']").fadeIn("slow");

                              $('table.roleTable tr').find("[data-d='" + id + "']").removeClass("d-none");

                              
                           }
                           else if(response.type=='disable')
                           {
                              $('table.roleTable tr').find("[data-dc='" + id + "']").fadeIn("slow");
                              $('table.roleTable tr').find("[data-dc='" + id + "']").removeClass("d-none");

                              $('table.roleTable tr').find("[data-ac='" + id + "']").fadeOut("slow");

                              $('table.roleTable tr').find("[data-ac='" + id + "']").addClass("d-none");

                              $('table.roleTable tr').find("[data-d='" + id + "']").fadeOut("slow");
                              $('table.roleTable tr').find("[data-d='" + id + "']").addClass("d-none");

                              $('table.roleTable tr').find("[data-a='" + id + "']").fadeIn("slow");

                              $('table.roleTable tr').find("[data-a='" + id + "']").removeClass("d-none");
                           }
                     } 
                     else {
                           
                     }

                     swal.close();
                     
                  },
                  error: function (xhr, textStatus, errorThrown) {
                     // alert("Error: " + errorThrown);
                  }
                  
               });
         }
         else
         {
               swal.close();
         }
      });

   });
   
   $(document).on('click','.deleteBtn',function(){
      var _this=$(this);
      // var result=confirm("Are You Sure You Want to Delete?");
      var id = $(this).data('id');

      swal({
            // icon: "warning",
            type: "warning",
            title: "Are You Sure You Want to Delete?",
            text: "",
            dangerMode: true,
            showCancelButton: true,
            confirmButtonColor: "#007358",
            confirmButtonText: "YES",
            cancelButtonText: "CANCEL",
            closeOnConfirm: false,
            closeOnCancel: false
            },
            function(e){
               if(e==true)
               {
                  _this.addClass('disabled-link');
                  $.ajax({
                     type: "POST",
                     dataType: "json",
                     url: "{{url('/admin/roles/delete')}}",
                     data: {"_token": "{{ csrf_token() }}",'id': id},
                     success: function(data){
                        console.log(data);
                        window.setTimeout(function(){
                           _this.removeClass('disabled-link');
                        },2000);
                        if(data.success==false)
                        {
                           toastr.error('This Role is Already Assigned to The Users');
                        }
                        else if(data.success==true)
                        {
                           toastr.success('Role Deleted Successfully');
                           window.setTimeout(function(){
                                 window.location.reload();
                           },2000);
                        }
                     },
                     error : function(response)
                     {
                           console.log(response);
                     }
                  });
                  swal.close();
               }
               else
               {
                  swal.close();
               }
            }
      );
   });
});


</script>
@endsection