@extends('admin.layouts.resource-layout')

@section('title')
    <h3>Обработки: Изменить {{ $process->id }}</h3>
@endsection

@php
    $cellId = null;
    if(isset($processProducts[0]) && $processProducts[0]->cell_id) {
        $cellId = $processProducts[0]->cell_id;
    }

@endphp

@section('resource-content')

    <div class="row">
        <div class="col-xs-12">
            <div class="x_panel">
                <div class="x_content">

                    <form method="post" action="{{ route('admin.process-acceptance.update', $process) }}" class="form-horizontal form-label-left" enctype="multipart/form-data">
                        @csrf
                        @method('POST')
                        <input type="hidden" name="type" value="{{\App\Entity\Processes\Process::TYPE_ACCEPTANCE}}"/>
                        <div class="form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12">контрагент</label>
                            <div class="col-md-9 col-sm-9 col-xs-12">
                                <select id="sklad_id" class="form-control{{ $errors->has('sklad_id') ? ' is-invalid' : '' }}" name="sklad_id">
                                    @foreach ($wareHouses as $value => $label)
                                        <option value="{{ $value }}" {{ $value == old('sklad_id', $process->sklad_id) ? 'selected' : '' }}>{{ $label }}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('sklad_id'))
                                    <span class="invalid-feedback" style="color: red;"><strong>{{ $errors->first('sklad_id') }}</strong></span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12">дата</label>
                            <div class="col-md-9 col-sm-9 col-xs-12">
                                <input type="text" class="form-control picker-date" name="date" value="{{ old("date", $process->date ? $process->date->format('Y-m-d') : null) }}" autocomplete="off">
                                @if ($errors->has('date'))
                                    <span class="invalid-feedback" style="color: red;"><strong>{{ $errors->first('date') }}</strong></span>
                                @endif
                            </div>
                        </div>

                        @include(
                            'components.form.field_select',
                            [
                                'values' => $merchants,
                                'fieldName' => 'merchant_id',
                                'title' => 'Merchant',
                                'value' => $process->merchant_id
                            ]
                        )

                        <div class="form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12">накладная</label>
                            <div class="col-md-9 col-sm-9 col-xs-12">
                                <input type="text" class="form-control" name="waybill" value="{{ old("waybill", $process->waybill) }}" autocomplete="off">
                                @if ($errors->has('waybill'))
                                    <span class="invalid-feedback" style="color: red;"><strong>{{ $errors->first('waybill') }}</strong></span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12">номер авто</label>
                            <div class="col-md-9 col-sm-9 col-xs-12">
                                <select id="auto_id" class="select-list form-control{{ $errors->has('auto_id') ? ' is-invalid' : '' }}" name="auto_id">
                                    @foreach ($autos as $auto)
                                        <option value="{{ $auto->id }}" {{ $auto->id == old('auto_id', $process->auto_id) ? 'selected' : '' }}>{{ $auto->number .', '.$auto->title }}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('auto_id'))
                                    <span class="invalid-feedback" style="color: red;"><strong>{{ $errors->first('auto_id') }}</strong></span>
                                @endif
                            </div>
                        </div>



                        <div class="form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12">шт.</label>
                            <div class="col-md-9 col-sm-9 col-xs-12">
                                <input disabled type="text" class="form-control" name="pallet" value="{{ old("pallet", $process->pallet) }}" autocomplete="off">
                                @if ($errors->has('pallet'))
                                    <span class="invalid-feedback" style="color: red;"><strong>{{ $errors->first('pallet') }}</strong></span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12">кейсы (н)</label>
                            <div class="col-md-9 col-sm-9 col-xs-12">
                                <input type="text" class="form-control" name="case" value="{{ old("case", $process->case) }}" autocomplete="off">
                                @if ($errors->has('case'))
                                    <span class="invalid-feedback" style="color: red;"><strong>{{ $errors->first('case') }}</strong></span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12">ячейка приемки</label>
                            <div class="col-md-9 col-sm-9 col-xs-12">
                                <select id="cell" type="text" class="form-control" name="cell_id" value="{{ old("cell_id", $cellId) }}" autocomplete="off"></select>
                                @if ($errors->has('cell_id'))
                                    <span class="invalid-feedback" style="color: red;"><strong>{{ $errors->first('cell_id') }}</strong></span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12">
                                <a href="#" class="btn btn-xs btn-info" data-toggle="modal" data-target=".modal-product"><i class="fa fa-plus-square-o" aria-hidden="true"></i> Товар</a>
                            </label>
                            <div class="col-md-9 col-sm-9 col-xs-12">
                                <div class="col-md-12">
                                    <div class="row">
                                        <div class="col-sm-1 text-left">
                                        </div>
                                        <div class="col-sm-5">
                                            <label for="">товар</label>
                                        </div>
                                        <div class="col-sm-2">
                                            <label for="">шт.</label>
                                        </div>
                                        <div class="col-sm-2">
                                            <label for="">ячейка</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="products">
                                    @if(old('products'))
                                        @foreach(old('products') as $key => $product)
                                            @include('admin.process-acceptance._product', ['productProcess' => null, 'productId' => null, 'cellId' => null, 'count' => null, 'productsList' => $productsList, 'cellList' => $cellList, 'key' => $key])
                                        @endforeach
                                    @else
                                        @if($processProducts->isNotEmpty())
                                            @foreach($processProducts as $key => $item)
                                                @if($item)
                                                    @include('admin.process-acceptance._product', ['productProcess' => $item, 'productsList' => $productsList, 'cellList' => $cellList, 'key' => $key])
                                                @endif
                                            @endforeach
                                        @endif
                                    @endif
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-xs-12 col-sm-9 col-sm-offset-3">
                                <button type="submit" class="btn btn-success">Сохранить</button>
                            </div>
                        </div>

                    </form>

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

    <div class="modal fade modal-product" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span></button>
                    <h4 class="modal-title" id="myModalLabel">Добавить товар</h4>
                </div>
                <div class="modal-body">
                    <style>
                        .select2-container{
                            width: 100%!important;
                            min-width: 300px!important;
                        }
                    </style>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="products">товар</label>
                                <select id="products" class="form-control"></select>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="count">шт.</label>
                                <input type="text" class="form-control" id="count" style="height: 38px;">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Отмена</button>
                    <button type="button" class="btn btn-success" id="add_product">Добавить</button>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('stylesheet')
    <style>
        .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single{
            min-height: 34px!important;
        }
    </style>
