@extends('template.navbar')
@section('document_title')
    <h4 class="font-weight-bolder text-white mb-0 text-capitalize">goods receipt Form</h4>
@endsection
@extends('master')
@section('css')
    <style>
        .demo-animals .scientific {
            font-weight: normal;
            opacity: 0.3;
            margin: 0 0 0 2px;
        }

        .demo-animals .scientific::before {
            content: '(';
        }

        .demo-animals .scientific::after {
            content: ')';
        }

        .table tbody tr:last-child td {
            border-width: 1 !important;
        }

        p {
            margin: 0;
        }

        .label_judul {
            font-size: 0.8rem;
        }

        .input_detail {
            min-width: 10rem;
        }
    </style>
@endsection
@section('content')
    <form action="{{ route('pr.store') }}" method="POST" id="form_tambah_edit" class="text-capitalize">
        <div class="form-group">
            <input type="hidden" name="_token" value="{{ csrf_token() }}" />
            <input type="hidden" name="_method" value="POST" />
            <input type="hidden" name="kd_penerimaan_barang" value="">
            <input type="hidden" name="kd_pemesanan_pembelian" value="{{ $po->kd_pemesanan_pembelian }}">
            <input type="hidden" id="detail_count" value="{{ count($po_detail) }}">
        </div>

        <div class="row row-cols-1 row-cols-md-3 mb-3">
            <div class="col">
                <div class="card h-100 shadow mb-3">
                    <div class="card-body">
                        <div class="form-group">
                            <label for="exampleFormControlInput1">transaction date</label>
                            <input type="date" class="form-control form-control-sm" name="tgl_penerimaan_barang"
                                id="tgl_penerimaan_barang" placeholder="name@example.com"
                                value="{{ $sld_now->format('Y-m-d') }}">
                        </div>
                        <div class="form-group">
                            <label class="form-label mb-1">
                                branch
                            </label>
                            <select name="kd_cabang" id="kd_cabang" class="form-select form-select-sm"
                                data-control="select2" data-hide-search="true">
                            </select>
                        </div>
                        <div class="form-group mb-0">
                            <label class="form-label mb-1">
                                storage
                            </label>
                            <select name="kd_gudang" id="kd_gudang" class="form-select form-select-sm mb-0"
                                data-control="select2" data-hide-search="true">
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100 shadow mb-3">
                    <div class="card-body">
                        <p class="text-center label_judul">supplier</p>
                        <p class="fw-bolder text-center font-italic mb-3" id="nama_supplier">
                            {{ $po->nama_supplier }}</p>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <p class="text-center label_judul">PO. No.</p>
                                    <p class="fw-bolder text-center font-italic mb-md-0" id="no_pemesanan_pembelian">
                                        {{ $po->no_pemesanan_pembelian }}</p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <p class="text-center label_judul">PO date</p>
                                    <p class="fw-bolder text-center font-italic mb-md-0" id="tgl_pemesanan_pembelian">
                                        {{ Carbon\Carbon::parse($po->tgl_pemesanan_pembelian)->format('d/m/Y') }}</p>
                                </div>
                            </div>
                        </div>
                        <hr class="mt-md-0">
                        <div class="row mb-0">
                            <div class="col-md-6 mb-0">
                                <div class="form-group mb-0">
                                    <label for="exampleFormControlInput1">document supplier</label>
                                    <input type="text" class="form-control form-control-sm mb-0"
                                        name="no_document_supplier" id="no_document_supplier" value="">
                                </div>
                            </div>
                            <div class="col-md-6 mb-0">
                                <div class="form-group mb-0">
                                    <label for="exampleFormControlInput1">delivery by</label>
                                    <input type="text" class="form-control form-control-sm mb-0" name="nama_pengantar"
                                        id="nama_pengantar" value="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100 shadow mb-3">
                    <div class="card-body">
                        <div class="form-group">
                            <label class="form-label mb-1">
                                prepared by
                            </label>
                            <select name="kd_karyawan_01" id="kd_karyawan_01"
                                class="form-select form-select-sm mb-md-5 list_karyawan" data-control="select2"
                                data-hide-search="true">
                            </select>
                        </div>
                        <div class="form-group mb-0">
                            <label class="form-label mb-1">
                                approved by
                            </label>
                            <select name="kd_karyawan_02" id="kd_karyawan_02"
                                class="form-select form-select-sm mb-0 list_karyawan" data-control="select2"
                                data-hide-search="true">
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card shadow mb-3">
            <div class="card-body">
                <div class="form-group mb-md-0">
                    <label class="form-label mb-1 text-capitalize">
                        remark
                    </label>
                    <textarea class="form-control" id="keterangan_head" name="keterangan_head">{{ $po->keterangan }}</textarea>
                </div>
            </div>
        </div>
        <div class="card shadow mb-3">
            <div class="card-body">
                <div class="table-responsive table-responsive-sm">
                    <table class="table table-striped align-items-center table-sm">
                        <thead class="table-dark">
                            <tr>
                                <th rowspan="2"></th>
                                <th rowspan="2">product no.</th>
                                <th rowspan="2">description</th>
                                <th rowspan="2">brand</th>
                                <th rowspan="2">uoM</th>
                                <th colspan="3" class="text-center bg-gradient-warning">references</th>
                                <th rowspan="2">quantity</th>
                                <th rowspan="2">remark</th>
                            </tr>
                            <tr class="table-warning">
                                <th>stock</th>
                                <th>qty PO</th>
                                <th>hist. GR</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($po_detail as $item)
                                <tr id="item_{{ $loop->iteration }}">
                                    <td>
                                        <button type="button" class="btn btn-danger" id="btn_hapus"
                                            data-row="{{ $loop->iteration }}">
                                            X
                                        </button>
                                    </td>
                                    <td>{{ $item->no_barang }}</td>
                                    <td>{{ $item->nama_barang }}</td>
                                    <td>{{ $item->nama_merk_barang }}</td>
                                    <td>{{ $item->nama_satuan }}</td>
                                    <td class="text-end">{{ number_format($item->stock) }}</td>
                                    <td class="text-end">{{ number_format($item->jumlah) }}</td>
                                    <td class="text-end">{{ number_format($item->hist_gr) }}</td>

                                    <td><input type="text" class="form-control form-control-sm input_detail text-end"
                                            name="jumlah[]" placeholder="name@example.com"
                                            value="{{ $item->outstanding }}"></td>
                                    <td>
                                        <textarea class="form-control input_detail" id="exampleFormControlTextarea1">{{ $item->keterangan_detail }}</textarea>
                                    </td>
                                    <td hidden><input type="text" name="kd_pemesanan_pembelian_detail[]"
                                            id="kd_pemesanan_pembelian_detail"
                                            value="{{ $item->kd_pemesanan_pembelian_detail }}">
                                        <input type="text" name="kd_barang[]" id="kd_barang"
                                            value="{{ $item->kd_barang }}">
                                    </td>
                                </tr>
                            @endforeach


                        </tbody>
                    </table>
                </div>

            </div>
        </div>

        <div class="d-grid gap-2">
            <button type="submit" class="btn btn-primary">
                save
            </button>
        </div>


    </form>

    {{-- @include('content.modal.modal_outstanding_po') --}}
@endsection
@section('script')
    @include('content.transaction.GR.create.script')
@endsection