@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="{{ route('perusahaan.konfigurasi.toko.index', $parent_id) }}">Konfigurasi Toko</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 Toko</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 Toko</label>
                <input type="text" class="form-control required" name="nama_toko" autocomplete="off"
                  placeholder="Nama Toko">
              </div>
            </div>
            <div class="col-6">
              <div class="mb-3">
                <label class="form-label">Kode Penjualan</label>
                <input type="text" class="form-control" name="kode_penjualan" id="kode_penjualan"
                  placeholder="Kode Penjualan">
              </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-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="gudang_penjualan">Gudang Penjualan</label>
                <select name="gudang_penjualan" id="gudang_penjualan" class="form-select required select2Custom">
                  <option value="">Pilih Gudang Penjualan</option>
                  @foreach ($list_gudang_penjualan as $gudang)
                    <option value="{{ $gudang->id }}">{{ $gudang->nama }}</option>
                  @endforeach
                </select>
              </div>
            </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="{{ route('perusahaan.konfigurasi.toko.index', $parent_id) }}"
            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 = {
          _token: "{{ csrf_token() }}",
          nama_toko: $('[name="nama_toko"]').val(),
          kode_penjualan: $('[name="kode_penjualan"]').val(),
          nomor_telepon: $('[name="nomor_telepon"]').val(),
          email: $('[name="email"]').val(),
          alamat: $('[name="alamat"]').val(),
          gudang_penjualan: $('[name="gudang_penjualan"]').val(),
        }

        sendJson("{{ route('perusahaan.konfigurasi.toko.store', $parent_id) }}", data, callbackAjax);
      }
    });
  })
</script>
@include('pages.perusahaan.konfigurasi.toko.function')
@endpush