@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"><a href="/penjualan/timbang-order">Timbang Order</a></li>
        <li class="breadcrumb-item active" aria-current="page">Lihat Data</li>
    </ol>
</nav>

<div class="card m-b-30">
    <div class="card-header">
          <h4>Timbang Order Penjualan</h4>
        </div>
    <div class="card-body">
        <div class="container-fluid mb-4">
            <div class="row">
                <div class="col-12 border p-3">
                    <form id="form_timbang_order">
                        <div class="form-group mb-3">
                            <label>Nomor Terima Order</label>
                            <input class="form-control resetForm" type="text" placeholder="Nomor Terima Order" value="{{ $terimaOrder->nomor_terima_order }}" disabled="disabled">
                        </div>
                        <div class="form-group mb-3">
                            <label>Pelanggan</label>
                            <input class="form-control resetForm" type="text" placeholder="Pelanggan" value="{{ $terimaOrder->pelanggan->kode." | ".$terimaOrder->pelanggan->nama }}" disabled="disabled">
                        </div>
                        <div class="form-group mb-3">
                            <div class="row">
                                <div class="col-12">
                                    <label>Tanggal Terima Order</label>
                                    <input class="form-control resetForm required" type="datetime-local" name="tanggal_terima_order" id="tanggal_terima_order" placeholder="Tanggal Terima Order" value="1970-01-01T00:00:00" disabled="disabled">
                                </div>
                            </div>
                        </div>
                        <div class="form-group mb-3">
                            <div class="row">
                                <div class="col-12">
                                    <label>Tanggal Timbang Order</label>
                                    <input class="form-control resetForm required" type="datetime-local" name="tanggal_timbang_order" id="tanggal_timbang_order" placeholder="Tanggal Timbang Order" value="1970-01-01T00:00:00" disabled="disabled">
                                </div>
                            </div>
                        </div>
                        <div class="form-group mb-3">
                            <div class="row">
                                <div class="col-12">
                                    <label>Gudang</label>
                                    <input class="form-control disabled" disabled type="text" name="gudang" id="gudang" placeholder="Gudang Penjualan" value="{{ $terimaOrder->penjualan->gudang->nama }}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group mb-3">
                            <div class="row">
                                <div class="col-12">
                                    <label>Nomor Nota</label>
                                    <input class="form-control resetForm" type="text" name="nomor_nota" id="nomor_nota" placeholder="Nomor Nota" value="{{$terimaOrder->penjualan->nomor_nota ?? null }}" disabled>
                                </div>
                            </div>
                        </div>
                        <div class="form-group mb-3">
                            <div class="row">
                                <div class="col-12">
                                    <label>Catatan Tambahan</label>
                                    <textarea name="note" id="note" class="form-control" rows="5" placeholder="Catatan Tambahan" disabled>{{ $terimaOrder->penjualan->note ?? null }}</textarea>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </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 style="max-width: 70% !important;">Penjualan</th>
                        <th style="width: 10% !important;" class="text-center">Nomor Urut</th>
                        <th style="width: 10% !important;" class="text-end">QTY Tercatat</th>
                        <th style="width: 10% !important;" class="text-end">QTY Timbang</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($terimaOrder->details as $detail)
                        <tr style="background-color: #e9ecef !important;">
                            <td colspan="3">
                                {{ $detail->produk->nama_produk }} [Jumlah: {{ formatNumber($detail->jumlah) ?? 0 }} {{ $detail->satuan ?? "-" }}]
                            </td>
                            <td colspan="2" style="text-align: right;">
                                <b>[Harga: <span>{{ formatNumberComma($detail->penjualanDetail?->sub_total ?? 0) }}</span>]</b>
                                <br>
                                <b>[Biaya Tambahan: <span>{{ formatNumberComma($detail->penjualanDetail?->biaya_tambahan ?? 0) }}</span>]</b>
                            </td>
                        </tr>
                        @foreach (($detail->penjualanDetail?->items ?? []) as $item)
                            <tr class="">
                                <td></td>
                                <td class="text-center">{{ $item->stokBarang->sort }}</td>
                                <td class="text-end">{{ formatNumber($item->stokBarang->qty + $item->qty_timbang) }} {{ $detail->produk->unit_satuan_stock }}</td>
                                <td>
                                    <input
                                        type="text"
                                        class="form-control text-end removeMinusSign formatInputUang inputBarang"
                                        placeholder="Berat"
                                        disabled="disabled"
                                        readonly="readonly"
                                        value="{{ formatNumber($item->qty_timbang) }}"
                                    >
                                </td>
                            </tr>
                        @endforeach
                    @empty
                        <tr>
                            <td colspan="5" class="text-center">Tidak Ada Data</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="row mt-3">
            <div class="col-12 mt-3">
                <a href="/penjualan/timbang-order/history" 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>
@endpush