@endsection

@section('script')
    <script>
        $('#products').select2({
            language: 'ru',
            ajax: {
                url: '{{route('admin.processes.getProductList')}}',
                dataType: 'json'
            }
        });

        $('#cells').select2({
            language: 'ru',
            ajax: {
                url: '{{route('admin.processes.getCellsList')}}',
                dataType: 'json'
            }
        });

        $('#cell').select2({
            language: 'ru',
            ajax: {
                url: '{{route('admin.processes.getCellsList')}}',
                dataType: 'json'
            }
        });
        @if(old("cell_id", $cellId))
            $.ajax({
                type: 'GET',
                url: '{{ route('admin.processes.getCell', ['id' => $cellId]) }}',
                dataType: 'json'
            }).then(function(data) {
                var option = new Option(data.result.index, data.result.id, true, true);
                $('#cell').append(option).trigger('change');

                $('#cell').trigger({
                    type: 'select2:select',
                    params: {
                        data: data
                    }
                });
            });
        @endif

        $('#add_product').on('click', function (e) {
            e.preventDefault();
            var product = $('#products').val();
            var count = $('#count').val();

            if(!product || !count)
                return false;

            var key = 0;
            if( $('.products .form-group').last().size() > 0 ) {
                key = $('.products .form-group').last().data('key');
            }

            var is = 0;
            $('.product-item').each(function(i,el){
                if($(el).val() == product) {
                    $('.product-date_end-item').each(function(index,element){
                        if($(element).val() == date_end) {
                            is = 1;
                        }
                    });
                }
            });
            if (is == 1) {
                alert('Товар уже добавлен!');
                return false;
            }

            $.ajax({
                type: "POST",
                url: '{{route('admin.process-acceptance.addProduct')}}',
                data: {product : product, key:key, count:count},
                success: function(result){
                    $('.products').append(result);
                    $(".picker-date-ajax").datetimepicker({
                        viewMode: 'days',
                        sideBySide: true,
                        showClose: true,
                        stepping: 1,
                        format: 'YYYY-MM-DD',
                        locale: 'ru',
                    });
                    $('.select-list').select2();
                },
                error: function (jqXHR, exception) {
                    console.log(jqXHR, exception);
                },
            });
        });


        $(document).on('click', '.remove-product', function (e) {
            e.preventDefault();
            $(this).closest('.form-group').remove();
        });

        $(document).on('change', '.product-item', function (e) {
            e.preventDefault();
            $(this).closest('.form-group').find('.product-id').val('');
        });
    </script>
@endsection