@extends('templates.master')

@section('breadcrumb')
  <div class="content content-full">
    <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center py-2">
      <div class="flex-grow-1">
        <h1 class="h3 fw-bold mb-2">
          @php
          $title = "otorisasi mutasi anggota"
          @endphp
          {{ strtoupper($title) }}
        </h1>
      </div>
      <nav class="flex-shrink-0 mt-3 mt-sm-0 ms-sm-3" aria-label="breadcrumb">
        <ol class="breadcrumb breadcrumb-alt">
          <li class="breadcrumb-item">
            <a class="link-fx" href="javascript:void(0)">Dashboard</a>
          </li>
          <li class="breadcrumb-item" aria-current="page">
            {{ ucfirst($title) }}
          </li>
        </ol>
      </nav>
    </div>
  </div>
@endsection

@section('content')
  <div class="block block-rounded">
    <div class="block-header block-header-default">
      <h3 class="block-title">{{ $title }}</h3>
    </div>
    <div class="block-content block-content-full">
      
      <table class="table table-striped" id="example">
        <thead class="thead-light">
          <tr>
            <th>No</th>
          
            <th>No Anggota</th>
            <th>Nama</th>
            <th>Mutasi</th>
            <th>Tgl Mutasi</th>
            <th>AKSI</th>
          </tr>
        </thead>
        <tbody>
            @foreach ($otorisasi as $item)
                <tr>
                    <td>{{ $loop->iteration }}</td>
                  
                    <td>{{ $item['IDANGGOTA'] }}</td>
                    <td>{{ $item['NAMA'] }}</td>
                    <td>{{ ($item['JNMUTASI'] == 2) ? 'PINDAH RUMPUN' : 'KELUAR' }}</td>
                    <td>{{ date('d/m/Y', strtotime($item['TGMUTASI'])) }}</td>
                    <td><button type="button" value="{{ $item['IDANGGOTA'] }}" class="edit_mutasi btn btn-primary"> DETAIL</button></td>
                </tr>
            @endforeach
        </tbody>
      </table>
    </div>
  </div>

  <!-- Edit Modal -->
<div class="modal fade" id="ShowMutasi" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" style="max-width: 50%;" role="document">>
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">{{ strtoupper($title) }}</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <ul id="updateform_errList"></ul>
          <div class="row">
            <div class="col-md-6">
              <div class="form-group mb-4">
                <label>ID ANGGOTA</label>
                <input type="text" id="idanggota" class="name form-control" readonly >
                <input type="text" id="notran" class="name form-control" hidden >    
              </div>
  
              <div class="form-group mb-4" id="Buka_rumpun">
                <label>NAMA ANGGOTA</label>
                <input type="text" id="nama" class="name form-control" readonly >
              </div>
  
              <div class="form-group mb-4">
                <label>MAJELIS</label>
                <input type="text" id="idmajelis" class="name form-control" readonly >
              </div>
  
              <div class="form-group mb-4" id="Buka_rumpun">
                <label>MUTASI</label>
                <input type="text" id="jnmutasi" class="name form-control" readonly>
              </div>
  
            </div>

            <div class="col-md-6">
              <div class="form-group mb-4">
                <label>PETUGAS</label>
                <input type="text" id="idpetugas" class="name form-control" readonly>
              </div>

              <div class="form-group mb-4" id="Buka_rumpun">
                <label>TGL. MUTASI</label>
                <input type="text" id="tgmutasi" class="name form-control" readonly>
              </div>

              <div class="form-group mb-4">
                <label>PENYEBAB</label>
                <input type="text" id="jnsebab" class="name form-control" readonly>
                    
              </div>

              <div class="form-group mb-4" id="Buka_rumpun">
                <label>KETERANGAN</label>
                <input type="text" id="ketera" class="name form-control" readonly>
              </div>
            </div>

            <div class="form-group mb-4">
              <label>MAJELIS BARU</label>
              <input type="text" id="idmajbaru" class="name form-control" readonly>
              <input type="text" id="idmajbar" class="name form-control" hidden>
            </div>

            <div class="form-group mb-4">
              <label>DESA</label>
              <input type="text" id="desa" class="name form-control" readonly>
            </div>

            <div class="form-group mb-4">
              <label>KECAMATAN</label>
              <input type="text" id="kecamatan" class="name form-control" readonly>
            </div>
          
            <div class="form-group mb-4">
              <label>KAB/KOTA</label>
              <input type="text" id="kabupaten" class="name form-control" readonly>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-danger update_batal">BATAL</button>
            <button type="button" class="btn btn-success update_setujui">SETUJU</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- End Modal Tambah Data -->

