@extends('admin.layout.master')
@section('title', __('obs.adjustment_out'))
@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_out')}}</h4>
			<h6 class="card-title m-0"><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">
            <nav class="mb-2">
                <div class="nav nav-tabs" role="tablist">
                    <button class="nav-link active" data-bs-target="#invoice" data-bs-toggle="tab" type="button"
                        role="tab" aria-controls="nav-invoice" aria-selected="true">
                        {{__('obs.invoice')}}
                    </button>
                    <button class="nav-link" data-bs-target="#install-invoice-tab" data-bs-toggle="tab" type="button"
                        role="tab" aria-controls="nav-install-invoice" aria-selected="false">
                        {{ __('obs.install_invoice') }}</button>
                    <button class="nav-link" data-bs-target="#install-from-category-tab" data-bs-toggle="tab" type="button"
                        role="tab" aria-controls="nav-install-from-category" aria-selected="false">
                        {{ __('obs.install_from_category') }}</button>
                </div>
            </nav>

            <div class="tab-content">
                <div class="tab-pane fade show active" id="invoice" role="tabpanel" tabindex="0">
                    <div class="row">
                        <div class="col-12">
                            <div class="row gx-2 gy-0">
                                <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', ['id'=> 'inv_cost_center_id', 'name'=> 'inv_cost_center_id', 'cls'=> '_inv'])
                                    </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'=> 5])
                                    </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" NsModelBind="invoice.ref_invoice" class="form-control cl-form-control">
                                    </div>
                                </div>

                                <div class="col-lg-2 col-sm-4 col-6">
                                    <div class="mb-0">
                                        <label for="note" class="form-label cl-form-label">{{__('obs.description')}}</label>
                                        <input type="text" id="note" name="note" NsModelBind="invoice.note" class="form-control cl-form-control">
                                    </div>
                                </div>

                                <div class="col-lg-2 col-sm-4 col-6">
                                    <div class="mb-0">
                                        <label for="date" class="form-label cl-form-label">{{__('obs.date')}}</label>
                                        @include('v2.inventory.global.inv_date')
                                    </div>
                                </div>

                                <div class="col-lg-2 col-sm-4 col-6">
                                    <div class="mb-0">
										<label class="form-check-label cl-form-check-label" for="checkInput3">{{__('obs.status')}}</label>
										<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>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row mt-3">
                        <div class="col-12">
                            <div class="cl-table-container rounded-2" style="height: 357px">
                                <table class="table mb-0 rounded-2 cl-bg-gray-100 table-sm table-borderless cl-table" style="min-width: 992px">
                                    <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.camel_case_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>
                                            @if (warehouse_info()->use_expiry == 1)
                                                <th class="text-center" scope="col">{{__('obs.expiry_date')}}</th>
                                            @endif
                                            <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" style="width: 10%">{{ __('obs.price') }}</th>
                                            <th class="text-center" scope="col">{{ __('obs.total') }}</th>
                                            <th class="text-center" scope="col">{{ __('obs.disc') }} (%)</th>
                                            <th class="text-center" scope="col">{{ __('obs.m_disc') }}</th>
                                            <th class="text-center" scope="col">{{ __('obs.net') }} {{ __('obs.price') }}</th>
                                            <th class="text-center" scope="col">{{ __('obs.vat_type') }}</th>
                                            <th class="text-center" scope="col">{{ __('obs.vat_tax') }}</th>
                                            <th class="text-center" scope="col">{{ __('obs.total') }}</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')
                        </div>
                    </div>

                    <div class="row mt-2">
                        <div class="col-md-12 col-sm-12">
                            @include('v2.inventory.global.inv_foot')
                        </div>
                    </div>
                </div>

                <div class="tab-pane fade" id="install-invoice-tab" role="tabpanel" tabindex="0">
                    @php
                        $types = [
                            '6'=> __('obs.adj_out')
                        ];
                    @endphp
                    @include('v2.inventory.global.install_invoice', [
                        'theads'=> ['Date', 'Invoice No'],
                        'dateSerial'=> 2,
                        'invoiceTypes'=> $types,
                    ])
                </div>

                <div class="tab-pane fade" id="install-from-category-tab" role="tabpanel" tabindex="0">
                    @include('v2.inventory.global.install_product_by_category')
                </div>
            </div>
        </div>
    </div>
    
    <!-- size Modal Div -->
    <div id="div_product_serial"> </div>
    
    @include('v2.inventory.global.inv_loader')
@endsection
@section('script')
    <script>
        const edit_invoice = @json(@$invoice??null);
        console.log(edit_invoice);
    </script>
    @include('v2.inventory.global.init_default_settings_in_js', ['tran_type'=> 6])
    <script type="text/javascript" src="{{ asset('v2/inventory/invoice/adjustment/out.js'.getJsVersion())}}"></script>
    <script type="text/javascript" src="{{ asset('v2/inventory/invoice/adjustment/adj_base.js'.getJsVersion())}}"></script>
@append