@extends('admin.layout.master')
@section('title', __('obs.adjustment'))
@section('custom_style')
    @include('inventory.blade_styles.posting_blade_css')
    {{-- <style>
        {!! $setting->style_css !!}
    </style> --}}
@endsection
@section('content')
    <div class="cl-card card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h4 class="card-title m-0">{{__('obs.adjustment')}}</h4>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-12">
                    <div class="row gx-2 gy-0 align-items-end">
                        <div class="col-lg-2 col-sm-4 col-6">
                            <div class="mb-0">
                                <label for="tran_type" class="form-label cl-form-label">{{__('obs.type')}}</label>
                                <select class="select_2 form-select cl-form-select" name="tran_type" id="tran_type"
                                    NsModelBind="dataObj.tran_type">
                                    <option value="5">{{__('obs.adjustment_in')}}</option>
                                    <option value="6">{{__('obs.adjustment_out')}}</option>
                                    <option value="7">{{__('obs.damage')}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-2 col-sm-4 col-6">
                            <div class="mb-0">
                                <label for="admin_id" class="form-label cl-form-label">{{__('obs.user')}}</label>
                                @include('v2.inventory.global.admin_dd', ['binder' => 'dataObj.admin_id'])
                            </div>
                        </div>
                        <div class="col-lg-2 col-sm-4 col-6">
                            <div class="mb-0">
                                <label for="cost_center_id" class="form-label cl-form-label"> {{__('obs.cost_center')}}</label>
                                @include('v2.inventory.global.cost_center_dd', [
                                    'binder' => 'dataObj.cost_center_id',
                                    'skip_add_new'=> 1
                                ])
                            </div>
                        </div>
                        <div class="col-lg-2 col-sm-4 col-6">
                            <div class="mb-0">
                                <label for="inv_group_id" class="form-label cl-form-label">{{__('obs.inv_group')}}</label>
                                @include('v2.inventory.global.invoice_group_dd', ['type' => 3, 'binder'=> 'dataObj.inv_group_id'])
                            </div>
                        </div>

                        <div class="col-lg-2 col-sm-4 col-6">
                            <div class="mb-0">
                                <label for="invoice_no" class="form-label cl-form-label">{{__('obs.inv_no')}}</label>
                                <input type="text" id="invoice_no" name="invoice_no" class="form-control cl-form-control"
                                    NsModelBind="dataObj.invoice_no">
                            </div>
                        </div>
                        <div class="col-lg-2 col-sm-4 col-6">
                            <div class="mb-0">
                                <label for="ref_invoice" class="form-label cl-form-label">{{__('obs.ref_no')}}</label>
                                <input type="text" id="ref_invoice" name="ref_invoice"
                                    class="form-control cl-form-control" NsModelBind="dataObj.ref_invoice">
                            </div>
                        </div>
                        <div class="col-lg-2 col-sm-4 col-6">
                            <div class="mb-0">
                                <label for="date_from" class="form-label cl-form-label">{{__('obs.date_from')}}</label>
                                <input type="text" id="date_from" name="date_from" NsModelBind="dataObj.date_from"
                                    class="form-control date-picker cl-form-control" value="{{ date('d-m-Y') }}" />
                            </div>
                        </div>
                        <div class="col-lg-2 col-sm-4 col-6">
                            <div class="mb-0">
                                <label for="date_to" class="form-label cl-form-label">{{__('obs.date_to')}}</label>
                                <input type="text" id="date_to" name="date_to" NsModelBind="dataObj.date_to"
                                    class="form-control date-picker cl-form-control" value="{{ date('d-m-Y') }}" />
                            </div>
                        </div>
                        <div class="col-lg-2 col-sm-4 col-6">
                            <label for="" class="w-100">&nbsp;</label>
                            <button type="button" class="btn btn-coral cl-btn"
                                onclick="getAdjustmentInvoices()">{{__('obs.filter')}}</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row mt-4">
                <div class="col-12" id="div_tbl">
                    <table class="table mb-0 rounded-2 table-sm cl-bg-gray-100 cl-table table-bordered">
                        <thead>
                            <th>#</th>
                            <th>{{__('obs.inv_no')}}</th>
                            <th>{{__('obs.ref_no')}}</th>
                            <th>{{__('obs.inv_date')}}</th>
                            <th>{{__('obs.by')}}</th>
                            <th>{{__('obs.approval_status')}}</th>
                            <th>{{__('obs.status')}}</th>
                            <th>{{__('obs.action')}}</th>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        dataObj = {
            tran_type: 5,
            admin_id: '',
            cost_center_id: '',
            inv_group_id: '',
            invoice_no: '',
            ref_invoice: '',
            date_from: date_picker_instances[0].element.value,
            date_to: date_picker_instances[1].element.value
        }

        $(document).ready(function() {
        });

        const getAdjustmentInvoices = () => {
            ajaxCallV2('/inventory/adjustment', 'GET', dataObj, (html) => {
                $('#div_tbl').html(html);
                $('#adjustment_table').dataTable();
                $('#loader').hide();
            });
        }
    </script>
@endsection