@extends('template.navbar')
@section('document_title')
    <h4 class="font-weight-bolder text-white mb-0 text-capitalize">purchase order 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')
    <div class="card mb-4">
        <div class="card-body">

            <div class="row row-cols-1 row-cols-md-3 text-capitalize">
                <div class="col">
                    <div class="form-group col-md-6">
                        <label for="exampleFormControlInput1">transaction date</label>
                        <input type="date" class="form-control form-control-sm" id="exampleFormControlInput1"
                            placeholder="name@example.com">
                    </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">
                        <label class="form-label mb-1">
                            supplier
                        </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="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="exampleFormControlInput1">PR No.</label>
                                <input type="text" class="form-control form-control-sm" id="exampleFormControlInput1"
                                    placeholder="name@example.com">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="exampleFormControlInput1">PR date</label>
                                <input type="text" class="form-control form-control-sm" id="exampleFormControlInput1"
                                    placeholder="name@example.com">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="row">
                        <div class="col-6">
                            <div class="form-group">
                                <label class="form-label mb-1">
                                    currency
                                </label>
                                <select name="kd_mata_uang" id="kd_mata_uang" class="form-select form-select-sm"
                                    data-control="select2" data-hide-search="true">
                                </select>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label class="form-label mb-1">
                                    kurs
                                </label>
                                <input type="text" class="form-control form-control-sm" id="exampleFormControlInput1"
                                    placeholder="name@example.com">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="form-label mb-1 text-center">
                            term
                        </label>
                        <div class="d-grid gap-2">
                            <div class="btn-group" role="group" aria-label="Basic example">
                                <input type="radio" class="btn-check" name="options-outlined" id="success-outlined"
                                    autocomplete="off">
                                <label class="btn btn-outline-success btn-sm" for="success-outlined">cash</label>

                                <input type="radio" class="btn-check" name="options-outlined" id="danger-outlined"
                                    autocomplete="off">
                                <label class="btn btn-outline-danger btn-sm" for="danger-outlined">credit</label>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="col">
                    <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"
                            data-control="select2" data-hide-search="true">
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="form-label mb-1">
                            approved by
                        </label>
                        <select name="kd_karyawan_02" id="kd_karyawan_02" class="form-select form-select-sm"
                            data-control="select2" data-hide-search="true">
                        </select>
                    </div>
                </div>
                {{-- <div class="col">
                    <div class="row row-cols-1 row-cols-md-2">
                        <div class="col">

                        </div>
                        <div class="col">
                            <div class="form-group">
                                <label for="exampleFormControlInput1">require date</label>
                                <input type="date" class="form-control form-control-sm" id="exampleFormControlInput1"
                                    placeholder="name@example.com">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="exampleFormControlInput1">branch</label>
                        <input type="date" class="form-control form-control-sm" id="exampleFormControlInput1"
                            placeholder="name@example.com">
                    </div>
                </div> --}}

            </div>
            <div class="form-group">
                <label class="form-label mb-1 text-capitalize">
                    remark
                </label>
                <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
            </div>
            {{-- <div class="table-responsive">
                <table class="table align-items-center table-sm" id="transaction_table">
                    <thead class="text-capitalize bg-gradient-secondary">
                        <tr>
                            <th rowspan="2" scope="col" class="text-light">purchase order no.</th>
                            <th rowspan="2" class="text-light">date</th>
                            <th colspan="2" class="text-light text-center">status</th>
                            <th rowspan="2" class="text-light">grand total</th>
                            <th rowspan="2" class="text-light">Remark</th>
                            <th rowspan="2"></th>
                            <th rowspan="2"></th>
                            <th rowspan="2"></th>
                        </tr>
                        <tr>
                            <th class="text-light">close</th>
                            <th class="text-light">approval</th>
                        </tr>

                    </thead>
                </table>
            </div> --}}

        </div>

    </div>
    @include('content.modal.modal_outstanding_pr')
@endsection
@section('script')
    @include('content.transaction.PO.create.script')
@endsection