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

@section('title')
    <h3>Обработки: создать</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.process-acceptance.store') }}" class="form-horizontal form-label-left" enctype="multipart/form-data">
                        @csrf
                        <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">
                                    <option value=""></option>
                                    @foreach ($wareHouses as $value => $label)
                                        <option value="{{ $value }}" {{ $value == old('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") }}" 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'])

                        <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") }}" 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">
                                    <option value=""></option>
                                    @foreach ($autos as $auto)
                                        <option value="{{ $auto->id }}" {{ $auto->id == old('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") }}" 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") }}" 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") }}" 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><br/>
                                <a id="addFromExcel" href="#" class="btn btn-xs btn-info" style="margin-top: 10px">Из файла</a>
                                <input style="display: none" id="fileinput" type="file"/>
                            </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-7 text-left">
                                            <label for="">товар</label>
                                        </div>
                                        <div class="col-sm-2 text-left">
                                            <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, 'date_process' => null, 'date_end' => null, 'productsList' => $productsList, 'cellList' => $cellList, 'key' => $key])
                                        @endforeach
                                    @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="products">шт</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'
            }
        });

        $('#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);
                },
            });
        });

        $('#addFromExcel').on(
            'click',
            function() {
                $('#fileinput').click();
                $('#fileinput').change(
                    function() {
                        var formData = new FormData();
                        formData.append('file', this.files[0]);

                        $.ajax({
                            type: "POST",
                            url: '{{route('admin.process-acceptance.addFromExcel')}}',
                            data: formData,
                            processData: false,
                            contentType: false,
                            success: function(result){
                                $('.products').append(result);
                                $('.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