@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" />
  <link type="text/css" href="//gyrocode.github.io/jquery-datatables-checkboxes/1.2.12/css/dataTables.checkboxes.css" rel="stylesheet" />
@endpush

@section('content')
<nav class="page-breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#">Pembelian</a></li>
        <li class="breadcrumb-item"><a href="/pembelian/po">PO</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">
                    PO PEMBELIAN
                </div>
            </div>
        </h5>
        <form id="form_po_header" onsubmit="event.preventDefault()" >
            <div class="mb-4">
                <div class="">
                    <div class="border p-3">
                        {{-- <form id="form_po_header"> --}}
                            <div class="form-group mb-3">
                                <label>Supplier</label>
                                <select name="supplier_id" id="supplier_id" class="form-control required">
                                    <option value="">Silahkan Pilih</option>
                                    <option value="{{ $detailSupplier->id }}" selected="selected">{{ $detailSupplier->nama }}</option>
                                </select>
                            </div>
                            <div class="form-group mb-3">
                                <div class="row">
                                    <div class="col-12">
                                        <label>Tanggal PO</label>
                                        <input class="form-control resetForm required" type="date" name="tanggal_po" id="tanggal_po" placeholder="Tanggal PO" value="">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group mb-3">
                                <div class="row">
                                    <div class="col-12">
                                        <label for="footer_pdf">Footer PDF</label>
                                        <textarea name="footer_pdf" id="footer_pdf" class="form-control resetForm">{{ ($dataHeader->footer_pdf ?? $GlobalVar->footer_po) }}</textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group mb-3">
                                <div class="row">
                                    <div class="col-12">
                                        <label for="cetak_nama">Cetak Nama Barang</label>
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="cetak_nama" id="asli" value="1" @if ($dataHeader->cetak_nama == 1) checked @endif>
                                            <label class="form-check-label" for="asli">
                                              Asli
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="cetak_nama" id="alias" value="2" @if ($dataHeader->cetak_nama == 2) checked @endif>
                                            <label class="form-check-label" for="alias">
                                              Alias
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        {{-- </form> --}}
                    </div>
                </div>
            </div>
            <div class="mb-2">
                <x-checkbox-view-nama-top />
            </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>No</th>
                            <th>Nama Barang</th>
                            <th class="kolomQty">Jumlah</th>
                            <th class="kolomQty">Satuan</th>
                            <th class="kolomQty">Ratio</th>
                            <th class="text-end kolomHarga">Harga</th>
                            <th class="kolomKeterangan">Note</th>
                            <th class="text-end">Total</th>
                            <th class="kolomAksi">Aksi</th>
                        </tr>
                    </thead>
                    <tbody class="tampilBarang">
                        <tr class="infoKosong" >
                            <td colspan="9" class="text-center">Belum Terdapat Data</td>
                        </tr>
                        @foreach ($dataDetail as $index => $valDetail)
                                                        <tr id="rowBarangDetail" data-id="{{ $valDetail['produk_id'] }}" class="rowBarangDetail">
                                <td class="number">{{ $index + 1 }}</td>
                                <td style="max-width: 25% !important; white-space: normal; word-break:break-all;">
                                    {{-- {{ cetakNamaProduk($valDetail['kode'], $valDetail['nama'], $valDetail['parent_id'], $valDetail['kode_parent'], $valDetail['nama_parent']) }} (Alias: {{ cetakNamaProduk($valDetail['kode_dari_supplier'], $valDetail['nama_dari_supplier'], $valDetail['parent_id'], $valDetail['kode_parent_dari_supplier'], $valDetail['nama_parent_dari_supplier']) }}) --}}
                                    <div class="view_nama_asli view_nama">
                                        {{ cetakNamaProduk($valDetail['kode'], $valDetail['nama'], $valDetail['parent_id'], $valDetail['kode_parent'], $valDetail['nama_parent']) }}
                                    </div>
                                    <div class="view_nama_alias view_nama" style="display:none">
                                        {{ cetakNamaProduk($valDetail['kode_dari_supplier'], $valDetail['nama_dari_supplier'], $valDetail['parent_id'], $valDetail['kode_parent_dari_supplier'], $valDetail['nama_parent_dari_supplier']) }}
                                    </div>
                                    <div class="view_nama_asli_alias view_nama" style="display:none">
                                        {{ cetakNamaProduk($valDetail['kode'], $valDetail['nama'], $valDetail['parent_id'], $valDetail['kode_parent'], $valDetail['nama_parent']) }}
                                        <br>
                                        {{ cetakNamaProduk($valDetail['kode_dari_supplier'], $valDetail['nama_dari_supplier'], $valDetail['parent_id'], $valDetail['kode_parent_dari_supplier'], $valDetail['nama_parent_dari_supplier']) }}
                                    </div>
                                </td>
                                <td style="width: 10% !important;">
                                    <input type="hidden" data-id_lama="{{ $valDetail['id'] }}" class="form-control idDetail id" value="">
                                    <input type="text" onchange="formatInputUang(this)" class="form-control text-end removeMinusSign required jumlahDetail jumlahDetailAwal jumlah" value="{{ formatNumber($valDetail['jumlah']) }}" data-id="">
                                </td>
                                <td style="width: 13% !important;">
                                    <select class="form-control required satuanDetail satuan">
                                        <option value="">Silahkan Pilih</option>
                                        @foreach ($satuan as $index => $vSatuan)
                                            @php
                                                $namaSatuan = $vSatuan;
                                                if($index > 0){
                                                    $namaSatuan .= "<span style='font-size:10px'> (".formatNumber($ratio[$index], 0)." ".$satuan[$index - 1].")</span>";
                                                }
                                            @endphp
                                            <option data-ratio="{{ ($loop->last && !$loop->first) ? $ratio[$index] : 1 }}" value="" selected="selected">{!! $namaSatuan !!}</option>
                                        @endforeach
                                    </select>
                                </td>
                                <td style="width: 7%">
                                    <input type="text" class="form-control text-end removeMinusSign required ratioDetail ratio{{ $valDetail['produk_id'] }}" value="{{ formatNumber($valDetail['ratio']) }}" data-id="{{ $valDetail['produk_id'] }}">
                                </td>
                                <td style="width: 10% !important;"><input type="text" onchange="formatInputUang(this)" class="form-control removeMinusSign required hargaDetail hargaDetailAwal text-end harga" value="