@extends('layout.master')

@section('content')
  <nav class="page-breadcrumb">
    <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="#!">Perusahaan</a></li>
      <li class="breadcrumb-item"><a href="/perusahaan/konfigurasi">Konfigurasi</a></li>
      <li class="breadcrumb-item active" aria-current="page">Input Data</li>
    </ol>
  </nav>

  <div class="card m-b-30">
    <div class="card-header">
          <h4>Form Konfigurasi</h4>
        </div>
    <div class="card-body">
      <form id="form_konfigurasi">
        <div class="mb-4">
          <div class="border p-3">
            <div class="row">
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label">Nama Perusahaan</label>
                  <input type="text" class="form-control required" name="nama_perusahaan" autocomplete="off" placeholder="Nama Perusahaan">
                </div>
              </div>
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label">NPWP</label>
                  <input type="text" class="form-control" name="npwp" autocomplete="off" placeholder="NPWP">
                </div>
              </div>
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label">Level</label>
                  <select name="level" id="level" class="form-control required">
                    <option value="">Silahkan Pilih</option>
                    <option value="pusat">Pusat</option>
                    <option value="cabang">Cabang</option>
                  </select>
                </div>
              </div>
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label">Kode Dokumen</label>
                  <input type="text" class="form-control" name="kode_dokumen" id="kode_dokumen" placeholder="Kode Dokumen">
                </div>
              </div>
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label">HPP Setting</label>
                  <select name="hpp_setting" id="hpp_setting" class="form-control required">
                    <option value="">Silahkan Pilih</option>
                    @foreach ($hpp_setting_list as $key => $item)
                      <option value="{{ $key }}">{{ $item }}</option>
                    @endforeach
                  </select>
                  <div class="form-check mt-2">
                    <label class="form-check-label" for="is_testing">
                      Tampilkan Kolom HPP Periodic & Perpetual
                    </label>
                    <input class="form-check-input" type="checkbox" value="1" id="is_testing">
                  </div>
                </div>
              </div>
              <div class="col-6">
                <div class="mb-3 periode" style="display: none">
                  <label class="form-label">Periode</label>
                  <select name="periode" id="periode" class="form-control">
                    <option value="">Silahkan Pilih</option>
                    @foreach ($listPeriode as $key => $periode)
                      <option value="{{ $key }}">{{ $periode }}</option>
                    @endforeach
                  </select>
                </div>
              </div>
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label">Hooked</label>
                  <select name="hooked" id="hooked" 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">Logo</label>
                  <input type="file" class="form-control" id="logo" name="logo" autocomplete="off" placeholder="Logo">
                </div>
              </div>
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label">Favicon</label>
                  <input type="file" class="form-control" id="favicon" name="favicon" autocomplete="off" placeholder="Favicon">
                </div>
              </div>
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label">Nomor HP Owner</label>
                  <input type="text" class="form-control" name="nomor_hp_owner" autocomplete="off" placeholder="Nomor HP Owner">
                </div>
              </div>
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label">Nomor Telepon</label>
                  <input type="text" class="form-control" name="nomor_telepon" autocomplete="off" placeholder="Nomor Telepon">
                </div>
              </div>
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label">Email</label>
                  <input type="text" class="form-control" name="email" autocomplete="off" placeholder="Email">
                </div>
              </div>
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label">Fax</label>
                  <input type="text" class="form-control" name="fax" autocomplete="off" placeholder="Fax">
                </div>
              </div>
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label">Website</label>
                  <input type="text" class="form-control" name="website" autocomplete="off" placeholder="Website">
                </div>
              </div>
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label">Nama Printer 1</label>
                  <input type="text" class="form-control" id="nama_printer" name="nama_printer" autocomplete="off" placeholder="Nama Printer 1">
                </div>
              </div>
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label">DNS Printer 1</label>
                  <input type="text" class="form-control" id="dns_printer" name="dns_printer" autocomplete="off" placeholder="DNS Printer 1">
                </div>
              </div>
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label">Nama Printer 2</label>
                  <input type="text" class="form-control" id="nama_printer2" name="nama_printer2" autocomplete="off" placeholder="Nama Printer 2">
                </div>
              </div>
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label">DNS Printer 2</label>
                  <input type="text" class="form-control" id="dns_printer2" name="dns_printer2" autocomplete="off" placeholder="DNS Printer 2">
                </div>
              </div>
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label">Nama Printer 3</label>
                  <input type="text" class="form-control" id="nama_printer3" name="nama_printer3" autocomplete="off" placeholder="Nama Printer 3">
                </div>
              </div>
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label">DNS Printer 3</label>
                  <input type="text" class="form-control" id="dns_printer3" name="dns_printer3" autocomplete="off" placeholder="DNS Printer 3">
                </div>
              </div>
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label">Nama Printer 4</label>
                  <input type="text" class="form-control" id="nama_printer4" name="nama_printer4" autocomplete="off" placeholder="Nama Printer 4">
                </div>
              </div>
              <div class="col-6">
                <div class="mb-3">
                  <label class="form-label">DNS Printer 4</label>
                  <input type="text" class="form-control" id="dns_printer4" name="dns_printer4" autocomplete="off" placeholder="DNS Printer 4">
                </div>
              </div>
              <div class="col-12">
                <div class="mb-3">
                  <label class="form-label">Alamat</label>
                  <textarea name="alamat" id="alamat" class="form-control" cols="30" rows="10" placeholder="Alamat"></textarea>
                </div>
              </div>

              <div class="col-12">
                <div class="mb-3">
                  <label class="form-label" for="akses_gudang">Akses Gudang</label>
                  <select name="akses_gudang[]" id="akses_gudang" class="form-select required select2Custom" multiple>
                    @foreach ($list_gudang as $gudang)
                      <option value="{{ $gudang->id }}">{{ $gudang->nama }}</option>
                    @endforeach
                  </select>
                </div>
              </div>

              <!-- <div class="col-12">
                <div class="mb-3">
                  <label class="form-label">Footer PO</label>
                  <textarea name="footer_po" id="footer_po" class="form-control"></textarea>
                </div>
              </div> -->
              <div class="col-12 mb-3">
                <fieldset class="border p-3">
                  <legend>Setting PO</legend>
                  <div class="row">
                    <div class="col-6">
                      <div class="mb-3">
                        <label class="form-label">Footer PO</label>
                        <textarea name="footer_po" id="footer_po" class="form-control"></textarea>
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="mb-3">
                        <label class="form-label">Warna Header Report</label>
                        <input type="color" class="form-control form-control-color" id="warna_header" name="warna_header">
                      </div>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="col-12 mb-3">
                <fieldset class="border p-3">
                  <legend>Setting API</legend>
                  <div class="row">
                    <div class="col-6">
                      <div class="mb-3">
                        <label class="form-label">Username</label>
                        <input type="text" class="form-control" name="username" autocomplete="off" placeholder="Username">
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="mb-3">
                        <label class="form-label">Password</label>
                        <input type="text" class="form-control" name="password" autocomplete="off" placeholder="Password">
                      </div>
                    </div>
                    <div class="col-12">
                      <div class="mb-3">
                        <label class="form-label">Base URL</label>
                        <input type="text" class="form-control" name="base_url" autocomplete="off" placeholder="Base URL">
                      </div>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="col-12">
                <fieldset class="border p-3">
                  <legend>Kode Dokumen</legend>
                  <div class="row">
                    <div class="col-6">
                      <div class="mb-3">
                        <label class="form-label">PO</label>
                        <input type="text" class="form-control" name="kode_po" autocomplete="off" placeholder="PO">
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="mb-3">
                        <label class="form-label">Kontra Bon</label>
                        <input type="text" class="form-control" name="kode_kontra_bon" autocomplete="off" placeholder="Kontra Bon">
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="mb-3">
                        <label class="form-label">Terima Paket</label>
                        <input type="text" class="form-control" name="kode_terima_paket" autocomplete="off" placeholder="Terima Paket">
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="mb-3">
                        <label class="form-label">Pembayaran Invoice (DP)</label>
                        <input type="text" class="form-control" name="kode_pembayaran_invoice_dp" autocomplete="off" placeholder="Pembayaran Invoice (DP)">
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="mb-3">
                        <label class="form-label">Pembayaran Invoice (Pelunasan)</label>
                        <input type="text" class="form-control" name="kode_pembayaran_invoice_pelunasan" autocomplete="off" placeholder="Pembayaran Invoice (Pelunasan)">
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="mb-3">
                        <label class="form-label">Invoice Ekspedisi</label>
                        <input type="text" class="form-control" name="kode_invoice_ekspedisi" autocomplete="off" placeholder="Invoice Ekspedisi">
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="mb-3">
                        <label class="form-label">Pembayaran Invoice Ekspedisi</label>
                        <input type="text" class="form-control" name="kode_pembayaran_invoice_ekspedisi" autocomplete="off" placeholder="Pembayaran Invoice Ekspedisi">
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="mb-3">
                        <label class="form-label">Terima Order</label>
                        <input type="text" class="form-control" name="kode_terima_order" autocomplete="off" placeholder="Terima Order">
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="mb-3">
                        <label class="form-label">Titipan Order</label>
                        <input type="text" class="form-control" name="kode_titipan_order" autocomplete="off" placeholder="Titipan Order">
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="mb-3">
                        <label class="form-label">Pemasukan Lain</label>
                        <input type="text" class="form-control" name="kode_pemasukan_lain" autocomplete="off" placeholder="Pemasukan Lain">
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="mb-3">
                        <label class="form-label">Pengeluaran Lain</label>
                        <input type="text" class="form-control" name="kode_pengeluaran_lain" autocomplete="off" placeholder="Pengeluaran Lain">
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="mb-3">
                        <label class="form-label">Barang Rusak</label>
                        <input type="text" class="form-control" name="kode_barang_rusak" autocomplete="off" placeholder="Barang Rusak">
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="mb-3">
                        <label class="form-label">Pindah Gudang</label>
                        <input type="text" class="form-control" name="kode_pindah_gudang" autocomplete="off" placeholder="Pindah Gudang">
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="mb-3">
                        <label class="form-label">Jurnal Umum</label>
                        <input type="text" class="form-control" name="kode_jurnal_umum" autocomplete="off" placeholder="Jurnal Umum">
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="mb-3">
                        <label class="form-label">Stok Opname Isi</label>
                        <input type="text" class="form-control" name="kode_stok_opname_isi" autocomplete="off" placeholder="Stok Opname Isi">
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="mb-3">
                        <label class="form-label">Stok Opname Lokasi</label>
                        <input type="text" class="form-control" name="kode_stok_opname_lokasi" autocomplete="off" placeholder="Stok Opname Lokasi">
                      </div>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
          </div>
        </div>
        <div class="row mt-3">
          <div class="col-6">
            <button type="submit" id="btnSimpanData" class="btn btn-success btn-custom1 w-100">Simpan Data Konfigurasi</button>
          </div>
          <div class="col-6">
            <a href="/perusahaan/konfigurasi" class="btn btn-warning btn-custom8 w-100">Kembali ke Halaman Sebelumnya</a>
          </div>
        </div>
      </form>
    </div>
  </div>
