@extends('layouts.main')
@section('title')
  Otoritas Fitur |
@endsection
@section('css')
  <style>
  .badge{
    padding: 7px 10px;
    margin-bottom:3px;
  }
  .modal-table .table thead tr th{
    border-top: none;
    padding: 10px 10px;
    border-bottom: 3px solid #d9dce5
  }

  .modal-table thead tr:first-child th:first-child,
  .modal-table tbody tr td:first-child{
    padding-left:30px
  }

  .modal-table thead tr:first-child th:last-child,
  .modal-table tbody tr td:last-child{
    padding-right:30px
  }
  </style>
@endsection
@section('breadcrumb')
  <h4 class="mg-b-0 tx-spacing--1">Otoritas Fitur</h4>
  <nav aria-label="breadcrumb">
    <ol class="breadcrumb breadcrumb-style2 mg-t-10">
      <li class="breadcrumb-item"><a href="">Manajemen User</a></li>
      <li class="breadcrumb-item active" aria-current="page">Otoritas Fitur</li>
    </ol>
  </nav>
@endsection
@section('content')
  <div class="card card-table rounded-10 mg-t-50px">
    <div class="card-body">
      <div class="pd-30">
        <div class="row">
          <div class="col-md-4">
            <form action="">
              <select class="select2" name="hak_akses" style="width:100%" onchange="javascript:submit()">
                @foreach ($data['hak_akses'] as $key => $value)
                  <option value="{{$value->id}}" {{($hak_akses==$value->id ? 'selected' : '')}} >{{$value->hak_akses}}</option>
                @endforeach
              </select>
            </form>
          </div>
        </div>
      </div>
      <table class="table table-hover table-vertical-middle">
        <thead class="thead-light">
          <tr>
            <th width="30px">No</th>
            <th width="200px">Nama Modul</th>
            <th class="pd-r-20" >Nama Fitur</th>
            <th style="width:100px;text-align:center">Non Aktif</th>
            <th style="width:100px;text-align:center">Akses Penuh</th>
            <th style="width:100px;text-align:center">Akses Pribadi</th>
            <th style="width:100px;text-align:center">Akses Lokasi Kerja</th>
          </tr>
        </thead>
        <tbody>
          @foreach ($data['fitur'] as $key => $value)
            <tr>
              <td style="text-align:left">{{$key+1}}</td>
              <td>{{ $value->modul }}</td>
              <td>{{ $value->nama_fitur }}</td>
              <td style="text-align:center">
                <input type="radio" name="fitur_modul_{{ $value->id }}" @if(GlobalHelper::otoritasFitur(Session::get('useractive')->fid_hak_akses,'16.1') != 0 ) onclick="proses_otoritas_fitur_modul(0,{{ $value->id }})" @else disabled @endif {{ $value->otoritas == 0 ? 'checked' : null }} >
              </td>
              <td style="text-align:center">
                <input type="radio" name="fitur_modul_{{ $value->id }}" @if(GlobalHelper::otoritasFitur(Session::get('useractive')->fid_hak_akses,'16.1') != 0 ) onclick="proses_otoritas_fitur_modul(1,{{ $value->id }})" @else disabled @endif {{ $value->otoritas == 1 ? 'checked' : null }} >
              </td>
              <td style="text-align:center">
                <input type="radio" name="fitur_modul_{{ $value->id }}" @if(GlobalHelper::otoritasFitur(Session::get('useractive')->fid_hak_akses,'16.1') != 0 ) onclick="proses_otoritas_fitur_modul(2,{{ $value->id }})" @else disabled @endif {{ $value->otoritas == 2 ? 'checked' : null }} >
              </td>
              <td style="text-align:center">
                <input type="radio" name="fitur_modul_{{ $value->id }}" @if(GlobalHelper::otoritasFitur(Session::get('useractive')->fid_hak_akses,'16.1') != 0 ) onclick="proses_otoritas_fitur_modul(3,{{ $value->id }})" @else disabled @endif {{ $value->otoritas == 3 ? 'checked' : null }} >
              </td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>


@endsection
@section('js')
  <script>
  function proses_otoritas_fitur_modul(otoritas, fitur) {
    $.ajax({
      url: '{{ route('proses_otoritas_fitur') }}',
      type: 'POST',
      data: {
        _token: "{{ csrf_token() }}",
        fitur: fitur,
        action:'edit',
        hak_akses: {{ $hak_akses }},
        nama_hak_akses : '{{ $data['detail']->hak_akses }}',
        otoritas: otoritas
      },
      success: function (response) {
        console.log("Update sukses:", response);
        // kalau mau kasih notifikasi
        // toastr.success("Otoritas berhasil diperbarui");
      },
      error: function (xhr) {
        console.error("Update gagal:", xhr.responseText);
        // toastr.error("Terjadi kesalahan saat menyimpan otoritas");
      }
    });
  }

  $("#check_all_view").click(function() {
    let isChecked = this.checked;
    $('.view').not(this).each(function() {
      $(this).prop('checked', isChecked);
      let id = $(this).attr('id').split('_')[1];
      proses_otoritas_modul(id);
    });
  });
  </script>
@endsection