@extends('admin.layout.master')
@section('title', __('obs.adjustment'))
@section('custom_style')
    @include('inventory.blade_styles.posting_blade_css')
@endsection
@section('content')
    <div class="cl-card card border-secondary border-opacity-50 rounded-2">
        <div class="card-header px-2 d-flex justify-content-between align-items-center">
            <h5 class="card-title m-0 col-3">{{__('obs.in_out')}}</h5>
			<h6 class="card-title m-0 col-2"><input type="text" id="invoice_no" name="invoice_no" disabled NsModelBind="invoice.invoice_no" class="form-control cl-form-control text-center" style="border: 0; background-color: var(--cl-gray-50);"></h6>
        </div>
        <div class="card-body">
            <div class="row g-3">
                <div class="col-xl-8">
                    <div class="row">
                        <div class="col-12">
                            <div class="cl-table-container rounded-2" style="max-height: 425px; min-height: 235px;">
                                <table class="table mb-0 rounded-2 cl-bg-gray-100 cl-table table-borderless">
                                    <thead>
                                        <tr>
                                            <th class="text-center cl-fixed-cell" scope="col" style="width: 25px">#</th>
                                            <th class="text-center cl-fixed-cell" scope="col" style="width: 16%">{{__('obs.product')}}</th>
                                            <th class="text-center" scope="col">{{__('obs.unit')}}</th>
                                            <th class="text-center" scope="col">{{__('obs.img')}}</th>
                                            <th class="text-center" scope="col">{{__('obs.note')}}</th>
                                            <th class="text-center" scope="col">{{__('obs.qty')}}</th>
                                            <th class="text-center" scope="col">{{__('obs.action')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbl_body">
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="col-12 d-flex">
                            <hr class="mb-0 w-100">
                            @include('v2.inventory.global.btn_add_new_row')
                        </div>
                    </div>
                    
                    <div class="row mt-2">
                        <h6 class="card-header text-center">{{__('obs.adj_out')}}</h6>
                        <div class="col-12">
                            <div class="cl-table-container rounded-2" style="max-height: 425px;">
                                <table class="table mb-0 rounded-2 cl-bg-gray-100 cl-table">
                                    <thead>
                                        <tr>
                                            <th class="text-center cl-fixed-cell" scope="col" style="width: 25px">#</th>
                                            <th class="text-center cl-fixed-cell" scope="col" style="width: 16%">{{__('obs.product')}}</th>
                                            <th class="text-center" scope="col">{{__('obs.unit')}}</th>
                                            <th class="text-center" scope="col">{{__('obs.img')}}</th>
                                            <th class="text-center" scope="col">{{__('obs.note')}}</th>
                                            <th class="text-center" scope="col">{{__('obs.qty')}}</th>
                                            <th class="text-center" scope="col">{{__('obs.avl_qty')}}</th>
                                            <th class="text-center" scope="col">{{__('obs.action')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbl_body_out">
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="col-12 d-flex">
                            <hr class="mb-0 w-100">
                            @include('v2.inventory.global.btn_add_new_row', ['ret'=> 1])
                        </div>
                    </div>
                </div>
                
                <div class="col-xl-4">
                    <div class="row">
                        <div class="col-12">
                            <div class="row g-2">
                                <div class="col-12">
                                    <table class="table cl-table table-form table-bordered mb-0">
                                        <tr>
                                            <td>
                                                <label for="cost_center_id" class="form-label cl-form-label">{{__('obs.cost_center')}}</label>
                                            </td>
                                            <td>
                                                @include('v2.inventory.global.cost_center_dd', ['id'=> 'inv_cost_center_id', 'name'=> 'inv_cost_center_id', 'cls'=> '_inv'])
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <label for="ref_invoice" class="form-label cl-form-label">{{__('obs.ref_no')}}</label>
                                            </td>
                                            <td>
                                                <input type="text" id="ref_invoice" name="ref_invoice" NsModelBind="invoice.ref_invoice" class="form-control cl-form-control">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <label for="note" class="form-label cl-form-label">{{__('obs.description')}}</label>
                                            </td>
                                            <td>
                                                <input type="text" id="note" name="note" NsModelBind="invoice.note" class="form-control cl-form-control">
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-12">
                                    <table class="table cl-table table-form table-bordered mb-0">
                                        <tr>
                                            <td>
                                                <label for="date" class="form-label cl-form-label">{{__('obs.date')}}</label>
                                            </td>
                                            <td>
                                                @include('v2.inventory.global.inv_date')
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <label for="inv_group_id" class="form-label cl-form-label">{{__('obs.inv_group')}}</label>
                                            </td>
                                            <td>
                                                @include('v2.inventory.global.invoice_group_dd', ['type'=> 5])
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <label class="form-check-label cl-form-check-label" for="checkInput3"> {{__('obs.status')}}</label>
                                            </td>
                                            <td>
                                                <select class="form-select cl-form-select" name="status" id="status" NsModelBind="invoice.status">
                                                    <option value="1">{{__('obs.active')}}</option>
                                                    <option value="0">{{__('obs.stand_by')}}</option>
                                                </select>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 mt-2">
                            <div class="card">
                                <h6 class="card-header text-center">{{__('obs.invoice_summary')}}</h6>
                                <div class="card-body p-2">
                                    <div class="row g-0">
                                        <div class="col-12" id="div_qty">
                                            <div class="classic_input_container">
                                                <span class="classic_label">{{__('obs.quantity')}}</span>
                                                <span class="classic_input">
                                                    <input type="number" min="0" name="quantity" NsModelBind="invoice.quantity" value="0" id="quantity" class="form-control" disabled/>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="my-2">
                                @include('v2.inventory.global.button_sets')
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    {{-- For Quick Posting --}}
        @include('v2.inventory.global.quick_posting.q_cost_center_create')
    {{-- END --}}

    @include('v2.inventory.global.inv_loader')
@endsection
@section('script')
    <script>
        const edit_invoice = @json(@$invoice??null);
    </script>
    @include('v2.inventory.global.init_default_settings_in_js', ['tran_type'=> 5])
    <script>
        varObj.is_special = 1;
    </script>
    <script type="text/javascript" src="{{ asset('v2/inventory/invoice/adjustment/out.js'.getJsVersion()) }}"></script>
    <script type="text/javascript" src="{{ asset('v2/inventory/invoice/adjustment/in.js'.getJsVersion()) }}"></script>
    <script type="text/javascript" src="{{ asset('v2/inventory/invoice/adjustment/adj_base.js'.getJsVersion()) }}"></script>
    <script type="text/javascript" src="{{ asset('v2/inventory/invoice/adjustment/in_out.js'.getJsVersion()) }}"></script>
@append