@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">Input 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">

                        <input type="hidden" name="id_header" id="id_header" value="{{ $dataHeader->id }}">

                        <div class="form-group mb-3">
                            <label>Pelanggan</label>
                            <input class="form-control resetForm" type="text" placeholder="Pelanggan" value="{{ $dataHeader->pelanggan->kode." | ".$dataHeader->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="{{ ($penjualanDetail->tanggal_timbang_order ?? null) ? date('Y-m-d\TH:i:s', strtotime($penjualanDetail->tanggal_timbang_order)) : date('Y-m-d\TH:i:s') }}">
                                </div>
                            </div>
                        </div>
                        <div class="mb-3">
                            <label class="form-label" for="gudang">Gudang</label>
                            <select name="gudang" id="gudang" class="form-select required select2Custom">
                              <option value="">Pilih Gudang Penjualan</option>
                              @foreach ($list_gudang_penjualan as $gudang)
                                <option @selected($gudang->id == $gudang_penjualan_id) value="{{ $gudang->id }}">{{ $gudang->nama }}</option>
                              @endforeach
                            </select>
                        </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">{{ $dataHeader->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>
                        <th style="width: 10% !important;" class="text-center">Aksi</th>
                    </tr>
                </thead>
                <tbody>
                                        @foreach ($dataDetail as $vDetail)