<!-- Script -->
<script type='text/javascript'>


$(document).on('click', '.update_setujui', function(e) {
      e.preventDefault();

      $(this).text("UPDATING");
      var id_anggota = $('#idanggota').val();
      var data = {
         'idanggota' : $('#idanggota').val(),
         'idmajbar' : $('#idmajbar').val(),
         'notran' : $('#notran').val(),
      }

      $.ajaxSetup({
      headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
      });
      

      $.ajax({
        type:"PUT",
        url:"{{url('updateMutasiSetuju')}}/{{ session()->get('kantor') }}/"+id_anggota,
        data: data,
        dataType:"json",
        success:function(res)
        { 
          if(res)
          console.log(res);
          {
            
            $('updateform_errList').html("");
            $('success_message').text('Sukses di Update');
            $('#ShowMutasi').modal('hide');
            $('.update_setujui').text("SIMPAN");
            
            //Swal.fire('Berhasil Disetujui..!')
            //Swal.fire('Berhasil Diedit..!')
            Swal.fire({
                title: "Mutasi Disetujui..!",
                type: "success"
            }).then(function() {
                window.location = "{{url('otorisasi-mutasi-anggota')}}/{{ session()->get('kantor') }}";
            });
            
          }
        }
      });
       
    });

    $(document).on('click', '.update_batal', function(e) {
      e.preventDefault();

      $(this).text("CANCEL");
      var id_anggota = $('#idanggota').val();
      var data = {
         'idanggota' : $('#idanggota').val(),
         'idmajbar' : $('#idmajbar').val(),
        
      }
      console.log(data);

      $.ajaxSetup({
      headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
      });
      

      $.ajax({
        type:"GET",
        url:"{{url('MutasiBatal')}}/{{ session()->get('kantor') }}/"+id_anggota,
        data: data,
        dataType:"json",
        success:function(res)
        { 
          if(res)
          console.log(res);
          {
            
            $('updateform_errList').html("");
            $('success_message').text('Sukses di Update');
            $('#ShowMutasi').modal('hide');
            $('.update_batal').text("BATAL");
            
            //Swal.fire('Berhasil Disetujui..!')
            //Swal.fire('Berhasil Diedit..!')
            Swal.fire({
                title: "Batal Mutasi..!",
                type: "success"
            }).then(function() {
                window.location = "{{url('otorisasi-mutasi-anggota')}}/{{ session()->get('kantor') }}";
            });
            
          }
        }
      });
       
    });

$(document).on('click', '.edit_mutasi', function(e) {
      e.preventDefault();
      var id_anggota=$(this).val();
      var no = $('#notran').val();
      //console.log(id_anggota);
      $('#ShowMutasi').modal('show');
      $.ajax({
        type:"GET",
        url:"{{url('getAnggotaEditMutasi')}}/{{ session()->get('kantor') }}/"+id_anggota+"/"+no,
        success:function(res){ 
           //console.log(res);
          if(res){
            $.each(res, function(key, value) {
              $('#idanggota').val(id_anggota);
              $('#notran').val(value.NOTRAN);
              $('#nama').val(value.NAMA);
              $('#idmajelis').val(value.NAMAMAJELIS);
              $('#jnmutasi').val((value.JNMUTASI)== 2 ? 'PINDAH RUMPUN' : 'KELUAR');
              $('#idpetugas').val(value.IDPETUGAS);
              $('#tgmutasi').val(value.TGMUTASI);
              $('#jnsebab').val(value.JNSEBAB);
              $('#ketera').val(value.KETERA);
              $('#idmajbaru').val(value.IDMAJBARU);
              $('#idmajbar').val(value.IDMAJBAR);
              $('#desa').val(value.NAMADESA);
              $('#kecamatan').val(value.NAMAKECAMATAN);
              $('#kabupaten').val(value.NAMAKABUPATEN);

            });
          }

        }
      });
    });

   
</script>
@endsection