@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="">
            <input type="hidden" id="detail_count" value="0">
        </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="{{ $sld_now }}">
                                </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="{{ $sld_next_month }}">
                                </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">
                            </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">
                            </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"></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">
                            {{-- <div class="cols">
                                <div class="card">
                                    <div class="card-body">
                                        <h5 class="text-center">nama_barang</h5>
                                        <h6 class="mb-0 text-center">no_barang / 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="Recipient's username" aria-label="Recipient's username"
                                                    aria-describedby="basic-addon2">
                                                <span class="input-group-text" id="basic-addon2">satuan</span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleFormControlTextarea1">remark</label>
                                            <textarea class="form-control" id="exampleFormControlTextarea1"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div> --}}
                        </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.create.script')
@endsection