@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/terima-order">Terima Order</a></li>
        <li class="breadcrumb-item active" aria-current="page">Edit Data</li>
    </ol>
</nav>

<div class="card m-b-30">
    <div class="card-body">
        <h5 class="card-title">
            <div class="row">
                <div class="col-12">
                    Terima Order Penjualan (Edit Data)
                </div>
            </div>
        </h5>
        <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>
                            <select name="id_pelanggan" id="id_pelanggan" class="form-control required select2Custom">
                                <option value="">Silahkan Pilih</option>
                                @foreach ($dataCustomer as $valCustomer)
                                    <option value="{{ $valCustomer->id }}" {{ $dataHeader->id_pelanggan == $valCustomer->id ? 'selected="selected"' : ''}}>{{ $valCustomer->kode." | ".$valCustomer->nama }}</option>
                                @endforeach
                            </select>
                        </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">
                                </div>
                            </div>
                        </div>
                        <div class="form-group mb-3">
                            <label>Titip Transaksi ke Cabang</label>
                            <select name="id_cabang_titipan" id="id_cabang_titipan" class="form-control select2Custom">
                                <option value="">Silahkan Pilih</option>
                                @foreach ($dataCabang as $vCabang)
                                    <option value="{{ $vCabang->id }}" selected="selected">{{ $vCabang->nama_perusahaan }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group mb-3">
                            <label>Catatan Tambahan</label>
                            <textarea name="note" id="note" rows="5" class="form-control" placeholder="Catatan Tambahan" value="{{ $dataHeader->note ?? null }}"></textarea>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="table-responsive" style="overflow-x: auto;">
            <table class="table table-bordered table-hover table-sm table-number" style="width: 100% !important;">
                <thead>
                    <tr>
                        <th style="width: 5% !important;">No</th>
                        <th style="max-width: 20% !important;">Barang</th>
                        <th class="text-end" style="width: 10% !important;">Jumlah</th>
                        <th style="width: 10% !important;">Satuan</th>
                        <th class="text-end" style="width: 15% !important;">Harga</th>
                        <th class="text-end" style="width: 15% !important;">Biaya Tambahan</th>
                        <th class="text-end" style="width: 10% !important;">Total Harga</th>
                        <th class="kolomAksi">Aksi</th>
                    </tr>
                </thead>
                <tbody class="tampilBarang">
                                        @foreach ($dataDetail as $index => $vDetail)