@extends('layouts.admin')
@section('content')
    <div class="page-header text-uppercase">
        <ul class="list-unstyled space-list m-0">
            <li>
                <p>{{ __('add_stock.edit_stock') }}</p>
            </li>
            <li>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ __('common.home') }}</a></li>
                        <li class="breadcrumb-item" aria-current="page"><a
                                href="{{ route('add-stock.index') }}">{{ __('add_stock.title') }}</a></li>
                        <li class="breadcrumb-item active" aria-current="page"> {{ __('add_stock.add_stock') }}</li>
                    </ol>
                </nav>
            </li>
        </ul>
    </div>
    <div class="admin-area-col">
        {!! Form::model($result, [
            'route' => ['add-stock.update', $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>
                        <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>
                        {{-- <div class="col-md-4 d-flex font-16" style="align-items: center;">
                            @if($result->department_name)
                                <strong>Department: {{$result->department_name}}</strong>
                            @endif
                                {!! Form::hidden('department',$result->department_id) !!}
                        </div> --}}
                    </div>
                    <div class="__stock_container mt-5">
                        <div class="__label_div">
                            <div class="row">
                                <div class="col-md-3">
                                    <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-2">
                                    <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">
                                    <div class="row">
                                         <div class="col-md-3">
                                            <div class="custom-input-group colored-field-group __add_stock_div">
                                                {!! Form::hidden("stock_item_id[$k]", $item->id) !!}
                                              {{ Form::select('department_id['.$k.']', $inventoryDepartments, $item->department_id, array('class' => 'form-control select2', 'id' => 'department', 'data-live-search' => 'true','data-item_id'=>$k,'onChange'=>'itemsFilter(this)')) }}
                                                <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" />
                                            </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-url="{!! route('admin.add-stock.select2-options') !!}" data-department_id="0" data-item_id="{!! isset($result->id) ? $result->id : 0 !!}">
                                                    <option value=''>{{ __('stock_request.select_items') }}</option>
                                                </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" />
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <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">
            <div class="row">
                <div class="col-md-3">
                    {{ Form::select('department_id', $inventoryDepartments, '', array('class' => 'item-department','onChange'=>'itemsFilter(this)','data-item_id'=>0)) }}
                </div>
                <div class="col-md-3">
                    {{-- <div class="custom-input-group colored-field-group">
                        {!! Form::select('item', $inventoryItems, null, ['class' => 'form-control __item']) !!}
                    </div> --}}
                    <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-2">
                    <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);
            });
        });

        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