@extends('admin.layout.master')
@section('title', __('obs.issue_production'))
@section('custom_style')
    @include('inventory.blade_styles.posting_blade_css')
    {{-- <style>
        {!! $setting->style_css !!}
    </style> --}}
@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">{{ __('obs.issue_production') }}</h5>
            <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">
            <div class="row gx-2 gy-1">
                {{-- <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                    <table class="table cl-table table-form table-bordered mb-0">
                        <tr>
                            <td>
                                <label for="transfer_to" class="form-label cl-form-label"> {{ __('obs.issue_to') }} </label>
                            </td>
                            <td>
                                @include('v2.inventory.global.admin_dd', [
                                    'id' => 'transfer_to',
                                    'binder' => 'NsModelBind=invoice.transfer_to',
                                ])
                            </td>
                        </tr>
                    </table>
                </div> --}}
                <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
                    <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>
                    </table>
                </div>
                {{-- <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                    <table class="table cl-table table-form table-bordered mb-0">
                        <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-xl-3 col-lg-3 col-md-4 col-sm-6">
                    <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>
                    </table>
                </div>
                {{-- <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                    <table class="table cl-table table-form table-bordered mb-0">
                        <tr>
                            <td>
                                <label class="form-check-label cl-form-check-label" for="status"> {{ __('obs.status') }}</label>
                            </td>
                            <td>
                                <select class="form-select cl-form-select" name="status" id="status" NsModelBind="invoice.status">
                                    <option value="1">Active</option>
                                    <option value="0">Stand By</option>
                                </select>
                            </td>
                        </tr>
                    </table>
                </div>
                        
                <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                    <table class="table cl-table table-form table-bordered mb-0">
                        <tr>
                            <td>
                                <label for="order_req_det_id">{{__('obs.style')}}</label>
                            </td>
                            <td>
                                @include('v2.inventory.global.style_dd')
                            </td>
                        </tr>
                    </table>
                </div> --}}

                <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
                    <table class="table cl-table table-form table-bordered mb-0">
                        <tr>
                            <td>
                                <label for="shift_id">{{__('obs.shift')}}</label>
                            </td>
                            <td>
                                @include('v2.inventory.global.shift_dd', [ 'binder' => 'invoice.salesman_id'])
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
                    <table class="table cl-table table-form table-bordered mb-0">
                        <tr>
                            <td>
                                <label for="batch_qty">{{__('obs.injection_pusshing')}}</label>
                            </td>
                            <td>
                                <input type="number" min="0" id="batch_qty" name="batch_qty" NsModelBind="invoice.batch_qty"
                                    class="form-control cl-form-control">
                            </td>
                        </tr>
                    </table>
                </div>

                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                    <table class="table cl-table table-form table-bordered mb-0">
                        <tr>
                            <td>
                                <label for="products" class="form-label cl-form-label">{{ __('obs.products') }}</label>
                            </td>
                            <td>
                                @include('v2.inventory.global.product_live_dd', [
                                    'skip_add_new' => 1,
                                    'id'=> 'production_product_ids',
                                    'name'=> 'production_product_ids',
                                    'event' => 'multiple',
                                ])
                            </td>
                            <td class="text-center">
                                <button type="button" class="btn btn-success" id="btn_sub" onclick="createProductionTable()"> <i class="icofont-plus"></i></button>
                                <button type="button" class="btn btn-danger" id="btn_reset" onclick="resetProductionTable()"> <i class="icofont-bin"></i></button>
                            </td>
                        </tr>
                    </table>
                </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 cl-table table-bordered" style="min-width: 992px" id="table_invoice">
                        </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', ['invoice'=> true])
                </div>
            </div>
        </div>
    </div>
    @include('v2.inventory.global.inv_loader')
@endsection
@section('script')
    <script>
        const is_single_inv = {{ request()->is_single_inv??0 }};
        const edit_invoice = @json(@$invoice??null);
        const haddi_nali = @json(json_decode(env('haddi_nali')??"[]"));
        console.log(edit_invoice, is_single_inv, haddi_nali);
    </script>
    @include('v2.inventory.global.init_default_settings_in_js', ['tran_type'=> 8])
    <script type="text/javascript" src="{{ asset('v2/inventory/invoice/issue_production/create.js') }}"></script>
@append