@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"><a href="#">Terima Barang Pindah Gudang</a></li>
    <li class="breadcrumb-item active" aria-current="page">Detail</li>
  </ol>
</nav>

<div class="card m-b-30">
  <div class="card-body">
    <h5 class="card-title">
      <div class="row">
        <div class="col-12">
          Detail Terima Barang Pindah Gudang
        </div>
      </div>
    </h5>
    <div class="mb-4">
      <div class="row">
        <form id="form_stok_opname">
          <div class="col-12 border border-bottom-0 p-3">
            <div class="form-group">
              <label>Gudang Asal</label>
              <div class="form-control">
                {{ $data->gudangAsal->nama ?? '-' }}
              </div>
            </div>
          </div>
          <div class="col-12 border border-bottom-0 border-top-0 p-3">
            <div class="form-group">
              <label>Gudang Tujuan</label>
              <div class="form-control">
                {{ $data->gudangTujuan->nama ?? '-' }}
              </div>
            </div>
          </div>
          <div class="col-12 border border-top-0 border-bottom-0 p-3">
            <div class="form-group">
              <label>Tanggal Kirim</label>
              <div class="form-control">
                {{ formatDate($data->tanggal_kirim, 'd-m-Y H:i') }}
              </div>
            </div>
          </div>
          <div class="col-12 border border-top-0 p-3">
            <div class="form-group">
              <label>Tanggal Terima</label>
              @if ($data->tanggal_terima && !$is_edit)
                <div class="form-control">
                  {{ formatDate($data->tanggal_terima, 'd-m-Y H:i') }}
                </div>
              @else
                <input type="datetime-local" id="tanggal_terima" class="form-control required" placeholder="Tanggal" value="{{ $is_edit ? date('Y-m-d H:i', strtotime($data->tanggal_terima)) : date('Y-m-d H:i') }}" onclick="this.showPicker()">
              @endif
            </div>
          </div>
        </form>
      </div>
    </div>
    <div class="table-responsive" style="overflow-x: auto;">
      <table class="table table-bordered table-hover table-sm" style="width: 100% !important;">
        <thead>
          <tr>
            <th>No</th>
            <th>Nama Barang</th>
            <th class="text-center">Nomor Urut</th>
            <th>QRCode</th>
            <th>Kode Lot</th>
            <th class="text-end">QTY Dikirim</th>
            <th class="text-end">QTY Diterima</th>
          </tr>
        </thead>
        <tbody class="tampilBarang">
                    @forelse ($data->details as $item)
            @php
              $bg_row = '';
              if($data->tanggal_terima){
                if($item->qty_diterima < $item->qty_dikirim){
                  $bg_row = 'table-warning';
                }
                if(!$item->barang_ada){
                  $bg_row = 'table-danger';
                }
              }
            @endphp
            <tr class="rowBarangDetail {{ $bg_row }}" data-id="{{ $item->id }}">
              <td>1</td>
              <td>{{ $item->barang->namaProduk() }}</td>
              <td class="text-center">{{ $item->stokBarangBaru->sort }}</td>
              <td>{{ $item->stokBarangBaru->qrcode }}</td>
              <td>{{ $item->stokBarangBaru->kode_lot }}</td>
              @php
                $produk = $item->barang;
              @endphp
              <td class="text-end">{{ formatNumber($item->qty_dikirim) }} {{ $produk->unit_satuan_stock }}</td>
              <td class="text-end" style="width: 140px">
                @if (!$data->tanggal_terima || $is_edit)
                  <div class="input-group mb-3">
                    <input type="text" class="text-end form-control formatInputUang qty-diterima removeMinusSign" value="{{ formatNumber($item->qty_diterima ?? $item->qty_dikirim) }}" onkeyup="onlyNumber(this);" onchange="minMax(this, 0, {{ $item->qty_dikirim }})">  
                    <label class="input-group-text">{{ $produk->unit_satuan_stock }}</label>
                  </div>
                @else
                  {{ formatNumber($item->qty_diterima) }} {{ $produk->unit_satuan_stock }}
                @endif
              </td>
            </tr>
          @empty
            <tr>
              <td colspan="6" class="text-center">Tidak Ada Data</td>
            </tr>
          @endforelse
        </tbody>
      </table>
    </div>

    <div class="row mt-3">
      @if (!$data->tanggal_terima || $is_edit)
        <div class="col-6">
          <button type="button" id="btnSimpanData" class="btn btn-success btn-custom1" style="width: 100% !important;">Terima Barang Pindah Gudang</button>
        </div>
      @endif
      <div class="@if (!$data->tanggal_terima || $is_edit) col-6 @else col-12 @endif">
        <a href="/logistik/barang-pindah-gudang/penerima" class="btn btn-warning btn-custom8"
          style="width: 100% !important;">Kembali ke Halaman Sebelumnya</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>
  $(document).ready(function(){

    $('#btnSimpanData').click(function(e) {
      let data = {
        _token: "{{ csrf_token() }}",
        tanggal_terima: $('#tanggal_terima').val(),
        qty_diterima: $('.qty-diterima').map(function() {
          return formatInputUangToFloat($(this).val());
        }).get(),
      }

      sendJson('/logistik/barang-pindah-gudang/penerima/{{ $data->id }}/{{ $is_edit ? "update" : '' }}', data, rStoreBarang);
    });
  });

  function rStoreBarang(data) {
    var 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") {
        window.location.href = "/logistik/barang-pindah-gudang/penerima";
      }
    })
  }
</script>
@endpush