@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">Konfigurasi Toko</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 Toko {{ $parent ? '- ' . $parent->nama_perusahaan : '' }}</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>Kode</th>
                  <th>Email</th>
                  <th class="kolomAksi">Aksi</th>
                </tr>
              </thead>
            </table>
          </div>
        </div>
        <div class="card-footer" style="text-align: right;">
          <a class="btn btn-info btn-custom1" href="{{ route('perusahaan.konfigurasi.toko.create', $parent->id) }}" >Tambah Data</a>
          <a href="{{ route('perusahaan.konfigurasi.index') }}" class="btn btn-light btn-custom8">Kembali</a>
        </div>
      </div>
    </div>
  </div>

@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>
    let datatable = $('#datatable-serverside').DataTable({
      lengthMenu: lengthMenuDatatable(),
      responsive: true,
      processing: true,
      serverSide: true,
      ajax: "{{ route('perusahaan.konfigurasi.toko.index', $parent->id) }}",
      columns: [{
          data: 'DT_RowIndex',
          name: 'id'
        },
        {
          data: 'nama_perusahaan',
          name: 'nama_perusahaan'
        },
        {
          data: 'kode_dokumen',
          name: 'kode_dokumen',
          defaultContent: '-'
        },
        {
          data: 'email',
          name: 'email'
        },
        {
          data: 'aksi',
          name: 'aksi',
          searchable: false,
          orderable: false,
          class: 'text-center'
        },
      ],
    });

    

  function callbackDelete(data) {
    let titles = data.type == "success" ? "Sukses" : (data.type == "error" ? "Gagal" : "Info");
    swal({
      title: titles,
      text: data.response,
      type: data.type,
      confirmButtonText: "OK"
    }).then(function() {
      if (data.type == "success") {
        datatable.ajax.reload();
      }
    })
  }
  </script>
@endpush