@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="">
            <input type="hidden" id="detail_count" value="0">
        </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 }}">
                        </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">
                            pt. djava berkah mineral</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">
                                        PR123456789</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">
                                        24/10/1996</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" rows="4"></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>
                            <tr id="item_baris">
                                <td>
                                    <button type="button" class="btn btn-danger" id="btn_hapus" data-id="baris">
                                        X
                                    </button>
                                </td>
                                <td>no_barang</td>
                                <td>nama_barang</td>
                                <td>nama_merk_barang</td>
                                <td>nama_satuan</td>
                                <td>stock</td>
                                <td>qty_po</td>
                                <td>qty_last_gr</td>
                                <td><input type="text" class="form-control form-control-sm input_detail text-end"
                                        name="tgl_permohonan_pembelian" id="tgl_document" placeholder="name@example.com"
                                        value=""></td>
                                <td>
                                    <textarea class="form-control input_detail" id="exampleFormControlTextarea1"></textarea>
                                </td>
                            </tr>

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

            </div>
        </div>


    </form>

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