@extends('layouts.seller')

@section('content')
    <div class="page-header text-uppercase">
        <ul class="list-unstyled space-list m-0">
            <li>
                <p>
                    @if ($data->id)
                        {{ __('stock_request.edit') }}
                    @else
                        {{ __('stock_request.add') }}
                    @endif
                </p>

            </li>
            <li>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">

                        <li class="breadcrumb-item"><a href="{!! route('seller.dashboard', getStoreSlug()) !!}">{!! __('seller.dashboard') !!}</a></li>
                        <li class="breadcrumb-item"><a href="{!! route('stock-request.index') !!}">{!! __('stock_request.title') !!}</a></li>
                        <li class="breadcrumb-item active" aria-current="page">
                            @if ($data->id)
                                {{ __('stock_request.edit') }}
                            @else
                                {{ __('stock_request.add') }}
                            @endif
                        </li>
                    </ol>
                </nav>
            </li>
        </ul>
    </div>
    @include('layouts.partials.messages')
    <div class="admin-area-col">
        {!! Form::open(['route' => $routes, 'method' => 'POST', 'id' => 'ajaxSave']) !!}
        <div class="row">
            <div class="col-12">
                <div class="error-msg font-14 mt-2"></div>
                <div class="round-white-bg box-shadow">
                    <div class="row">
                        <div class="col-12">
                            <div class="row">
                                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                    <div class="row">

                                            <div class="form-group custom-input-group colored-field-group col-md-3">
                                                {{ Form::label('request_no', __('stock_request.request_no'), ['class' => 'col-form-label']) }}
                                                {{ Form::text('request_id', isset($requestId) ? $requestId : $data->id, ['placeholder' => __('stock_request.request_no'), 'class' => 'form-control', 'readonly' => true]) }}
                                            </div>
                                            <div class="form-group custom-input-group colored-field-group col-md-3">
                                                    {!! Form::label('request_date', __('stock_request.request_date'), ['class' => 'col-form-label']) !!}
                                                    @php
                                                        $requestDate = $data->request_date ? dateFormat($data->request_date, 'd-m-Y') : date('d-m-Y');
                                                    @endphp
                                                    {{ Form::text('request_date', $requestDate, ['placeholder' => __('stock_request.request_date'), 'class' => 'form-control', 'readonly' => true]) }}
                                            </div>
                                            <div class="col-md-1 mt-3 p-2">
                                                <label class="col-form-label"> {{ __('stock_request.week_no') }} :
                                                    @php
                                                        $ddate = isset($data->request_date) ? dateFormat($data->request_date, 'd-m-Y') : date('d-m-Y');
                                                        $date = new DateTime($ddate);
                                                        $week = $date->format('W');
                                                    @endphp
                                                      {{ $week }}
                                                </label>
                                            </div>
                                            <div class="form-group custom-input-group colored-field-group col-md-5">
                                                {!! Form::label('remarks', __('stock_request.remarks'), ['class' => 'col-sm-4 col-form-label']) !!}
                                                {{ Form::textarea('remarks', $data->remarks, ['placeholder' => __('stock_request.remarks'), 'class' => 'form-control', 'id' => 'remark', 'cols' => 2, 'rows' => 1]) }}
                                            </div>
                                             {{-- Show Departments in Edit section --}}
                                             @if ($data->id)
                                            <input type="hidden" name="department" value="{{$data->department_id}}"
                                            @endif


                                            @if (is_object($requestComments))
                                                <div class="form-group row custom-input-group colored-field-group col-md-12">
                                                    {!! Form::label('stock_notice', __('stock_request.notice'), ['class' => 'col-sm-4 col-form-label']) !!}
                                                    <div class="col-sm-6 text-danger">
                                                        <label style='margin-top: 8px;'>
                                                            {{ $requestComments->comment }}
                                                        </label>
                                                    </div>
                                                </div>
                                            @endif

                                    </div>
                                    {{-- Edit section start --}}
                                    @if ($data->id)
                                    <div class="form-group mt-3 d-flex justify-content-between text-left col-12 float-right">
                                        @if ($data->id)

                                        <ul class="list-inline mb-0">
                                                <li class="list-inline-item">
                                                    <input type="submit" class="btn btn-primary _btn-action __park_request"
                                                           value="{!! __('stock_request.park_order') !!}" data-value="0" id="park">
                                                </li>
                                                <li class="list-inline-item">
                                                    <input type="submit" class="btn btn-success _btn-action __send_request"
                                                           value="{!! __('stock_request.save_send') !!}" data-value="4" id="send">
                                                </li>
                                        </ul>
                                        @endif
                                    </div>
                                        <div class="row">
                                            <div class="col-md-12 p-4">
                                                <div class="tab-pane" id="variation" role="tabpanel">
                                                    <div class="form-group">

                                                        <button class="btn btn-primary btn_add mb-2" type="button"
                                                            data-toggle="collapse" data-target="#collapseExample"
                                                            aria-expanded="true" aria-controls="collapseExample"><i
                                                                class="ion-minus-circled"></i>
                                                            {{ __('stock_request.add_stock') }}</button>
                                                        <div class="collapse show" id="collapseExample">
                                                            <div class="card card-body">
                                                                <div class="stock-items">
                                                                    <div class="row">
                                                                        <div class="col-md-2">
                                                                            <label>{{ __('stock_request.department') }}</label>
                                                                        </div>
                                                                        <div class="col-md-2">
                                                                            <label>{{ __('stock_request.item_name') }}</label>
                                                                        </div>
                                                                        <div class="col-md-2">
                                                                            <label>{{ __('stock_request.price') }}</label>
                                                                        </div>
                                                                        <div class="col-md-1">
                                                                            <label>{{ __('stock_request.quantity') }}</label>
                                                                        </div>
                                                                        <div class="col-md-2">
                                                                            <label>{{ __('stock_request.total') }}</label>
                                                                        </div>
                                                                        <div class="col-md-2">
                                                                            <label>{{ __('stock_request.stock_in_slash') }}</label>
                                                                        </div>
                                                                    </div>

                                                                    @php
                                                                        $sumOfPrice = 0;
                                                                    @endphp
                                                                    @if (isset($requestItems))
                                                                        @foreach ($requestItems as $k => $rItem)
                                                                            @php
                                                                                $sumOfPrice += $rItem->total_price;

                                                                            @endphp
                                                                            <div class="row stock-each-item">
                                                                                <div class="col-md-2  custom-input-group colored-field-group">
                                                                                   {{ Form::select('department_id['.$k.']', $inventoryDepartments, $rItem->department_id, array('class' => 'form-control item-department select2', 'data-live-search' => 'true','data-item_id'=>$k,'onChange'=>'itemsFilter(this)')) }}
                                                                                </div>
                                                                                <div
                                                                                    class="col-md-2 custom-input-group colored-field-group">
                                                                                    <div class="form-group">

                                                                                        <select class="form-control items __load_options" name="items[{{ $k }}]"  data-selected_department = "department_{{$rItem->department_id}}" data-department_id="{{$data->department_id}}" data-url="{!! route('seller.stock-request.select2-options') !!}" data-item_id="{!! $data->id !!}" >
                                                                                            <option value=''>
                                                                                                {{ __('stock_request.select_items') }}
                                                                                            </option>
                                                                                        </select>
                                                                                        {!! Form::hidden("request_item_id[$k]", $rItem->id) !!}
                                                                                        {!! Form::hidden("item_count[$k]", 1) !!}
                                                                                    </div>
                                                                                </div>

                                                                                <div class="col-md-2">
                                                                                    <div
                                                                                        class="form-group custom-input-group colored-field-group">
                                                                                        {!! Form::text("base_price[$k]", $rItem->price, [
                                                                                            'class' => 'form-control base_price type_number',
                                                                                            'readonly' => true,
                                                                                        ]) !!}
                                                                                        {!! Form::hidden("base_netto_price[$k]", $rItem->netto_price, ['class' => 'base_netto_price']) !!}
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-1">
                                                                                    <div
                                                                                        class="form-group custom-input-group colored-field-group">
                                                                                        {!! Form::text("quantity[$k]", $rItem->quantity, ['class' => 'form-control quantity type_number']) !!}
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-2">
                                                                                    <div
                                                                                        class="form-group custom-input-group colored-field-group">
                                                                                        {!! Form::text("total_price[$k]", $rItem->total_price, [
                                                                                            'class' => 'form-control total_price type_number',
                                                                                            'readonly' => true,
                                                                                        ]) !!}
                                                                                    </div>
                                                                                </div>

                                                                                <div class="col-md-2">
                                                                                    <div
                                                                                        class="form-group custom-input-group colored-field-group">
                                                                                        <div class="row">
                                                                                            {!! Form::text("actual_stock[$k]", (int) $rItem->actual_stock, [
                                                                                                'class' => 'form-control col-3 mr-1 type_number __actual_stock',
                                                                                            ]) !!}
                                                                                            {!! Form::text("stock_in[$k]", (int) $rItem->stock_in, [
                                                                                                'class' => 'form-control col-3 mr-1 __stock_in',
                                                                                                'readonly' => true,
                                                                                            ]) !!}
                                                                                            {!! Form::text("diff[$k]", (int) ($rItem->actual_stock - $rItem->stock_in), [
                                                                                                'class' => 'form-control col-3 __diff',
                                                                                                'readonly' => true,
                                                                                            ]) !!}
                                                                                        </div>
                                                                                    </div>
                                                                                </div>

                                                                                <div class="col-md-1">
                                                                                    <div
                                                                                        class="form-group custom-input-group colored-field-group">
                                                                                        <button type="button"
                                                                                            class="btn btn-danger stock-remove"
                                                                                            data-text="{!! __('common.sure') !!}"
                                                                                            data-id="{!! $rItem->id !!}">
                                                                                            <i class="fa fa-trash"></i>
                                                                                        </button>
                                                                                    </div>
                                                                                </div>

                                                                            </div>
                                                                        @endforeach
                                                                    @endif
                                                                    {!! Form::hidden('delete_items', null, ['class' => '__delete_item']) !!}
                                                                </div>


                                                                <div class="">
                                                                    <div class="row">
                                                                        <div class="col-md-6"></div>

                                                                        @if (!isset($requestItems))
                                                                            <div class="col-md-4 d-none">
                                                                                <div style="font-size:20px;">
                                                                                    <b>{{ __('stock_request.grand_total') }}:
                                                                                    </b><span class='final_price'></span>
                                                                                </div>
                                                                            </div>
                                                                        @else
                                                                            <div class="col-md-4">
                                                                                <div style="font-size:20px;">
                                                                                    <b>{{ __('stock_request.grand_total') }}:
                                                                                    </b><span
                                                                                        class='final_price'>{{ numberFormat($sumOfPrice) }}</span>
                                                                                </div>
                                                                            </div>
                                                                        @endif
                                                                    </div>
                                                                    <a class="btn btn-primary add-stock-item text-white"> <i
                                                                            class="fa fa-plus" aria-hidden="true"></i></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @else
                                        {{-- Add section --}}
                                        <div class="row">
                                            <div class="col-12">
                                                <hr />
                                                <div class="card m-b-30">
                                                    {{-- <h5 class="red pt-3 text-center">{!! __('stock_request.request_comment') !!}</h5> --}}
                                                    <div class="row mx-3">
                                                        <div class="col-md-3 mt-4">
                                                            {{ Form::select('department', $departments, $data->department_id, array('class' => 'form-control departments select2', 'id'=>'department', 'data-live-search' => 'true')) }}
                                                        </div>
                                                        <div class="col-md-3 mt-4 text-left">
                                                            @php
                                                                $inventoryTypes = inventoryType();
                                                            @endphp
                                                            @if (isset($inventoryTypes) && count($inventoryTypes) > 0)
                                                                @foreach ($inventoryTypes as $id => $inventoryType)
                                                                    <button type="button"
                                                                            data-inventory_type = "{!! $id !!}"
                                                                        class="btn btn-default __inventory_type_selector {{ $id == 1 ? 'btn-primary inv_sel' : '' }}">
                                                                        {{ $inventoryType }}
                                                                    </button>
                                                                @endforeach
                                                            @endif
                                                        </div>
                                                        <div class="col-md-3 ">
                                                            <div class="common-type-search mb-0 mt-3">
                                                                <input type="text" placeholder="search"
                                                                    class="form-control form-control-lg live-search">
                                                                <i class="fa fa-search"></i>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-3 text-right">
                                                            <div class="common-type-search mb-0 mt-3">
                                                                <li class="list-inline-item">
                                                                    <input type="submit" class="btn btn-primary _btn-action __park_request"
                                                                           value="{!! __('stock_request.park_order') !!}" data-value="0" id="park">
                                                                </li>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card-body">

                                                        <div id="hiddenFields">
                                                            <input type="hidden" name="for_stock_request" value="1">
                                                            <input type="hidden" name="json_data">
                                                        </div>
                                                        {{--<div id="inv-items" class="row">

                                                        </div>--}}
                                                        <div id="inv-items" >
                                                            <div class="loading-icon" style="display: none;width: 100%;">
                                                                <p class="text-center mb-0" style="width: 100%;">
                                                                    <img src="{{asset('assets/images/loading.gif')}}" style="width: 25px;vertical-align: middle;">
                                                                </p>
                                                            </div>
                                                            <div class="inv-items-list row">

                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="col-md-3">
                                                        <input type="submit" class="btn btn-primary _btn-action __park_request"
                                                               value="{!! __('stock_request.park_order') !!}" data-value="0" id="park">
                                                        <br/> <br/>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    @endif
                                </div>
                                <div class="form-group mt-3 text-left col-12">
                                    <ul class="list-inline">
                                        @if ($data->id)
                                            <li class="list-inline-item">
                                                <input type="submit" class="btn btn-primary _btn-action __park_request"
                                                       value="{!! __('stock_request.park_order') !!}" data-value="0" id="park">
                                            </li>
                                            <li class="list-inline-item">
                                                <input type="submit" class="btn btn-success _btn-action __send_request"
                                                    value="{!! __('stock_request.save_send') !!}" data-value="4" id="send">
                                            </li>
                                        @endif
                                        <input type="hidden" name="status" class="status" value="0" />
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @if ($data->id)
            @method('PUT')
        @endif
        {!! Form::close() !!}
    </div>
    <div class="stock-item-template d-none">
        <div class="row stock-each-item">
            @if($data->id)
              <div class="col-md-2">
                {{ Form::select('department_id', $inventoryDepartments, '', array('class' => 'item-department','onChange'=>'itemsFilter(this)','data-item_id'=>0)) }}
              </div>
            @endif
            <div class="col-md-2">
                <div class="form-group custom-input-group colored-field-group">
                    <select class="form-control items __load_options __hidden_select" name="items[]" data-url="{!! route('seller.stock-request.select2-options') !!}">
                        <option value=''>{{ __('stock_request.select_items') }}</option>
                        {{--@if (count($inventoryItems) > 0)
                            @foreach ($inventoryItems as $key => $val)
                                @php
                                    $invItemsArr = explode('|', $key);
                                    $itemId = $itemPrice = '';
                                @endphp
                                @if (!empty($invItemsArr[0]))
                                    @php
                                        $itemId = $invItemsArr[0];
                                        $itemPrice = $invItemsArr[1];
                                        $stockIn = $invItemsArr[2];
                                        $nettoPrice = $invItemsArr[4];
                                    @endphp
                                @endif
                                <option value="{{ $itemId }}" data-stock-in="{{ $stockIn }}"
                                    item-price="{{ $itemPrice }}" netto-price="{{ $nettoPrice }}">
                                    {{ $val }}</option>
                            @endforeach
                        @endif--}}
                    </select>

                    {!! Form::hidden('item_count[]', 1, ['class' => 'item_count']) !!}

                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group custom-input-group colored-field-group">
                    {!! Form::text('base_price[]', '', ['class' => 'form-control base_price type_number', 'readonly' => true]) !!}
                    {!! Form::hidden('base_netto_price[]', '', ['class' => 'base_netto_price']) !!}
                </div>
            </div>
            <div class="col-md-1">
                <div class="form-group custom-input-group colored-field-group">
                    {!! Form::text('quantity[]', '', ['readonly' => true, 'class' => 'form-control quantity type_number']) !!}
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group custom-input-group colored-field-group">
                    {!! Form::text('total_price[]', '', ['readonly' => true, 'class' => 'form-control total_price type_number']) !!}
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group custom-input-group colored-field-group">
                    <div class="row">
                        {!! Form::text('actual_stock[]', null, ['class' => 'form-control col-3 mr-1 type_number __actual_stock']) !!}
                        {!! Form::text('stock_in[]', null, ['class' => 'form-control col-3 mr-1 __stock_in', 'readonly' => true]) !!}
                        {!! Form::text('diff[]', null, ['class' => 'form-control col-3 __diff', 'readonly' => true]) !!}
                    </div>
                </div>
            </div>
            <div class="col-md-1 d-none">
                <div class="form-group">
                    {{-- <a type="button" class="btn btn-danger waves-effect waves-light stock-remove text-white"><img src="{{ asset('assets/images/icons/action-delete.png')}}"> {{__('stock_request.remove')}}</a> --}}
                    <button type="button" class="btn btn-danger stock-remove" data-text="{!! __('common.sure') !!}">
                        <i class="fa fa-trash"></i>
                    </button>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')

    @if(!$data->id)
        @include('layouts.add-stock-script' , ['route' => $ajaxRoute ?? '' , 'forStockRequest' => true])
    @endif
    <script>
        let counter = {!! isset($requestItems) ? count($requestItems) : 0 !!};
        $('.__park_request').on('click', function() {
            var value = $(this).data('value');
            //alert(value);
            //return false;
            $('.status').val(value);
        });

        $('.__send_request').on('click', function() {
            var value = $(this).data('value');
            console.log(value);
            //alert(value);
            //return false;
            $('.status').val(value);
        });
        $(document).on("keyup", '.quantity', function(e) {
            var obj = $(this);
            var itemPrice = parseFloat(obj.parents('.stock-each-item').find('.items :selected').attr('item-price'));
            var nettoPrice = parseFloat(obj.parents('.stock-each-item').find('.items :selected').attr(
                'netto-price'));
            if (isNaN(itemPrice)) {
                itemPrice = 0;
                nettoPrice = 0;
            }
            var quantity = parseFloat(obj.val());
            if (quantity > 0) {
                obj.parents('.stock-each-item').find(".base_price").val(itemPrice);
                obj.parents('.stock-each-item').find(".base_netto_price").val(nettoPrice);
                obj.parents('.stock-each-item').find(".total_price").val(quantity * itemPrice);
            } else {
                obj.parents('.stock-each-item').find(".total_price").val('');
                $('.final_price').parent().parent().addClass('d-none');
            }
            updateFinalPrice();
            disableEnableQuantity(obj);
        });


        $(document).on("keyup", '.__actual_stock', function(e) {
            let obj = $(this);
            let actualStock = obj.val();
            let stockIn = obj.parents('.stock-each-item').find('.__stock_in').val();
            let diff = parseInt(actualStock - stockIn);
            obj.parents('.stock-each-item').find(".__diff").val(diff);
        });

        function updateFinalPrice() {
            var finalValue = 0;
            if ($('.total_price').length < 2) {
                $('.final_price').parent().parent().addClass('d-none');
                $('.final_price').text('');
            }
            $.each($('.total_price'), function(key, value) {
                if ($(value).val()) {
                    finalValue += parseFloat($(value).val());
                    $('.final_price').parent().parent().removeClass('d-none');
                    $('.final_price').text('{{ currency() }}' + finalValue.toFixed(2).replace(".", ","));
                }
            });
            return finalValue;
        }
        var itemArr = [];
        var departmentArr = [];
        $(document).on('select2:open', '.items', function() {
            itemArr = [];
            $.each($('.items'), function(key, value) {
                if ($(value).val() != '') {
                    itemArr.push($(value).val());
                }
            });
            $.each($('.item-department'), function(key, value) {
                if ($(value).val() != '') {
                    departmentArr.push($(value).val());
                }
            });

        }).on("change.select2", '.items', function(e) {
            var obj = $(this);
            var itemId = obj.parents('.stock-each-item').find('.items :selected').val();
            var departmentId = obj.parents('.stock-each-item').find('.item-department :selected').val();
            for (var i = 0; i < itemArr.length; i++) {
                if (itemArr[i] == itemId && departmentArr[i] == departmentId) {
                    alert('{{ __('stock_request.item_exist') }}');
                    obj.val('').trigger('change');
                    return false;
                }
            }
            var itemPrice1 = parseFloat(obj.parents('.stock-each-item').find('.items :selected').attr(
            'item-price'));
            var nettoPrice1 = parseFloat(obj.parents('.stock-each-item').find('.items :selected').attr(
                'netto-price'));
            if (isNaN(itemPrice1)) {
                itemPrice1 = nettoPrice1 = 0;
            }

            var quantity1 = parseFloat(obj.parents('.stock-each-item').find('.quantity').val());
            obj.parents('.stock-each-item').find(".base_price").val(itemPrice1);
            obj.parents('.stock-each-item').find(".base_netto_price").val(nettoPrice1);
            if (quantity1 > 0) {
                obj.parents('.stock-each-item').find(".total_price").val(quantity1 * itemPrice1);
            } else {
                obj.parents('.stock-each-item').find(".total_price").val('');
            }

            let stockIn = parseInt(obj.parents('.stock-each-item').find('.items :selected').attr('data-stock-in'));
            if (isNaN(stockIn)) {
                stockIn = 0;
            }
            obj.parents('.stock-each-item').find(".__stock_in").val(stockIn);

            let actualStock = parseInt(obj.parents('.stock-each-item').find(".__actual_stock").val());
            if (isNaN(actualStock)) {
                actualStock = 0;
            }
            let diff = (actualStock > 0) ? parseInt(actualStock - stockIn) : stockIn;
            obj.parents('.stock-each-item').find(".__diff").val(diff);

            updateFinalPrice();
            disableEnableQuantity(obj);
        });

        function disableEnableQuantity(obj) {
            var basePrice = obj.parents('.stock-each-item').find(".base_price").val();
            if (basePrice >= 0) {
                obj.parents('.stock-each-item').find(".quantity").removeAttr('readonly');
            } else {
                obj.parents('.stock-each-item').find(".quantity").val('');
                $(".final_price").parent().parent().addClass("d-none");
                obj.parents('.stock-each-item').find(".quantity").attr('readonly', 'readonly');
            }
        }
        var vCount = 1;
        // Add & remove Stock items Code.
        $(".add-stock-item").on('click', function() {
            var vTemplate = $('.stock-item-template').html();
            vTemplate = $(vTemplate);
            $(vTemplate).find('.item-department').attr('name','department_id[' + counter + ']').attr('data-item_id', counter).select2();
            $(vTemplate).find('.quantity').attr('name', 'quantity[' + counter + ']');
            $(vTemplate).find('.items').attr('name', 'items[' + counter + ']');
            $(vTemplate).find('.base_price').attr('name', 'base_price[' + counter + ']');
            $(vTemplate).find('.base_netto_price').attr('name', 'base_netto_price[' + counter + ']');
            $(vTemplate).find('.total_price').attr('name', 'total_price[' + counter + ']');
            $(vTemplate).find('.item_count').attr('name', 'item_count[' + counter + ']');
            $(vTemplate).find('.__actual_stock').attr('name', 'actual_stock[' + counter + ']');

            $('.stock-items').append(vTemplate);
            $('.stock-items').find('.stock-remove').parent().parent().removeClass('d-none');
            $('.stock-items .stock-each-item:last').find('.items').select2();
            vCount++;
            counter++;
        });
        $("body").on('click', '.stock-remove', function() {
            $(this).parent().parent().parent().remove();
            updateFinalPrice();
            var vLength = $('.stock-remove').length;
            if (vLength == 2) {
                //$('.stock-items').find('.stock-remove').parent().parent().addClass('d-none');
            }
            var itemId = $(this).attr("data-id");
            if (itemId != '' && itemId != undefined) {
                $('.__delete_item').val(function(i, val) {
                    return val + (!val ? '' : ',') + itemId;
                });
            }
        });

        /* New Layout script*/
        function isNumberKey(evt) {
            var charCode = (evt.which) ? evt.which : evt.keyCode;
            //alert(charCode);
            if (charCode != 1 && charCode != 46 && charCode != 8 && charCode != 190 && charCode != 110 &&
                (charCode < 48 || charCode > 57) && (charCode < 96 || charCode > 105))
                return false;

            return true;
        }

        function calculateTotal() {
            var total = 0;
            $(".qty-input").each(function() {
                var qty = $(this).val();
                var price = $(this).attr('data-price');
                if (qty > 0) {
                    qty = parseFloat(qty);
                    price = parseFloat(price.replace(',', '.'));
                    total = parseFloat(total) + (qty * price);
                }
            });
            total = total.toFixed(2);
            total = total.replace('.', ',');
            $('.total_amt').html(total);
        }
        $(document).on("keydown", ".is_numeric", function(e) {
            return isNumberKey(e);
        }).on("keyup", ".is_numeric", function(e) {
            calculateTotal();
            var qty = $(this).val();
            qty = parseFloat(qty);
            var cid = $(this).attr('data-id');
            if (qty > -1) {
                $('.add-label' + cid).removeClass('btn-danger').addClass('btn-success');
                $('.add-label' + cid).html('ADDED');
            } else {
                $(this).val('');
                $('.add-label' + cid).removeClass('btn-success').addClass('btn-danger');
                $('.add-label' + cid).html('ADD');
            }
        });
        $(".live-search").on("keyup", function() {
            let invTypeClass = $('.inv_sel').attr('data-target');
            let value = $(this).val().toLowerCase();
            $("#inv-items .i-items").hide();
            $("#inv-items .i-items" + invTypeClass).filter(function() {
                $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
            });
        });

        $(document).on("click", ".add_button", function(e) {
            e.preventDefault();

            let t = $(this).text();
            if (t == 'ADDED') {
                return false;
            }

            if (!isNumberKey(e)) {
                return false
            }
            var type = $(this).attr('data-type');
            var price = $(this).attr('data-price');
            var cid = $(this).attr('data-id');
            var qty = $('.qty' + cid).val();
            qty = (qty < 1 || qty == '.') ? 0 : qty;
            qty = parseFloat(qty);
            if (type == '+') {
                qty = (qty + 1).toFixed();
            } else if (type == '-') {
                qty = (qty - 1).toFixed();
            } else {
                qty = 1;
            }

            if (qty > 0) {
                $('.qty' + cid).val(qty);
                calculateTotal();
                $('.add-label' + cid).removeClass('btn-danger').addClass('btn-success');
                $('.add-label' + cid).addClass('added_btn');
                $('.add-label' + cid).html('ADDED');
            }

            if (qty == 0) {
                $('.qty' + cid).val(qty);
                calculateTotal();
                $('.qty' + cid).val('');
                $('.add-label' + cid).removeClass('btn-success').addClass('btn-danger');
                $('.add-label' + cid).removeClass('added_btn')
                $('.add-label' + cid).html('ADD');
            }
        });

        $(document).on("click", ".__inventory_type", function(e) {
            let targetClass = $(this).attr('data-target');
            $('.__inventory_type').removeClass('btn-primary inv_sel');
            $(this).addClass('btn-primary inv_sel');
            $(".live-search").trigger('keyup');
        });
        function itemsFilter(event) {
            let ItemId = event.dataset.item_id;
            console.log(`select.__load_options[name='items[${ItemId}]']`);
            getSelectOptionsData(`select.__load_options[name='items[${ItemId}]']`,event.value);
        }
    </script>
@endsection