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

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

@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.processes.update', $process) }}" class="form-horizontal form-label-left" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')

                        <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>

                        <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">
                                <select id="type" class="form-control{{ $errors->has('type') ? ' is-invalid' : '' }}" name="type">
                                    @foreach ($types as $value => $label)
                                        <option value="{{ $value }}" {{ $value == old('type', $process->type) ? 'selected' : '' }}>{{ $label }}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('type'))
                                    <span class="invalid-feedback" style="color: red;"><strong>{{ $errors->first('type') }}</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="ware_house_id" class="form-control{{ $errors->has('ware_house_id') ? ' is-invalid' : '' }}" name="ware_house_id">
                                    @foreach ($wareHouses as $value => $label)
                                        <option value="{{ $value }}" {{ $value == old('ware_house_id', $process->ware_house_id) ? 'selected' : '' }}>{{ $label }}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('ware_house_id'))
                                    <span class="invalid-feedback" style="color: red;"><strong>{{ $errors->first('ware_house_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">
                                <select id="direction_id" class="form-control{{ $errors->has('direction_id') ? ' is-invalid' : '' }}" name="direction_id">
                                    @foreach ($wareHouses as $value => $label)
                                        <option value="{{ $value }}" {{ $value == old('direction_id', $process->direction_id) ? 'selected' : '' }}>{{ $label }}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('direction_id'))
                                    <span class="invalid-feedback" style="color: red;"><strong>{{ $errors->first('direction_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">паллеты (y)</label>
                            <div class="col-md-9 col-sm-9 col-xs-12">
                                <input type="text" class="form-control" name="pallet_y" value="{{ old("pallet_y", $process->pallet_y) }}" autocomplete="off">
                                @if ($errors->has('pallet_y'))
                                    <span class="invalid-feedback" style="color: red;"><strong>{{ $errors->first('pallet_y') }}</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-4">
                                            <label for="">товар</label>
                                        </div>
                                        <div class="col-sm-1">
                                            <label for="">паллет</label>
                                        </div>
                                        <div class="col-sm-1">
                                            <label for="">кейс</label>
                                        </div>
                                        <div class="col-sm-1">
                                            <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.processes._product', ['productProcess' => null, 'productId' => null, 'count' => null, 'items' => null, 'cases' => null, 'date_process' => null, 'date_end' => null, 'productsList' => $productsList, 'key' => $key])
                                        @endforeach
                                    @else
                                        @if($processProducts->isNotEmpty())
                                            @foreach($processProducts as $key => $item)
                                                @include('admin.processes._product', ['productProcess' => $item, 'productsList' => $productsList, 'key' => $key])
                                            @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 class="form-group">
                                <label for="products">паллет</label>
                                <input type="text" class="form-control field-switch" id="count" style="height: 38px;">
                            </div>
                            <div class="form-group">
                                <label for="products">кейс</label>
                                <input type="text" class="form-control field-switch" id="count-cases" style="height: 38px;">
                            </div>
                            <div class="form-group">
                                <label for="products">штук</label>
                                <input type="text" class="form-control field-switch" id="count-items" style="height: 38px;">
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="date_process">срок произ-ва</label>
                                <input type="text" class="form-control picker-date" id="date_process" style="height: 38px;">
                            </div>
                            <div class="form-group">
                                <label for="date_end">срок окончания</label>
                                <input type="text" class="form-control picker-date" id="date_end" 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>

        $('body').on(
            'click',
            '.process-product-edit__swith-field',
            function () {
                $(this).attr('data-old-value', $(this).val());
                $('.process-product-edit__swith-field').removeAttr('disabled');

                $(this).closest('.process-product-edit').find('.process-product-edit__swith-field').each(
                    function() {
                        if(!$(this).is('[data-old-value]')) {
                            $(this).attr('disabled', 'disabled');
                        }
                    }
                )
            }
        );


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

        $('.field-switch').click(
            function() {
                $(this).addClass('field-switch_active');
                $('.field-switch').each(
                    function() {
                        if(!$(this).is('.field-switch_active')) {
                            $(this).attr('disabled', 'disabled');
                        }
                    }
                )
            }
        );

        $('#add_product').on('click', function (e) {
            e.preventDefault();
            var product = $('#products').val();
            var date_process = $('#date_process').val();
            var date_end = $('#date_end').val();
            var count = $('#count').val();
            var countCases = $('#count-cases').val();
            var countItems = $('#count-items').val();

            if(!product || (!count && !countCases && !countItems)) {
                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;
            }

            $('.field-switch').removeAttr('disabled').removeClass('field-switch_active').val('');
            $.ajax({
                type: "POST",
                url: '{{route('admin.processes.addProduct')}}',
                data: {product : product, key:key, count:count, count_cases: countCases, count_items: countItems, date_process:date_process, date_end:date_end},
                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