@extends('layout.master')

@push('plugin-styles')
  <link href="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.css') }}" rel="stylesheet" />
  <link href="{{ asset('assets/plugins/@mdi/css/materialdesignicons.min.css') }}" rel="stylesheet" />
@endpush

@section('content')
<nav class="page-breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Perusahaan</a></li>
    <li class="breadcrumb-item active" aria-current="page">Metode Bayar</li>
  </ol>
</nav>

<div class="row">
  <div class="col-md-12 grid-margin stretch-card">
    <div class="card">
      <div class="card-body">
        <h6 class="card-title">Data Metode Bayar</h6>
        <div class="table-responsive">
            <table id="datatable-serverside" class="table table-sm" style="width: 100%;">
                <thead>
                    <tr>
                        <th class="kolomNomor">No.</th>
                        <th>Nama</th>
                        <th>COA</th>
                        <th>Tipe Biaya</th>
                        <th>Biaya</th>
                        <th>Rekening Perusahaan</th>
                        <th>Hitung Tutup Kasir</th>
                        <th class="kolomAksi">Aksi</th>
                    </tr>
                </thead>
            </table>
        </div>
      </div>
      <div class="card-footer" style="text-align: right;">
        <button class="btn btn-info btn-custom1" id="tambahMasterMetodeBayar">Tambah Data</button>
      </div>
    </div>
  </div>
</div>

