@php
    $layout = isSeller() ? 'layouts.seller' : 'layouts.admin';
    $updateRoute = isSeller() ? 'seller.add-stock.update' : 'admin.individual-stock.update';
    $listRoute = isSeller() ? 'seller.add-stock.index' : 'admin.individual-stock.index';
    $select2OptionsRoute =   isSeller()  ?  'seller.add-stock.select2-options' :  'admin.add-stock.select2-options';
@endphp
@extends($layout)

@section('content')
    <div class="page-header text-uppercase">
        <ul class="list-unstyled space-list m-0">
            <li>
                <p>{{ isSeller() ? __('add_stock.edit_stock') : __('individual_stock.edit_stock') }}</p>
            </li>
            <li>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item" aria-current="page"><a
                                href="{{ route($listRoute) }}">{{ isSeller() ? __('add_stock.title') : __('individual_stock.title') }}</a></li>
                        <li class="breadcrumb-item active" aria-current="page"> {{ isSeller() ? __('add_stock.add_stock') : __('individual_stock.edit_stock') }}</li>
                    </ol>
                </nav>
            </li>
        </ul>
    </div>
    <div class="admin-area-col">
        {!! Form::model($result, ['route' => [$updateRoute, $result->id], 'method' => 'POST', 'id' => 'ajaxSave', 'files' => true]) !!}
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <div class="round-white-bg box-shadow">
                    <div class="row">
                    <div class="col-md-12">
                    <div class="error-msg font-14"></div>
                    </div>
                    @if(!isSeller())
                       <div class="col-md-4">
                        <div class="custom-input-group colored-field-group">
                            {!! Form::label('store_id', __('store.title1'), ['class' => 'control-label mb-2']) !!}
                            {!! Form::select('store_id', $stores, $result->store_id, [
                                'class' => 'form-control select2',
                                'data-actions-box' => 'true',
                                'data-width' => '100%',
                            ]) !!}
                        </div>
                       </div>
                    @else
                        {!! Form::hidden('store_id', sellerId()) !!}

                    @endif
                    <div class="col-md-4">
                    <div class="custom-input-group colored-field-group">
                        {{ Form::label('date', __('add_stock.date'), ['class' => 'control-label']) }}
                        {{ Form::text('date', dateFormat($result->adjustment_dt, SHOW_DATE), ['class' => 'form-control', 'readonly' => true]) }}
                    </div>
                    </div>
                    <div class="col-md-4">
                    <div class="custom-input-group colored-field-group">
                        {{ Form::label('remarks', __('add_stock.remarks'), ['class' => 'control-label']) }}
                        {{ Form::textarea('remarks', null, ['class' => 'form-control', 'size' => '2x1']) }}
                    </div>
                    </div>
                    @if($result)
                    @endif
                    </div>

                    <div class="__stock_container mt-5">
                        <div class="__label_div">
                            <div class="row">
                                <div class="col-md-2">
                                    <div class="custom-input-group colored-field-group">
                                        {{ Form::label('department_name', __('add_stock.department_name'), ['class' => 'control-label']) }}
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="custom-input-group colored-field-group">
                                        {{ Form::label('remark', __('add_stock.item_name'), ['class' => 'control-label']) }}
                                    </div>
                                </div>
                                <div class="col-md-1">
                                    <div class="custom-input-group colored-field-group">
                                        {{ Form::label('quantity', __('add_stock.quantity'), ['class' => 'control-label']) }}
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="custom-input-group colored-field-group">
                                        {{ Form::label('remarks', __('add_stock.remarks'), ['class' => 'control-label']) }}
                                    </div>
                                </div>
                                <div class="col-md-1">
                                    {!! Form::hidden('delete_items', null, ['class' => '__delete_item']) !!}
                                </div>
                            </div>
                        </div>

                        @php $count = 0; @endphp
                        @if (isset($stockItems) && count($stockItems) > 0)
                            @foreach ($stockItems as $k => $item)
                                <div class="__container stock_items">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <div class="custom-input-group colored-field-group">
                                                {{ Form::select('department_id['.$k.']', $inventoryDepartments, $item->department_id, array('class' => 'form-control item_departments select2', 'id' => 'department', 'data-live-search' => 'true','data-item_id'=>$k,'onChange'=>'itemsFilter(this)')) }}
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="custom-input-group colored-field-group __add_stock_div">
                                                {!! Form::hidden("stock_item_id[$k]", $item->id) !!}
                                                @php
                                                    $invItems = $inventoryItems;
                                                    // $invItems[$item->item_id] = $item->item_name;
                                                    $invItems = array_unique($invItems);
                                                @endphp
                                                <select name="item[{!! $k !!}]"
                                                    class="form-control __item __load_options" data-selected_department = "department_{{$item->department_id}}" data-department_id="0" data-url="{!! route($select2OptionsRoute) ?? '' !!}" data-item_id="{!! $result->id !!}" data-seller-model="1">
                                                    <option value=''>{{ __('stock_request.select_items') }}</option>
                                                    {{--  @foreach ($invItems as $key => $itemInv)
                                                        @php
                                                            $invItemsArr = explode('|', $key);
                                                            $itemId = isset($invItemsArr[0]) ? $invItemsArr[0] : 0;
                                                            $salePriceIncl = isset($invItemsArr[1]) ? $invItemsArr[1] : 0;
                                                            $purchasePrice = isset($invItemsArr[2]) ? $invItemsArr[2] : 0;
                                                            $weight = isset($invItemsArr[3]) ? $invItemsArr[3] : 0;
                                                            $salePriceExcl = isset($invItemsArr[4]) ? $invItemsArr[4] : 0;
                                                        @endphp
                                                        <option value="{!! $itemId !!}"
                                                            data-prices='{!! $salePriceIncl . '|' . $salePriceExcl . '|' . $purchasePrice . '|' . $weight !!}' {!! $itemId == $item->item_id ? 'selected' : '' !!}>
                                                            {!! $itemInv !!}
                                                        </option>
                                                    @endforeach--}}
                                                </select>
                                                <input type="hidden" name="item_prices[{{ $k }}]"
                                                    value="{{ $item->sale_price_incl_vat . '|' . $item->item_price . '|' . $item->purchase_price . '|' . $item->weight }}"
                                                    class="selected_items_prices" />

                                                {{-- {!! Form::select("item[$k]", $invItems, $item->item_id, ['class' => 'form-control __item select2']) !!} --}}
                                            </div>
                                        </div>
                                        <div class="col-md-1">
                                            <div class="custom-input-group colored-field-group">
                                                {!! Form::text("quantity[$k]", $item->quantity, ['class' => 'form-control __quantity']) !!}
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="custom-input-group colored-field-group">
                                                {!! Form::text("item_remarks[$k]", $item->remarks, ['class' => 'form-control __remarks']) !!}
                                            </div>
                                        </div>
                                        <div class="col-md-1 mb-4">
                                            <button type="button" class="btn btn-danger __delete_item"
                                                data-text="{!! __('common.sure') !!}" data-id="{!! $item->id !!}">
                                                <i class="fa fa-trash"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                @php $count++; @endphp
                            @endforeach
                        @endif
                    </div>

                    <div>
                        <a href="javascript:void(0);" class="btn btn-primary width80 font12 __add_stock_btn"><i
                                class="fa fa-plus"></i></a>
                    </div>


                    <div class="form-group mt-5 text-left">
                        <ul class="list-inline">
                            <li class="list-inline-item">
                                {{ Form::submit(__('common.save'), ['class' => 'btn btn-primary width80']) }}
                            </li>
                            {{-- <li class="list-inline-item">
                            {{ Form::reset( __('common.cancel'), array('class' => 'btn btn-default btn-lg font12'));}}
                        </li> --}}
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        {{ Form::close() }}
    </div>

    <div class="__source d-none">
        <div class="__container stock_items">
            <div class="row">
                <div class="col-md-2">
                    {{ Form::select('department_id', $inventoryDepartments, '', array('class' => 'item-department item_departments','onChange'=>'itemsFilter(this)','data-item_id'=>0)) }}
                </div>
                <div class="col-md-3">
                    <div class="custom-input-group colored-field-group __add_stock_div">
                        {{-- {!! Form::select('item', $inventoryItems, null, ['class' => 'form-control __item']) !!} --}}
                        @php
                            $invItems = $inventoryItems;
                            // $invItems[$item->item_id] = $item->item_name;
                            $invItems = array_unique($invItems);
                        @endphp
                        <select name="item" class="form-control __item __load_options __hidden_select"  data-url="{!! route('admin.add-stock.select2-options') !!}">
                            <option value=''>{{ __('stock_request.select_items') }}</option>
                            {{--@foreach ($invItems as $key => $itemInv)
                                @php
                                    $invItemsArr = explode('|', $key);
                                    $itemId = isset($invItemsArr[0]) ? $invItemsArr[0] : 0;
                                    $salePriceIncl = isset($invItemsArr[1]) ? $invItemsArr[1] : 0;
                                    $purchasePrice = isset($invItemsArr[2]) ? $invItemsArr[2] : 0;
                                    $weight = isset($invItemsArr[3]) ? $invItemsArr[3] : 0;
                                    $salePriceExcl = isset($invItemsArr[4]) ? $invItemsArr[4] : 0;
                                @endphp
                                <option value="{!! $itemId !!}" data-prices='{!! $salePriceIncl . '|' . $salePriceExcl . '|' . $purchasePrice . '|' . $weight !!}'>
                                    {!! $itemInv !!}
                                </option>
                            @endforeach--}}
                        </select>

                        <input type="hidden" name="item_prices" value="" class="selected_items_prices" />
                    </div>
                </div>
                <div class="col-md-1">
                    <div class="custom-input-group colored-field-group">
                        {!! Form::text('quantity', null, ['class' => 'form-control __quantity']) !!}
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="custom-input-group colored-field-group">
                        {!! Form::text('item_remarks', null, ['class' => 'form-control __remarks']) !!}
                    </div>
                </div>
                <div class="col-md-1 mb-4">
                    <button type="button" class="btn btn-danger __remove_stock_btn"><i class="fa fa-trash"></i></button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        let itemArr = [];


        $(document).ready(function() {
            $(document).on('change', '.__item', function() {
                var currentElemVal = $(this).val();
                var currentDepartment = $(this).parents('.stock_items').find('.item_departments :selected').val();
                var alreadyExist = false;
                var $select2Elem = $('.__item');
                var department = $('.item_departments');
                var element;
                $select2Elem.not(this).each(function() {
                    if (currentElemVal === $(this).val()) {
                        element = $(this);
                        var checkDepartmentId = element.parents('.stock_items').find('.item_departments :selected').val();
                        if(checkDepartmentId == currentDepartment){
                            alreadyExist = true;
                            return false;
                        }
                    }
                });

                if (alreadyExist) {
                    alert('{!! __('common.already_added') !!}');
                    $(this).val(null).trigger('change.select2');
                    return false;
                }

                var prices = $(this).find(':selected').data('prices');
                $(this).closest('.__add_stock_div').find('.selected_items_prices').val(prices);
            });
        });

        /*$(document).on('shown.bs.select', '.__item', function() {
            itemArr = [];
            $.each($('.__item'), function(key, value) {
                if ($(value).val() != '') {
                    itemArr.push($(value).val());
                }
            });
        }).on('changed.bs.select', '.__item', function() {
            var itemId = $(this).val();
            for (var i = 0; i < itemArr.length; i++) {
                if (itemArr[i] == itemId) {
                    alert('Item is already added');
                    $(this).val('').selectpicker('refresh');
                    return false;
                }
            }
            var prices = $(this).find(':selected').data('prices');
            // $(this).closest('.selected_items_prices').val(prices);
            $(this).closest('.__add_stock_div').find('.selected_items_prices').val(prices);
        });*/

        let counter = {!! $count !!};
        $('body').on('click', '.__add_stock_btn', function(e) {
            let html = $('.__source').html();
            html = $(html);
            html.find('.item-department').attr('name','department_id[' + counter + ']').attr('data-item_id', counter).select2();
            html.find('.__item').attr('name', 'item[' + counter + ']').select2();
            html.find('.__quantity').attr('name', 'quantity[' + counter + ']');
            html.find('.__remarks').attr('name', 'item_remarks[' + counter + ']');
            html.find('.selected_items_prices').attr('name', 'item_prices[' + counter + ']');
            $('.__stock_container').append(html);
            counter++;

            renderLabel();
        });

        $('body').on('click', '.__remove_stock_btn', function(e) {
            $(this).closest('.__container').remove();
            renderLabel();
        });

        function renderLabel() {
            $('.__label_div').hide();
            if ($('.__stock_container .__container').length >= 1) {
                $('.__label_div').show();
            }

            $('.__stock_container .__container:first').find('.__remove_stock_btn').hide();
            if ($('.__stock_container .__container').length >= 2) {
                $('.__stock_container .__container:first').find('.__remove_stock_btn').show();
            }
        }

        let deleteItems = [];
        $('body').on('click', '.__delete_item', function(e) {
            let title = $(this).data('text');
            let delete_id = $(this).data('id');

            deleteItems.push(delete_id);
            $('.__delete_item').val(deleteItems.join(','));
            $(this).closest('.__container').remove();
        });
        function itemsFilter(event) {
            let ItemId = event.dataset.item_id;
            getSelectOptionsData(`select.__load_options[name='item[${ItemId}]']`,event.value);
        }
    </script>
@endsection