@endsection

@push('custom-scripts')
  <script src="{{ asset('assets/js/sweet-alert.js') }}"></script>
  <script>
    $(document).ready(function() {
      $('#form_konfigurasi').on('submit', function(e){
        e.preventDefault();
        if (cekForm('form_konfigurasi') == true) {
          let data = new FormData();
          data.append('_token', "{{ csrf_token() }}");
          data.append('nama_perusahaan', $('[name="nama_perusahaan"]').val());
          data.append('level', $('[name="level"]').val());
          data.append('kode_dokumen', $('[name="kode_dokumen"]').val());
          data.append('hooked', $('[name="hooked"]').val());
          data.append('nomor_hp_owner', $('[name="nomor_hp_owner"]').val());
          data.append('nomor_telepon', $('[name="nomor_telepon"]').val());
          data.append('email', $('[name="email"]').val());
          data.append('fax', $('[name="fax"]').val());
          data.append('website', $('[name="website"]').val());

          let cekPrinter = false;
          if($('#nama_printer').val() != null && $('#nama_printer').val() != '' && $('#dns_printer').val() != null && $('#dns_printer').val() != ''){
            data.append('nama_printer', $('[name="nama_printer"]').val());
            data.append('dns_printer', $('[name="dns_printer"]').val());
          }else if(($('#nama_printer').val() == null || $('#nama_printer').val() == '') && ($('#dns_printer').val() == null || $('#dns_printer').val() == '')){
            data.append('nama_printer', '');
            data.append('dns_printer', '');
          }else{
            console.log(1);
            cekPrinter = true;
          }

          for(let a = 2; a <= 4; a++){
            if($('#nama_printer'+a).val() != null && $('#nama_printer'+a).val() != '' && $('#dns_printer'+a).val() != null && $('#dns_printer'+a).val() != ''){
              data.append('nama_printer'+a, $('[name="nama_printer'+a+'"]').val());
              data.append('dns_printer'+a, $('[name="dns_printer'+a+'"]').val());
            }else if(($('#nama_printer'+a).val() == null || $('#nama_printer'+a).val() == '') && ($('#dns_printer'+a).val() == null || $('#dns_printer'+a).val() == '')){
              data.append('nama_printer'+a, '');
              data.append('dns_printer'+a, '');
            }else{
              cekPrinter = true;
            }
          }

          data.append('alamat', $('[name="alamat"]').val());
          data.append('is_testing', $('#is_testing').is(':checked') ? 1 : 0);
          $('#akses_gudang').val().forEach(function(item){
            data.append('akses_gudang[]', item);
          });
          data.append('npwp', $('[name="npwp"]').val());
          data.append('footer_po', $('[name="footer_po"]').val());
          data.append('warna_header', $('[name="warna_header"]').val());

          data.append('username', $('[name="username"]').val());
          data.append('password', $('[name="password"]').val());
          data.append('base_url', $('[name="base_url"]').val());

          data.append('kode_po', $('[name="kode_po"]').val());
          data.append('kode_kontra_bon', $('[name="kode_kontra_bon"]').val());
          data.append('kode_terima_paket', $('[name="kode_terima_paket"]').val());
          data.append('kode_pembayaran_invoice_dp', $('[name="kode_pembayaran_invoice_dp"]').val());
          data.append('kode_pembayaran_invoice_pelunasan', $('[name="kode_pembayaran_invoice_pelunasan"]').val());
          data.append('kode_invoice_ekspedisi', $('[name="kode_invoice_ekspedisi"]').val());
          data.append('kode_pembayaran_invoice_ekspedisi', $('[name="kode_pembayaran_invoice_ekspedisi"]').val());
          data.append('kode_terima_order', $('[name="kode_terima_order"]').val());
          data.append('kode_titipan_order', $('[name="kode_titipan_order"]').val());
          data.append('kode_pemasukan_lain', $('[name="kode_pemasukan_lain"]').val());
          data.append('kode_pengeluaran_lain', $('[name="kode_pengeluaran_lain"]').val());
          data.append('kode_barang_rusak', $('[name="kode_barang_rusak"]').val());
          data.append('kode_pindah_gudang', $('[name="kode_pindah_gudang"]').val());
          data.append('kode_jurnal_umum', $('[name="kode_jurnal_umum"]').val());
          data.append('kode_stok_opname_isi', $('[name="kode_stok_opname_isi"]').val());
          data.append('kode_stok_opname_lokasi', $('[name="kode_stok_opname_lokasi"]').val());
          data.append('hpp_setting', $('[name="hpp_setting"]').val());

          if($('#logo').val() != null && $('#logo').val() != ''){
            let logo = $('#logo')[0].files;
            data.append('logo', logo[0]);
          }

          if($('#favicon').val() != null && $('#favicon').val() != ''){
            let favicon = $('#favicon')[0].files;
            data.append('favicon', favicon[0]);
          }

          if(cekPrinter == false){
            uploads("/perusahaan/konfigurasi/add", data, rSendsKonfigurasi);
          }else{
            swal('Perhatian', 'Pastikan Jika Sudah Mengisi Salah Satu Nama atau DNS Printer, Wajib Melengkapi Kolom Nama atau DNSnya', 'info');
          }
        }
      });
    })
  </script>
  @include('pages.perusahaan.konfigurasi.function')
@endpush