@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="#">Penjualan</a></li>
    <li class="breadcrumb-item active" aria-current="page">Titipan Order</li>
  </ol>
</nav>

<div class="row">
  <div class="col-md-12 grid-margin stretch-card">
    <div class="card">
      <div class="card-body">
        <div class="table-responsive" style="overflow-x: auto;">
          <h6 class="card-title">Data Titipan Order</h6>
          <table id="datatable-serverside" class="table table-sm" style="width: 100%;">
            <thead>
              <tr>
                <th class="kolomNomor">No.</th>
                <th>Nomor Titipan Order</th>
                <th>Tanggal Titipan Order</th>
                <th>Pelanggan</th>
                <th>Status</th>
                <th class="kolomAksi">Aksi</th>
              </tr>
            </thead>
          </table>
        </div>
      </div>
      <div class="card-footer" style="text-align: right;">
        @can('titipan-order.create')
          <a href="/penjualan/titipan-order/input-data" class="btn btn-info btn-custom1">Tambah Data</a>
        @endcan
      </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>
    var URLs = "{{ url('penjualan/titipan-order') }}";

    let datatable = $('#datatable-serverside').DataTable({
      lengthMenu: lengthMenuDatatable(),
      processing: true,
      serverSide: true,
      ajax: URLs+'/get-data-titipan',
      columns: [
        {data: 'DT_RowIndex', name: 'id', searchable: false},
        {data: 'nomor_terima_order_titipan', name: 'nomor_terima_order_titipan'},
        {data: 'tanggal_terima_order', name: 'tanggal_terima_order', searchable: false},
        {data: 'detail_pelanggan', name: 'detail_pelanggan', searchable: false},
        {data: 'status_label', name: 'status_label', searchable: false},
        {data: 'aksi', name: 'aksi', searchable: false, orderable: false},
      ],
      order: [[ 0, "desc" ]],
    });

    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);
        })
    }

    function btnKirim(id){
        var data = {
            _token:'{{ csrf_token() }}',
            id:id
        };
        sendJson(URLs+"/kirim-data", data, rSends);
    }
  </script>
@endpush