@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="#">Logistik</a></li>
      <li class="breadcrumb-item active" aria-current="page">Barang Pindah Gudang (Penerima)</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 Barang Pindah Gudang (Penerima)</h6>
          <table id="datatable-serverside" class="table table-sm" style="width: 100%;">
            <thead>
              <tr>
                <th class="kolomNomor">No.</th>
                <th>Nomor</th>
                <th>Gudang Asal</th>
                <th>Gudang Tujuan</th>
                <th>Tanggal Kirim</th>
                <th>Tanggal Terima</th>
                <th>Pelaksana</th>
                <th>Penerima</th>
                <th>Status</th>
                <th class="text-end">Total</th>
                <th class="kolomAksi">Aksi</th>
              </tr>
            </thead>
          </table>
        </div>
        {{-- <div class="card-footer" style="text-align: right;">
          <a class="btn btn-info btn-custom1" href="{{ url('/logistik/barang-pindah-gudang/pengirim/create') }}">Tambah Data</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({
      processing: true,
      serverSide: true,
      ajax: "{{ url('/logistik/barang-pindah-gudang/penerima') }}",
      columns: [
        { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
        { data: 'nomor', name: 'nomor' },
        { data: 'gudang_asal.nama', name: 'gudang_asal.nama' },
        { data: 'gudang_tujuan.nama', name: 'gudang_tujuan.nama' },
        { data: 'tanggal_kirim', name: 'tanggal_kirim', defaultContent: '-' },
        { data: 'tanggal_terima', name: 'tanggal_terima', defaultContent: '-'},
        { data: 'creator.name', name: 'creator.name' },
        { data: 'receiver.name', name: 'receiver.name', defaultContent: '-' },
        { data: 'status', name: 'status', defaultContent: '-' },
        { data: 'total', name: 'total', className: 'text-end' },
        { data: 'aksi', name: 'aksi', orderable: false, searchable: false }
      ]
    });

    function terima(id){
      let url = "{{ url('/logistik/barang-pindah-gudang/penerima/:id') }}";
      url = url.replace(':id', id);
      sendJson(url, {_token: "{{ csrf_token() }}"}, callbackTerima);
    }

    function callbackTerima(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