@extends('layouts.master')

@section('title', 'Periode')

@section('breadcrumb')
    <div class="row mb-2">
        <div class="col-sm-6">
            <h1 class="m-0">Pengguna</h1>
        </div>
        <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="#">Home</a></li>
                <li class="breadcrumb-item active">Pengguna</li>
            </ol>
        </div>
    </div>
@endsection

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="card card-primary card-outline card-tabs">
                    <div class="card-header p-0 pt-1 border-bottom-0">
                    <ul class="nav nav-tabs" id="custom-tabs-three-tab" role="tablist">
                @if ( Auth::user()->role->id==2)
                    <li class="nav-item">
                    <a class="nav-link active" id="custom-tabs-three-home-tab" data-toggle="pill" href="#custom-tabs-three-home" role="tab" aria-controls="custom-tabs-three-home" aria-selected="true">Admin OPD</a>
                    </li>
                    <li class="nav-item">
                    <a class="nav-link" id="custom-tabs-three-profile-tab" data-toggle="pill" href="#custom-tabs-three-profile" role="tab" aria-controls="custom-tabs-three-profile" aria-selected="false">Admin Intansi</a>
                    </li>
                @endif
                    <li class="nav-item">
                    <a class="nav-link" id="custom-tabs-three-messages-tab" data-toggle="pill" href="#custom-tabs-three-messages" role="tab" aria-controls="custom-tabs-three-messages" aria-selected="false">Evaluator Internal</a>
                    </li>
                @if ( Auth::user()->role->id==2)
                    <li class="nav-item">
                    <a class="nav-link" id="custom-tabs-three-settings-tab" data-toggle="pill" href="#custom-tabs-three-settings" role="tab" aria-controls="custom-tabs-three-settings" aria-selected="false">Evaluator External</a>
                    </li>
                @endif

                    </ul>
                    </div>
                    <div class="card-body">
                        <div class="tab-content" id="custom-tabs-three-tabContent">
                    @if ( Auth::user()->role->id==2)
                            <div class="tab-pane fade active show" id="custom-tabs-three-home" role="tabpanel" aria-labelledby="custom-tabs-three-home-tab">
                                <div class="card-header text-right">
                                    <a id="addOPD" class="btn btn-primary">
                                        <i class="fa fa-plus-circle"></i> Admin OPD
                                    </a>
                                </div>
                            <table id="tableOPD" class="table table-bordered table-hover dataTable dtr-inline" role="grid"
                                style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th width="30" class="text-center">No</th>
                                        <th  class="text-center">Username</th>
                                        <th  class="text-center">OPD</th>
                                        <th  class="text-center">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($data->where('role_id',3) as $opd)
                                    <tr>
                                        <td>{{$loop->index+1}}</td>
                                        <td>{{$opd->username}}</td>
                                        <td>{{$opd->opd->nama_skpd}}</td>
                                        <td>
                                            <a class="btn btn-xs btn-sm  btn-outline-warning reset" nama="{{$opd->name}}"  id="{{$opd->id}}"  ><i class="fa fa-key"></i> Reset Password</a>
                                            <a class="btn btn-xs btn-sm btn-outline-danger samar" nama="{{$opd->opd->nama_skpd}}"  id="{{$opd->id}}" ><i class="fa fa-user-secret"></i> Menyamar</a>
                                            <a class="btn btn-xs btn-sm btn-outline-info esr" nama="{{$opd->opd->nama_skpd}}"  id="{{$opd->opd->id_skpd}}" esr_username="{{$opd->opd->esr_username}}" esr_password="{{$opd->opd->esr_password}}" ><i class="fa fa-globe"></i> ESR</a>
                                            <a class="btn btn-xs btn-sm btn-outline-danger hapus" nama="{{$opd->opd->nama_skpd}}"  id="{{$opd->id}}" ><i class="fa fa-trash"></i> Hapus</a>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            </div>
                       

                            <div class="tab-pane fade" id="custom-tabs-three-profile" role="tabpanel" aria-labelledby="custom-tabs-three-profile-tab">
                                <div class="card-header text-right">
                                    <a id="addIns" class="btn btn-primary">
                                        <i class="fa fa-plus-circle"></i> Admin Instansi
                                    </a>
                                </div>
                                <table id="tableIns" class="table table-bordered table-hover dataTable dtr-inline" role="grid"
                                style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th width="30" class="text-center">No</th>
                                        <th  class="text-center">Nama</th>
                                        <th  class="text-center">Username</th>
                                        <th  class="text-center">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($data->where('role_id',4) as $ins)
                                    <tr>
                                        <td>{{$loop->index+1}}</td>
                                        <td>{{$ins->name}}</td>
                                        <td>{{$ins->username}}</td>
                                        <td>
                                            <a class="btn btn-xs btn-sm  btn-outline-warning reset" nama="{{$ins->name}}"  id="{{$ins->id}}"  ><i class="fa fa-key"></i> Reset Password</a>
                                            <a class="btn btn-xs btn-sm btn-outline-danger samar" nama="{{$ins->name}}"  id="{{$ins->id}}"  ><i class="fa fa-user-secret"></i> Menyamar</a>
                                            <a class="btn btn-xs btn-sm btn-outline-danger hapus" nama="{{$ins->name}}"  id="{{$ins->id}}" ><i class="fa fa-trash"></i> Hapus</a>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            </div>
                         @endif
                            <div class="tab-pane fade {{Auth::user()->role->id=='5'? "active show":'' }}" id="custom-tabs-three-messages" role="tabpanel" aria-labelledby="custom-tabs-three-messages-tab">
                                <div class="card-header text-right">
                                    <a id="addEvInt" class="btn btn-primary">
                                        <i class="fa fa-plus-circle"></i> Evaluator Internal
                                    </a>
                                </div>
                                <table id="tableEvInt" class="table table-bordered table-hover dataTable dtr-inline" role="grid"
                                style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th width="30" class="text-center">No</th>
                                        <th  class="text-center">Nama</th>
                                        <th  class="text-center">Evaluator OPD</th>
                                        <th  class="text-center">Username</th>
                                        <th  class="text-center">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($internal as $ins)
                                    <tr>
                                        <td>{{$loop->index+1}}</td>
                                        <td>{{$ins->name}}</td>
                                    @if ($ins->id==5)
                                        <td>Semua OPD</td>
                                    @else
                                        <td>
                                            @foreach ($ins->verifikator as $verif)
                                              <li> {{$verif->opd->nama_skpd}}</li> 
                                            @endforeach
                                        </td>
                                    @endif
                                        
                                        <td>{{$ins->username}}</td>
                                        <td>
                                            <a class="btn btn-xs btn-sm  btn-outline-warning reset" nama="{{$ins->name}}"  id="{{$ins->id}}"  ><i class="fa fa-key"></i> Reset Password</a>
                                            <a class="btn btn-xs btn-sm  btn-outline-info ubahpj" nama="{{$ins->name}}"  id="{{$ins->id}}"  ><i class="fa fa-home"></i> Ubah OPD</a>
                                            <a class="btn btn-xs btn-sm btn-outline-danger samar" nama="{{$ins->name}}"  id="{{$ins->id}}" ><i class="fa fa-user-secret"></i> Menyamar</a>
                                            <a class="btn btn-xs btn-sm btn-outline-danger hapus" nama="{{$ins->name}}"  id="{{$ins->id}}" ><i class="fa fa-trash"></i> Hapus</a>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            </div>
                        
                        @if ( Auth::user()->role->id==2)
                            <div class="tab-pane fade" id="custom-tabs-three-settings" role="tabpanel" aria-labelledby="custom-tabs-three-settings-tab">
                                <div class="card-header text-right">
                                    <a id="addEvExt" class="btn btn-primary">
                                        <i class="fa fa-plus-circle"></i> Evaluator External
                                    </a>
                                </div>
                                <table id="tableEvExt" class="table table-bordered table-hover dataTable dtr-inline" role="grid"
                                style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th width="30" class="text-center">No</th>
                                        <th  class="text-center">Nama</th>
                                        <th  class="text-center">Username</th>
                                        <th  class="text-center">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($data->where('role_id',5) as $ins)
                                    <tr>
                                        <td>{{$loop->index+1}}</td>
                                        <td>{{$ins->name}}</td>
                                        <td>{{$ins->username}}</td>
                                        <td>
                                            <a class="btn btn-xs btn-sm  btn-outline-warning reset" nama="{{$ins->name}}"  id="{{$ins->id}}"  ><i class="fa fa-key"></i> Reset Password</a>
                                            <a class="btn btn-xs btn-sm btn-outline-danger samar" nama="{{$ins->name}}"  id="{{$ins->id}}" ><i class="fa fa-user-secret"></i> Menyamar</a>
                                            <a class="btn btn-xs btn-sm btn-outline-danger hapus" nama="{{$ins->name}}"  id="{{$ins->id}}" ><i class="fa fa-trash"></i> Hapus</a>

                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            </div>
                        @endif
                        </div>
                     </div>
                    </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modalOpd">
        <div class="modal-dialog modal-m">
          <div class="modal-content">
            <div class="modal-header">
              <h4 class="modal-title">Admin OPD</h4>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>OPD</label>
                    <select name="id_opd" id="id_opd" class="form-control" style="width: 100%;">
                        @foreach ($opds as $opd)
                            <option value="{{ $opd->id_skpd }}">{{ $opd->nama_skpd }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label>Username</label>
                    <input type="text" name="usernameOPD" id="usernameOPD" class="form-control">
                </div>
                <div class="form-group">
                    <label>Password</label>
                    <input type="password" name="passwordOPD" id="passwordOPD" class="form-control">
                </div>
                <div class="form-group">
                    <label>Konfirmasi Password</label>
                    <input type="password" name="passwordKonfirmasiOPD" id="passwordKonfirmasiOPD" class="form-control">
                </div>
            </div>
            <div class="modal-footer justify-content-between">
                <a  id="simpanOpd" class="btn btn-success">Simpan</a>
              </div>
          </div>
        </div>
      </div>

      <div class="modal fade" id="modalAdmin">
        <div class="modal-dialog modal-m">
          <div class="modal-content">
            <div class="modal-header">
              <h4 class="modal-title">Admin</h4>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
                <input type="hidden" id="role_id">
                <input type="hidden" id="userable_id">
                <div class="form-group">
                    <label>Nama Pengguna</label>
                    <input type="text" name="namaAdmin" id="namaAdmin" class="form-control">
                </div>
                <div class="form-group">
                    <label>Username</label>
                    <input type="text" name="usernameAdmin" id="usernameAdmin" class="form-control">
                </div>
                <div class="form-group">
                    <label>Password</label>
                    <input type="password" name="passwordAdmin" id="passwordAdmin" class="form-control">
                </div>
                <div class="form-group">
                    <label>Konfirmasi Password</label>
                    <input type="password" name="passwordKonfirmasiAdmin" id="passwordKonfirmasiAdmin" class="form-control">
                </div>
            </div>
            <div class="modal-footer justify-content-between">
                <a  id="simpanAdmin" class="btn btn-success">Simpan</a>
              </div>
          </div>
        </div>
      </div>

      <div class="modal fade" id="modalInternal">
        <div class="modal-dialog modal-m">
          <div class="modal-content">
            <div class="modal-header">
              <h4 class="modal-title">Evaluator Internal</h4>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
                <input type="hidden" id="role_idInternal">
                <input type="hidden" id="userable_idInternal">
                <div class="form-group">
                    <label>Nama Pengguna</label>
                    <input type="text" name="namaInternal" id="namaInternal" class="form-control">
                </div>
                <div class="form-group">
                    <label>Evaluator Untuk OPD</label>
                    <select name="opdInternal" id="opdInternal" class="form-control" style="width: 100%;" multiple>
                        @foreach ($opds as $opd)
                            <option value="{{ $opd->id_skpd }}">{{ $opd->nama_skpd }} </option> 
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label>Username</label>
                    <input type="text" name="usernameInternal" id="usernameInternal" class="form-control">
                </div>
                <div class="form-group">
                    <label>Password</label>
                    <input type="password" name="passwordInternal" id="passwordInternal" class="form-control">
                </div>
                <div class="form-group">
                    <label>Konfirmasi Password</label>
                    <input type="password" name="passwordKonfirmasiInternal" id="passwordKonfirmasiInternal" class="form-control">
                </div>
            </div>
            <div class="modal-footer justify-content-between">
                <a  id="simpanInternal" class="btn btn-success">Simpan</a>
              </div>
          </div>
        </div>
      </div>


      <div class="modal fade" id="modalInternalUbah">
        <div class="modal-dialog modal-m">
          <div class="modal-content">
            <div class="modal-header">
              <h4 class="modal-title">Ubah Evaluator OPD</h4>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
                <input type="hidden" id="user_idInternalUbah">
                <div class="form-group">
                    <label>Nama Pengguna</label>
                    <input type="text" readonly="readonly" name="namaInternalUbah" id="namaInternalUbah" class="form-control">
                </div>
                <div class="form-group">
                    <label>Evaluator Untuk OPD</label>
                    <select name="opdInternalUbah" id="opdInternalUbah" class="form-control" style="width: 100%;" multiple>
                        @foreach ($opds as $opd)
                            <option value="{{ $opd->id_skpd }}">{{ $opd->nama_skpd }} </option> 
                        @endforeach
                    </select>
                </div>
            <div class="modal-footer justify-content-between">
                <a  id="simpanInternalUbah" class="btn btn-success">Simpan</a>
              </div>
          </div>
        </div>
      </div>
      </div>


      <div class="modal fade" id="modalEsr">
        <div class="modal-dialog modal-m">
          <div class="modal-content">
            <div class="modal-header">
              <h4 class="modal-title">Akun ESR</h4>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
                <input type="hidden" id="role_id">
                <input type="hidden" id="userable_id">
                <div class="form-group">
                    <label>Username ESR</label>
                    <input type="hidden" name="id_skpdEsr" id="id_skpdEsr" class="form-control">
                    <input type="text" name="esr_username" id="esr_username" class="form-control">
                </div>
                <div class="form-group">
                    <label>Password ESR</label>
                    <input type="text" name="esr_password" id="esr_password" class="form-control">
                </div>
            </div>
            <div class="modal-footer justify-content-between">
                <a  id="simpanEsr" class="btn btn-success">Simpan</a>
              </div>
          </div>
        </div>
      </div>


@endsection

@section('css')
    <style>

    </style>
@endsection

@section('js')

<script>

$(document).on('click', '.esr', function(){
        var modalSub = $('#modalEsr');
        $('#esr_username').val($(this).attr("esr_username"));
        $('#esr_password').val($(this).attr("esr_password"));
        $('#id_skpdEsr').val($(this).attr("id"));
        modalSub.modal({backdrop: 'static', keyboard: false}) 
        modalSub.modal('show');
    });

    $(document).on('click', '#addOPD', function(){
        var modalSub = $('#modalOpd');
        modalSub.modal({backdrop: 'static', keyboard: false}) 
        modalSub.modal('show');
    }); 
    $(document).on('click', '#addEvInt', function(){
        $('#role_idInternal').val('8');
        $('#userable_idInternal').val('33');
        var modalSub = $('#modalInternal');
        modalSub.modal({backdrop: 'static', keyboard: false}) 
        modalSub.modal('show');
    });
    $(document).on('click', '.ubahpj', function(){
        var userid = $(this).attr("id");
        $('#user_idInternalUbah').val(userid);
        $('#namaInternalUbah').val($(this).attr("nama"));
        $.ajax({
              url:"{{ route('kendali.users.getOpdEvaluator') }}",
              type:'POST',
              dataType: 'json',
              cache: false,
              data:{
                user_id:userid,
                _token: "{{ csrf_token() }}"
                  },
                  success: function(data){
                    $('#opdInternalUbah').val(data).change();
                  }
          }); 

        var modalSub = $('#modalInternalUbah');
        modalSub.modal({backdrop: 'static', keyboard: false}) 
        modalSub.modal('show');
    });



    $(document).on('click', '#addEvExt', function(){
        $('#role_id').val('6');
        $('#userable_id').val('-2');
        var modalSub = $('#modalAdmin');
        modalSub.modal({backdrop: 'static', keyboard: false}) 
        modalSub.modal('show');
        modalSub.find('.modal-title').text('Evaluator External') 
    });
    $(document).on('click', '#addIns', function(){
        $('#role_id').val('4');
        $('#userable_id').val('-1');
        var modalSub = $('#modalAdmin');
        modalSub.modal({backdrop: 'static', keyboard: false}) 
        modalSub.modal('show');
        modalSub.find('.modal-title').text('Admin Instansi') 
    });

    
       
</script>

{{-- simpanAdmin --}}

<script>
    $(document).on('click', '#simpanOpd', function(){
var userable_id= $('#id_opd').val();
var name= $('#id_opd').select2('data')[0].text;
var username = $('#usernameOPD').val();
var password = $('#passwordOPD').val();
var passwordKonfirmasiOPD =  $('#passwordKonfirmasiOPD').val();
console.log(name);
if (password!==passwordKonfirmasiOPD || password=='' ) {
    Swal.fire({
            icon: 'error',
            title: 'Perhatian',
            text: 'Password harus lebih dari 6 karakter / konfirmasi password salah!!',
        });
        return false;
}

       
    swalWithBootstrapButtons.fire({
      title:'Menambahkan Pengguna'+' '+ name+' '+ '?',
      icon: 'warning',
      showCancelButton: true,
      cancelButtonText: 'Batal',
      confirmButtonText: 'Yakin',
      reverseButtons: true
      }).then((result) => {
          if (result.isConfirmed) {
              $.ajax({
              url:"{{ route('kendali.users.addUser') }}",
              type:'POST',
              dataType: 'json',
              cache: false,
              data:{
                name:name,
                password:password,
                username:username,
                userable_id:userable_id,
                role_id:3,
                _token: "{{ csrf_token() }}"
                  },
                  success: function(data){
                      if (data['status']==1) {
                            window.location.reload();
                          }else{
                              Swal.fire({
                                  icon: 'error',
                                  title: 'Gagal Menyamar',
                                  text: data['pesan']
                              });
                          }
                  }
          });       
      }
  })      
});
</script>

<script>
    $(document).on('click', '#simpanInternal', function(){
    var userable_id= $('#userable_idInternal').val();
    var name= $('#namaInternal').val();
    var username = $('#usernameInternal').val();
    var password = $('#passwordInternal').val();
    var role_id =  $('#role_idInternal').val();
    var opd =$("#opdInternal").select2("val");
    console.log(opd);
    var passwordKonfirmasiInternal =  $('#passwordKonfirmasiInternal').val();
    console.log(password);
    if (password!==passwordKonfirmasiInternal || password=='' ) {
        Swal.fire({
                icon: 'error',
                title: 'Perhatian',
                text: 'Password harus lebih dari 6 karakter / konfirmasi password salah!!',
            });
            return false;
    }

       
    swalWithBootstrapButtons.fire({
      title:'Menambahkan Pengguna'+' '+ name+' '+ '?',
      icon: 'warning',
      showCancelButton: true,
      cancelButtonText: 'Batal',
      confirmButtonText: 'Yakin',
      reverseButtons: true
      }).then((result) => {
          if (result.isConfirmed) {
              $.ajax({
              url:"{{ route('kendali.users.addUser') }}",
              type:'POST',
              dataType: 'json',
              cache: false,
              data:{
                name:name,
                password:password,
                username:username,
                userable_id:userable_id,
                opd:opd,
                role_id:role_id,
                _token: "{{ csrf_token() }}"
                  },
                  success: function(data){
                      if (data['status']==1) {
                            window.location.reload();
                          }else{
                              Swal.fire({
                                  icon: 'error',
                                  title: 'Gagal Menyamar',
                                  text: data['pesan']
                              });
                          }
                  }
          });       
      }
    })      
});

$(document).on('click', '#simpanInternalUbah', function(){
    var userid= $('#user_idInternalUbah').val();
    var name= $('#namaInternal').val();
    var opd =$("#opdInternalUbah").select2("val");
     
    swalWithBootstrapButtons.fire({
      title:'Menambahkan Pengguna'+' '+ name+' '+ '?',
      icon: 'warning',
      showCancelButton: true,
      cancelButtonText: 'Batal',
      confirmButtonText: 'Yakin',
      reverseButtons: true
      }).then((result) => {
          if (result.isConfirmed) {
              $.ajax({
              url:"{{ route('kendali.users.ubahOpdInternal') }}",
              type:'POST',
              dataType: 'json',
              cache: false,
              data:{
                userid:userid,
                opd:opd,
                _token: "{{ csrf_token() }}"
                  },
                  success: function(data){
                      if (data['status']==1) {
                            window.location.reload();
                          }else{
                              Swal.fire({
                                  icon: 'error',
                                  title: 'Gagal Menyamar',
                                  text: data['pesan']
                              });
                          }
                  }
          });       
      }
    })      
});

$(document).on('click', '#simpanEsr', function(){
    var esr_username= $('#esr_username').val();
    var esr_password= $('#esr_password').val();
    var id_skpd = $('#id_skpdEsr').val();
     
    swalWithBootstrapButtons.fire({
      title:'Simpan Data'+ '?',
      icon: 'warning',
      showCancelButton: true,
      cancelButtonText: 'Batal',
      confirmButtonText: 'Yakin',
      reverseButtons: true
      }).then((result) => {
          if (result.isConfirmed) {
              $.ajax({
              url:"{{ route('kendali.users.esrUpdateAkun') }}",
              type:'POST',
              dataType: 'json',
              cache: false,
              data:{
                esr_username:esr_username,
                esr_password:esr_password,
                id_skpd:id_skpd,
                _token: "{{ csrf_token() }}"
                  },
                  success: function(data){
                      if (data['status']==1) {
                            window.location.reload();
                          }else{
                              Swal.fire({
                                  icon: 'error',
                                  title: 'Gagal Menyamar',
                                  text: data['pesan']
                              });
                          }
                  }
          });       
      }
    })      
});

</script>

<script>    
    $(document).on('click', '#simpanAdmin', function(){
    var userable_id= $('#userable_id').val();
    var name= $('#namaAdmin').val();
    var username = $('#usernameAdmin').val();
    var password = $('#passwordAdmin').val();
    var role_id =  $('#role_id').val();
    var passwordKonfirmasiAdmin =  $('#passwordKonfirmasiAdmin').val();
    console.log(password);
    console.log(passwordKonfirmasiAdmin);
    if (password!==passwordKonfirmasiAdmin || password=='' ) {
        Swal.fire({
                icon: 'error',
                title: 'Perhatian',
                text: 'Password harus lebih dari 6 karakter / konfirmasi password salah!!',
            });
            return false;
    }

       
    swalWithBootstrapButtons.fire({
      title:'Menambahkan Pengguna'+' '+ name+' '+ '?',
      icon: 'warning',
      showCancelButton: true,
      cancelButtonText: 'Batal',
      confirmButtonText: 'Yakin',
      reverseButtons: true
      }).then((result) => {
          if (result.isConfirmed) {
              $.ajax({
              url:"{{ route('kendali.users.addUser') }}",
              type:'POST',
              dataType: 'json',
              cache: false,
              data:{
                name:name,
                password:password,
                username:username,
                userable_id:userable_id,
                role_id:role_id,
                _token: "{{ csrf_token() }}"
                  },
                  success: function(data){
                      if (data['status']==1) {
                            window.location.reload();
                          }else{
                              Swal.fire({
                                  icon: 'error',
                                  title: 'Gagal Menyamar',
                                  text: data['pesan']
                              });
                          }
                  }
          });       
      }
  })      
});
</script>





<script>
    $(document).on('click', '.reset', function(){
        var userid = $(this).attr('id');
        var nama_opd = $(this).attr('nama');
       
    swalWithBootstrapButtons.fire({
        html:
    'Password baru: <br><b>password</b><br> '  +
    'Reset Password '+ nama_opd+'?',
      icon: 'warning',
      showCancelButton: true,
      cancelButtonText: 'Batal',
      confirmButtonText: 'Yakin',
      reverseButtons: true
      }).then((result) => {
          if (result.isConfirmed) {
              $.ajax({
              url:"{{ route('kendali.users.resetPwd') }}",
              type:'POST',
              dataType: 'json',
              cache: false,
              data:{
                  userid:userid,
                  _token: "{{ csrf_token() }}"
                  },
                  success: function(data){
                      if (data['status']==1) {
                        window.location.reload();
                          }else{
                              Swal.fire({
                                  icon: 'error',
                                  title: 'Gagal Menyamar',
                                  text: data['pesan']
                              });
                          }
                  }
          });       
      }
  })      
});
</script>



<script>
     $(document).on('click', '.hapus', function(){;
            var userid = $(this).attr('id');
            var nama = $(this).attr('nama');
           
        swalWithBootstrapButtons.fire({
          title:'Menghapus Pengguna'+' '+ nama+' '+ '?',
          icon: 'danger',
          showCancelButton: true,
          cancelButtonText: 'Batal',
          confirmButtonText: 'Yakin',
          reverseButtons: true
          }).then((result) => {
              if (result.isConfirmed) {
                  $.ajax({
                  url:"{{ route('kendali.users.aktif') }}",
                  type:'POST',
                  dataType: 'json',
                  cache: false,
                  data:{
                      userid:userid,
                      _token: "{{ csrf_token() }}"
                      },
                      success: function(data){
                          if (data['status']==1) {
                            window.location.href =data['pesan'];
                              }else{
                                  Swal.fire({
                                      icon: 'error',
                                      title: 'Gagal Menyamar',
                                      text: data['pesan']
                                  });
                              }
                      }
              });       
          }
      })      
    });
 </script> 

   

<script>
        $(document).on('click', '.samar', function(){;
            var userid = $(this).attr('id');
            var nama_opd = $(this).attr('nama');
           
        swalWithBootstrapButtons.fire({
          title:'Menyamar Sebagai'+' '+ nama_opd+' '+ '?',
          icon: 'warning',
          showCancelButton: true,
          cancelButtonText: 'Batal',
          confirmButtonText: 'Yakin',
          reverseButtons: true
          }).then((result) => {
              if (result.isConfirmed) {
                  $.ajax({
                  url:"{{ route('kendali.users.menyamar') }}",
                  type:'POST',
                  dataType: 'json',
                  cache: false,
                  data:{
                      userid:userid,
                      _token: "{{ csrf_token() }}"
                      },
                      success: function(data){
                          if (data['status']==1) {
                            window.location.href =data['pesan'];
                              }else{
                                  Swal.fire({
                                      icon: 'error',
                                      title: 'Gagal Menyamar',
                                      text: data['pesan']
                                  });
                              }
                      }
              });       
          }
      })      
    });
</script>
    <script>
         $('#tableOPD').DataTable({});
         $('#tableIns').DataTable({});
         $('#tableEvInt').DataTable({});
         $('#tableEvExt').DataTable({});
    </script>
    <script>
        $('#id_opd').select2({
            theme: 'bootstrap4',
            placeholder: 'Pilih Status'
        });
        $('#opdInternal').select2({
            theme: 'bootstrap4',
        });
        $('#opdInternalUbah').select2({
            theme: 'bootstrap4',
        });
    </script>


@endsection