@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">Terima Order</li>
  </ol>
</nav>

<div class="row">
  <div class="col-md-12 grid-margin stretch-card">
    <div class="card">
      <div class="card-header">
          <h4>Data Terima Order</h4>
        </div>
      <div class="card-body">
        <div class="table-responsive" style="overflow-x: auto;">
          <table id="datatable-serverside" class="table table-sm" style="width: 100%;">
            <thead>
              <tr>
                <th class="kolomNomor">No.</th>
                <th>Nomor Terima Order</th>
                <th>Tanggal Terima Order</th>
                <th>Pelanggan</th>
                <th>Status</th>
                <th>Timbang</th>
                <th>Validasi Uang Muka</th>
                <th class="kolomAksi">Aksi</th>
              </tr>
            </thead>
          </table>
        </div>
      </div>
      <div class="card-footer" style="text-align: right;">
        @can('terima-order.create')
          <a href="/penjualan/terima-order/input-data" class="btn btn-info btn-custom1">Tambah Data</a>
        @endcan
      </div>
    </div>
  </div>
</div>

{{-- Modal --}}
{{-- <div id="modalCekDataAwal" class="modal fade bd-example-modal-xl" data-bs-backdrop="static">
  <div class="modal-dialog modal-xl">
      <div class="modal-content">
          <div class="modal-header">
              <h5 class="modal-title h4">Data Uang Muka</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
          </div>
          <div class="modal-body">
              <form class="forms-sample">
                  <div class="row">
                      <div class="col-12">
                          <div class="table-responsive">
                              <table class="table table-sm table-modal-bordered" id="tableCekDataAwal" style="width: 100% !important;">
                                  <thead>
                                      <tr>
                                          <th class="text-start">Metode Bayar</th>
                                          <th class="text-start">Tanggal</th>
                                          <th class="text-start">Nominal</th>
                                          <th class="text-start">Nomor Referensi</th>
                                          <th class="kolomAksi text-start">Aksi</th>
                                      </tr>
                                  </thead>
                                  <tbody>
                                  </tbody>
                              </table>
                          </div>
                      </div>
                      <div class="col-12 mt-3" style="text-align: right;">
                          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Keluar</button>
                      </div>
                  </div>
              </form>
          </div>
      </div>
  </div>
</div>
<div id="modalCekData" class="modal fade bd-example-modal-lg" data-bs-backdrop="static">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title h4">Form Valid DP</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
            </div>
            <div class="modal-body">
                <form id="form_cek_data" class="forms-sample">
                    <div class="row">
                        <div class="col-6">
                            <div class="mb-3">
                                <label class="form-label">Metode Bayar</label>
                                <select name="metode_bayar_id" id="metode_bayar_id" class="form-control">
                                  <option value="">Silahkan Pilih</option>
                                  @foreach($listMetodeBayar as $vMB)
                                    <option value="{{ $vMB->id }}">{{ $vMB->nama }}</option>
                                  @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="mb-3">
                                <label class="form-label">Rekening Perusahaan</label>
                                <input type="text" class="form-control" id="rekening_perusahaan" autocomplete="off" placeholder="Rekening Perusahaan" readonly="readonly">
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="mb-3">
                                <label class="form-label">Nomor Referensi</label>
                                <input type="text" class="form-control" id="nomor_transaksi" autocomplete="off" placeholder="Nomor Referensi">
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="mb-3">
                                <label class="form-label">Tanggal Pembayaran</label>
                                <input type="datetime-local" class="form-control" id="tanggal_transaksi" autocomplete="off" placeholder="Tanggal Pembayaran">
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="mb-3">
                                <label class="form-label">Nominal</label>
                                <input type="text" class="form-control" id="nominal" autocomplete="off" placeholder="Nominal" onkeyup="dottocomma(this)" onchange="formatInputUang(this);">
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="mb-3">
                                <label class="form-label">Bukti Pembayaran</label>
                                <input type="file" class="form-control" id="file_bukti" autocomplete="off" placeholder="Berkas Pembayaran">
                                <small><b>File Terupload: </b><a href=""><span id="buktiPembayaran"></span></a></small>
                            </div>
                        </div>
                        <div class="col-12" style="text-align: right;">
                            <button type="button" id="btnValidData" class="btn btn-primary btn-custom1">Valid Data</button>
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Keluar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div> --}}
<div class="modal fade" id="JurnalModal">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title h4">Laporan Jurnal</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
        </div>
        <div class="modal-body"></div>
      </div>
    </div>
  </div>
  @include('pages.penjualan.kasir.validasi-pembayaran-modal')
{{-- Akhiran Modal --}}
@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/terima-order') }}";

    let datatable = $('#datatable-serverside').DataTable({
      lengthMenu: lengthMenuDatatable(),
      processing: true,
      serverSide: true,
      ajax: URLs+'/get-data',
      columns: [
        {data: 'DT_RowIndex', name: 'id', searchable: false},
        {data: 'nomor_terima_order', name: 'nomor_terima_order'},
        {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, orderable: false},
        {data: 'timbang', name: 'timbang', searchable: false},
        {data: 'validasi_dp', name: 'validasi_dp', searchable: false, orderable: 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 lihatJurnal(id) {
      $('#JurnalModal').modal('show');
      let modal = $('#JurnalModal');
      modal.find('.modal-body').html('<div class="text-center"><div class="spinner-border" role="status"><span class="visually-hidden">Loading...</span></div></div>');

      $.ajax({
        method: "GET",
        url: "{{ url('jurnal/sales-order') }}",
        data: {
          terima_order_id: id,
        },
        success: function(result) {
          if(result.type == 'error'){
            modal.find('.modal-body').html(result.response);
          }else{
            modal.find('.modal-body').html(result)
          }
        },
        error: function(xhr, status, error) {
          console.log(xhr);
          modal.find('.modal-body').html(xhr.responseText);
        }
      })
    }
  </script>
  @include('pages.penjualan.kasir.validasi-pembayaran-script')
@endpush