{{-- Modal --}}
<div id="modalMasterMetodeBayar" class="modal fade bd-example-modal-lg" data-bs-backdrop="static">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title h4">Form Master Metode Bayar</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
            </div>
            <div class="modal-body">
                <form id="form_master_metode_bayar" class="forms-sample">
                    <div class="row">
                        <div class="col-12">
                            <div class="mb-3">
                                <label class="form-label">Nama</label>
                                <input type="text" class="form-control required" name="nama" autocomplete="off" placeholder="Nama">
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="mb-3">
                                <label class="form-label">Keterikatan Rekening Perusahaan</label>
                                <select name="keterikatan_rekening_perusahaan" id="keterikatan_rekening_perusahaan" class="form-control required">
                                    <option value="">Silahkan Pilih</option>
                                    <option value="1">YA</option>
                                    <option value="0">TIDAK</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="mb-3">
                                <label class="form-label">COA</label>
                                <select name="coa_id" id="coa_id" class="form-control select2CustomModal" disabled="disabled">
                                    <option value="">Silahkan Pilih</option>
                                    @foreach ($dataCoa as $coa)
                                        <option value="{{ $coa->id }}">{{ $coa->kode_nama }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="mb-3">
                                <label class="form-label">Tipe Biaya</label>
                                <select name="tipe_biaya" id="tipe_biaya" class="form-control">
                                    <option value="">Silahkan Pilih</option>
                                    <option value="persen">Persen</option>
                                    <option value="rupiah">Rupiah</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="mb-3">
                                <label class="form-label">Biaya</label>
                                <input type="text" class="form-control" name="biaya" autocomplete="off" placeholder="Biaya">
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="mb-3">
                                <label class="form-label">Rekening Perusahaan</label>
                                <select name="id_master_rekening_perusahaan" id="id_master_rekening_perusahaan" class="form-control">
                                    <option value="">Silahkan Pilih</option>
                                    @foreach ($dataRekeningPerusahaan as $item)
                                        <option value="{{ $item->id }}">{{ $item->atas_nama." | ".$item->no_rekening." (".$item->nama_bank.")" }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="mb-3">
                                <label class="form-label">Hitung Tutup Kasir</label>
                                <select name="hitung_tutup_kasir" id="hitung_tutup_kasir" class="form-control required">
                                    <option value="">Silahkan Pilih</option>
                                    <option value="1">YA</option>
                                    <option value="0">TIDAK</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="mb-3">
                                <label class="form-label">Validasi Terima Pembayaran</label>
                                <select name="butuh_validasi" id="butuh_validasi" class="form-control required">
                                    <option value="">Silahkan Pilih</option>
                                    <option value="1">YA</option>
                                    <option value="0">TIDAK</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-12" style="text-align: right;">
                            <button type="button" id="btnSimpanMasterMetodeBayar" class="btn btn-primary btn-custom1">Simpan</button>
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Keluar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{{-- Akhiran Modal --}}
@endsection

@push('plugin-scripts')
  <script src="{{ asset('assets/plugins/datatables-net/jquery.dataTables.js') }}"></script>
  <script src="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.js') }}"></script>
@endpush

@push('custom-scripts')
  <script src="{{ asset('assets/js/data-table.js') }}"></script>
  <script src="{{ asset('assets/js/sweet-alert.js') }}"></script>

  <script>
    var URLs = "{{ url('perusahaan/metode-bayar') }}";

    let datatable = $('#datatable-serverside').DataTable({
      lengthMenu: lengthMenuDatatable(),
      processing: true,
      serverSide: true,
      ajax: URLs+'/get-data',
      columns: [
        {data: 'DT_RowIndex', name: 'id', searchable: false},
        {data: 'nama', name: 'nama'},
        {data: 'coa', name: 'coa'},
        {data: 'tipe_biaya', name: 'tipe_biaya'},
        {data: 'biaya', name: 'biaya', searchable: false, orderable: false},
        {data: 'rekening_perusahaan', name: 'rekening_perusahaan'},
        {data: 'hitung_tutup_kasir', name: 'hitung_tutup_kasir'},
        {data: 'aksi', name: 'aksi', searchable: false, orderable: false, class: 'text-center'},
      ],
    });

    $('#keterikatan_rekening_perusahaan').on('change', function(e){
        var isian = $(this).val();
        if(isian == '0'){
            $('#coa_id').removeAttr('disabled');
        }else{
            $('#coa_id').val('').trigger('change').attr('disabled', 'disabled').removeClass('required');
        }
    });

    $('#setting_default').on('change', function(e){
        var setting_default = $(this).val();

        if(setting_default == '1' || parseInt(setting_default) > 0){
            $('#nomor_default').removeAttr('disabled');
            $('#keterangan_default').removeAttr('disabled');
        }else{
            $('#nomor_default').val('').attr('disabled', 'disabled');
            $('#keterangan_default').val('').attr('disabled', 'disabled');
        }
    });

    $('#tambahMasterMetodeBayar').on('click', function(e){
        stat = "add";
        $('#modalMasterMetodeBayar').modal('show');
    });

    $('#btnSimpanMasterMetodeBayar').on('click', function(e){
        if (cekForm('form_master_metode_bayar') == true) {
            var data = $('#form_master_metode_bayar').serialize();
            data += "&_token={{ csrf_token() }}";
            if (stat == "add") {
                sendJson(URLs+"/add", data, rSends);
            }else{
                data += "&id="+IDs;
                sendJson(URLs+"/update", data, rSends);
            }
        }
    });

    function readData(id){
        stat = "update";
        IDs = id;
        var data = {
            act: "read",
            id: id,
            _token: "{{ csrf_token() }}"
        };
        reads(URLs+"/read", data, rReads);
    }

    function rReads(data) {
        swal.close();
        $('#modalMasterMetodeBayar').modal("show");
        var keterikatanRekeningPerusahaan = null;
        $.each(data, function (idx, vals) {
            if(idx == 'coa_id'){
                if(vals > 0){
                    $('[name='+idx+']').val(vals).trigger('change');
                }else{
                    $('[name='+idx+']').val('').trigger('change');
                }
            }else{
                if(idx == 'keterikatan_rekening_perusahaan'){
                    keterikatanRekeningPerusahaan = vals;
                    $('[name='+idx+']').val(vals);
                }else if(idx == 'biaya'){
                    var ketNominal = 0;
                    if(vals != null && vals != ''){
                        var cekDesimal = vals - Math.floor(vals);
                        if (cekDesimal > 0) {
                            ketNominal = parseFloat(vals).toFixed(2);
                            ketNominal = ketNominal.replace(/\./g, ',');
                        } else {
                            ketNominal = vals.toString().split(".")[0];
                        }
                    }

                    $('[name='+idx+']').val(ketNominal);
                }else if(idx == 'setting_default'){
                    $('[name='+idx+']').val(vals);
                    if(vals == '1' || parseInt(vals) > 0){
                        $('#nomor_default').removeAttr('disabled');
                        $('#keterangan_default').removeAttr('disabled');
                    }
                }else{
                    $('[name='+idx+']').val(vals);
                }
            }
        })

        if(keterikatanRekeningPerusahaan == '0'){
            $('#coa_id').removeAttr('disabled').addClass('required');

        }
    }

    function hapusData(id){
        swal({
            title: "Konfirmasi",
            text: "Apakah anda ingin menghapus data ?",
            type: "warning",
            showCancelButton: true,
            cancelButtonText: "Batal",
            confirmButtonText: "Lanjutkan"
        }).then(function(){
            var data = {act: "delete", id: id, _token:'{{ csrf_token() }}'};
            sendJson(URLs+"/delete", data, rSends);
        })
    }

    $('#modalMasterMetodeBayar').on('hidden.bs.modal', function(e){
        $('#form_master_metode_bayar input, #form_master_metode_bayar select').val('');
        $('#form_master_metode_bayar .select2CustomModal').val('').trigger('change');
        $('#coa_id').val('').trigger('change').attr('disabled', 'disabled').removeClass('required');

        $('#nomor_default').attr('disabled', 'disabled');
        $('#keterangan_default').attr('disabled', 'disabled');

        IDs = '';
        stat = '';
    });
  </script>
@endpush