@extends('template.navbar')
@section('document_title')
    <h4 class="font-weight-bolder text-white mb-0 text-capitalize">purchase requisition 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: ')';
        }
    </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_permohonan_pembelian" value="{{ $pr->kd_permohonan_pembelian }}">
            <input type="text" id="detail_count" value="{{ count($pr_detail) }}">
        </div>
        <div class="row mb-3">
            <div class="col-md-4">
                <div class="card">
                    <div class="card-body">

                        <div class="row row-cols-1 row-cols-md-2">
                            <div class="col">
                                <div class="form-group">
                                    <label for="exampleFormControlInput1">transaction date</label>
                                    <input type="date" class="form-control form-control-sm"
                                        name="tgl_permohonan_pembelian" id="tgl_document" placeholder="name@example.com"
                                        value="{{ $pr->tgl_permohonan_pembelian }}">
                                </div>
                            </div>
                            <div class="col">
                                <div class="form-group">
                                    <label for="exampleFormControlInput1">require date</label>
                                    <input type="date" class="form-control form-control-sm" name="tgl_dibutuhkan"
                                        id="tgl_dibutuhkan" placeholder="name@example.com"
                                        value="{{ $pr->tgl_dibutuhkan }}">
                                </div>
                            </div>

                        </div>
                        <div class="form-group">
                            <label class="form-label mb-1">
                                branch
                            </label>
                            <select id="kd_cabang" name="kd_cabang" class="rounded">
                            </select>
                        </div>
                        <div class="form-group">
                            <label class="form-label mb-1">
                                storage
                            </label>
                            <select id="kd_gudang" name="kd_gudang" class="rounded">
                            </select>
                        </div>
                        <hr>

                        <div class="form-group">
                            <label class="form-label mb-1">
                                request by
                            </label>
                            <select id="kd_karyawan_01" name="kd_karyawan_01" class="select_karyawan"
                                data-value ="{{ trim($pr->kd_karyawan_01) }}">
                            </select>
                        </div>
                        <div class="form-group">
                            <label class="form-label mb-1">
                                approve by
                            </label>
                            <select id="kd_karyawan_02" name="kd_karyawan_02" class="select_karyawan"
                                data-value ="{{ trim($pr->kd_karyawan_02) }}">
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-8">
                <div class="card">
                    <div class="card-body">
                        <div class="form-group">
                            <label for="exampleFormControlTextarea1">remark</label>
                            <textarea class="form-control" id="exampleFormControlTextarea1" name="keterangan_head">{{ $pr->keterangan }}</textarea>
                        </div>
                        <div class="d-grid gap-2">
                            <button type="button" id="input_product" class="btn text-capitalize bg-gradient-info">
                                add product
                            </button>
                        </div>

                        <hr>
                        <div class="row row-cols-1 row-cols-md-2" id="detail_card">
                            @foreach ($pr_detail as $item)
                                <div class="cols" id="product_{{ $loop->iteration }}">
                                    <input type="text" name="kd_barang[]" value="{{ $item->kd_barang }}">
                                    <input type="text" name="status_delete[]" id="status_delete_{{ $loop->iteration }}"
                                        value="F">
                                    <input type="text" name="kd_permohonan_pembelian_detail[]"
                                        value="{{ $item->kd_permohonan_pembelian_detail }}">
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="d-grid gap-2 mb-3">
                                                <button type="button"
                                                    class="btn text-capitalize bg-gradient-danger hapus_lama"
                                                    data-row="{{ $loop->iteration }}">X</button>
                                            </div>
                                            <h5 class="text-center">{{ $item->masterbarang->nama_barang }}</h5>
                                            <h6 class="mb-0 text-center">{{ $item->masterbarang->no_barang }} /
                                                {{ $item->masterbarang->mmerkbarang->nama_merk_barang }}</h6>
                                            <hr>
                                            <div class="form-group mb-1">
                                                <label class="form-label mb-1">
                                                    qty
                                                </label>
                                                <div class="input-group">
                                                    <input type="text" class="form-control"
                                                        placeholder="Input qty product" value="{{ $item->jumlah }}"
                                                        name="qty[]" required>
                                                    <span class="input-group-text"
                                                        id="basic-addon2">{{ $item->masterbarang->msatuan->nama_satuan }}</span>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label for="exampleFormControlTextarea1">remark</label>
                                                <textarea class="form-control" id="exampleFormControlTextarea1" name="keterangan_detail[]">{{ $item->keterangan_detail }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach



                        </div>
                        <hr>
                        <div class="d-grid gap-2">
                            <button type="submit" class="btn text-capitalize bg-gradient-success">
                                save
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </form>

    @include('content.modal.modal_barang')
@endsection
@section('script')
    @include('content.transaction.PR.edit.script')
@endsection