@extends('layouts.app')

@section('link')
<link href="{{ asset('css/jquery-ui.min.css') }}" rel="stylesheet">
@endsection

@section('style')
<style type="text/css">
    
    .ui-autocomplete{
        overflow-y:auto;
        max-height:500px;
    }
</style>
@endsection

@section('content')
<div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12">
        <div class="panel panel-default">            
            <div class="panel-heading">
                <h3 class="panel-title">Създаване на поръчка</h3>                
            </div>

            <div class="panel-body">                
                <form id="order_create" method="POST" action="{{ route('orders.store') }}" class="form form-horizontal" enctype="multipart/form-data">
                    {{ csrf_field() }}

                    <div class="form-group{{ $errors->has('site') ? ' has-error' : '' }}">
                        <label for="site" class="col-sm-2 col-form-label control-label">Обект</label>
                        <div class="col-sm-8">         
                            
                            <select class="form-control" id="site" name="site_id" required>
                                @if(count($sites)==1)
                                    <option value="{{$sites[0]->id}}" selected>{{$sites[0]->name}}</option>
                                @else
                                    @foreach($sites as $site)
                                    <option value="{{$site->id}}" {{old('site_id')==$site->id ? "selected" : ""}}>{{$site->name}}</option>
                                    @endforeach
                                @endif
                            </select>
                            
                            @if ($errors->has('technician_id'))
                                    <span class="help-block"><strong>{{ $errors->first('technician_id') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>
                    </div>
                    
                    @if(auth()->user()->role_id==1) 
                    <div class="form-group{{ $errors->has('status') ? ' has-error' : '' }}">
                        <label for="status" class="col-sm-2 col-form-label control-label">Статус</label>
                        <div class="col-sm-8">     
                            @foreach(__('texte.order_statuses_'.auth()->user()->role_id) as $key=>$value)
                                @if($key<7)
                                <div>
                                    <label> 
                                        <input type="radio" value="{{$key}}" id="status" name="status" {{$key==old('status') ? 'checked' : ''}}> {{$value}} 
                                    </label>
                                </div>
                                @endif
                            @endforeach
                            @if ($errors->has('status'))
                                <span class="help-block"><strong>{{ $errors->first('status') }}</strong></span>
                            @endif  
                            <div class="errorBox"></div>
                        </div>                                              
                    </div>
                    @else
                        <input type="hidden" value="{{auth()->user()->role_id==2 ? 2 : (auth()->user()->role_id==3 ? 4 : 6) }}" id="status" name="status"/>
                    @endif
                    
                    <div class="form-group{{ $errors->has('note') ? ' has-error' : '' }}">
                        <label for="site" class="col-sm-2 col-form-label control-label">Забележка</label>
                        <div class="col-sm-8">                                
                            <textarea placeholder="Забележка" name="note" class="form-control" value='' rows="4">{{old('note')}}</textarea>
                            @if ($errors->has('note'))
                                    <span class="help-block"><strong>{{ $errors->first('note') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>
                    </div>
                    
                    <div class="form-group {{ $errors->has('category_id') ? ' has-error' : '' }}">
                        <label for="category" class="col-sm-2 col-form-label control-label">Категория</label>
                        <div class="col-sm-8">                                
                            <select class="form-control" id="category" name="category_id" required>
                                <option value="">Категория</option>
                                @foreach($categories as $category)
                                <option value="{{$category->id}}" {{old('category_id')==$category->id ? "selected" : ""}}>{{$category->name}}</option>
                                @endforeach
                            </select>                        
                            @if ($errors->has('category_id'))
                                <span class="help-block"><strong>{{ $errors->first('category_id') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>
                    </div>

                    <div class="form-group{{ $errors->has('product') ? ' has-error' : '' }}">
                        <label for="product" class="col-sm-2 col-form-label control-label">Продукт</label>
                        <div class="col-sm-8"> 
                            <div class="ui-widget">                         
                                <input type="text" class="autocomplete form-control" id="product" name="product" value="{{old('product')}}" placeholder="Продукт" required>
                            </div>                        
                            @if ($errors->has('product'))
                                    <span class="help-block"><strong>{{ $errors->first('product') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>
                    </div>

                    <div class="form-group{{ $errors->has('measure') ? ' has-error' : '' }}">
                        <label for="measure" class="col-sm-2 col-form-label control-label">Мерна ед.</label>
                        <div class="col-sm-8">
                            <select class="form-control" id="measure" name="measure" required>
                                <option value="">Мерна ед.</option>
                                @foreach(__('texte.measures_arr') as $measure)
                                <option value="{{$measure}}" {{old('measure')==$measure ? "selected" : ""}}>{{$measure}}</option>
                                @endforeach
                            </select>                        
                            @if ($errors->has('measure'))
                                <span class="help-block"><strong>{{ $errors->first('measure') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>
                    </div>
                    
                    <div class="form-group{{ $errors->has('quantity') ? ' has-error' : '' }}">
                        <label for="quantity" class="col-sm-2 col-form-label control-label">Количество</label>
                        <div class="col-sm-8">
                            <input type="text" id="quantity" name="quantity" value="{{old('quantity')}}" class="form-control input-required" required autocomplete="off">
                            @if ($errors->has('quantity'))
                                <span class="help-block"><strong>{{ $errors->first('quantity') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>                        
                    </div>

                    
                    <div class="form-group date_row {{ $errors->has('date_from') || $errors->has('date_to') ? ' has-error' : '' }}" hidden>
                        <label for="date_from" class="col-sm-2 col-form-label control-label">Период</label>
                        <div class="col-sm-8">
                            <div class="row">
                                <div class="col-6 col-xs-6 col-sm-6 col-md-6">
                                    <input type="text" class="filter-range-date" id="date_from" name="date_from" value="{{old('date_from')}}" placeholder="От дата:" autocomplete="off"/>
                                </div> 
                                <div class="col-6 col-xs-6 col-sm-6 col-md-6">
                                    <input type="text" class="filter-range-date" id="date_to" name="date_to" value="{{old('date_to')}}" placeholder="До дата:" autocomplete="off"/>
                                </div>
                            </div>
                            @if ($errors->has('date_from') || $errors->has('date_to') )
                                <span class="help-block"><strong>{{ $errors->first('date_from').' '.$errors->first('date_to') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>                        
                    </div>


                    <div class="form-group{{ $errors->has('producer') ? ' has-error' : '' }}">
                        <label for="producer" class="col-sm-2 col-form-label control-label">Производител</label>
                        <div class="col-sm-8">
                            <input type="text" id="producer" name="producer" class="form-control" value='{{old('producer')}}' autocomplete="off">
                            @if ($errors->has('producer'))
                                <span class="help-block"><strong>{{ $errors->first('producer') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>                        
                    </div>
                    
                    <div class="form-group{{ $errors->has('mark') ? ' has-error' : '' }}">
                        <label for="mark" class="col-sm-2 col-form-label control-label">Марка</label>
                        <div class="col-sm-8">
                            <input type="text" id="mark" name="mark" class="form-control" value='{{old('mark')}}' autocomplete="off">
                            @if ($errors->has('mark'))
                                <span class="help-block"><strong>{{ $errors->first('mark') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>                        
                    </div>
                    
                    <div class="form-group{{ $errors->has('size') ? ' has-error' : '' }}">
                        <label for="size" class="col-sm-2 col-form-label control-label">Размер</label>
                        <div class="col-sm-8">
                            <input type="text" id="size" name="size" class="form-control" value='{{old('size')}}' autocomplete="off">
                            @if ($errors->has('size'))
                                <span class="help-block"><strong>{{ $errors->first('size') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>                        
                    </div>
                    
                    <div class="form-group{{ $errors->has('color') ? ' has-error' : '' }}">
                        <label for="color" class="col-sm-2 col-form-label control-label">Цвят</label>
                        <div class="col-sm-8">
                            <input type="text" id="mark" name="color" class="form-control" value='{{old('color')}}' autocomplete="off">
                            @if ($errors->has('color'))
                                <span class="help-block"><strong>{{ $errors->first('color') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>                        
                    </div>
                    
                    <div class="form-group{{ $errors->has('upload_file') ? ' has-error' : '' }}">
                        <label for="upload_files" class="col-sm-2 col-form-label control-label">Файл</label>
                        <div class="col-sm-8">
                            <div class="file_div">
                                <div class="file-row">
                                    <div class="margin--bottom-5">
                                        <div class="custom-file">
                                            <input class="file_name" type='text' value="" name="file_name" readonly disabled>
                                            <label class="btn btn-success m-btn--icon-only">                                                    
                                                <input class="upload_file" type="file" name="upload_file">
                                                <i class="glyphicon glyphicon-upload"></i>
                                            </label>
                                            <a href="javascript:;" class="btn btn-danger m-btn--icon-only remove_file">
                                                <i class="glyphicon glyphicon-trash"></i>
                                            </a>                                                
                                        </div>
                                        @if ($errors->has('upload_file'))
                                            <span class="help-block"><strong>{{ $errors->first('upload_file') }}</strong></span>
                                        @endif
                                        <div class="errorBox"></div>
                                    </div>
                                </div>
                                <div class="clear-both"></div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <div class="col-sm-12" style='text-align: center;'>
                            @if(auth()->user()->role_id==2 || auth()->user()->role_id==3 || auth()->user()->role_id==4 || auth()->user()->role_id==7)
                            <button type="button" id="zero_order" class="btn btn-success">Запази</button>
                            <button type="submit" class="btn btn-primary">{{auth()->user()->role_id==2 ? 'Изпрати' : (auth()->user()->role_id==3 ? 'Одобри' : 'Поръчай')}}</button>
                            @else
                            <button type="submit" class="btn btn-primary">Създай поръчка</button>
                            @endif                            
                        </div>
                    </div>
                </form>                
            </div>
            <div class="panel-footer"></div>
        </div>
    </div>
</div>

<script src="{{ asset('js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('js/datepicker-bg.js') }}"></script>
<script src="{{ asset('js/jquery.validate.js') }}"></script>
<script src="{{ asset('js/validation.js') }}"></script>
<script src="{{ asset('js/select2.min.js') }}"></script>

<script type="text/javascript" charset="utf-8">
    $('#site,#category,#measure,.category,.measure').select2({ minimumResultsForSearch: -1 });
    
    $(document).on('submit','form',function(e){
        var myForm = $(this);
        $(myForm).submit(function(){
            return false;
        });
    }); 
            
    $("#date_from").datepicker({   
        onSelect: function(dateText, inst){
           $("#date_to").datepicker("option","minDate",
           $("#date_from").datepicker("getDate"));
        }
    });

    $("#date_to").datepicker();


    $('#category').on('change', function(){
       if($(this).find('option:selected').text()=='Инвентар и транспорт'){
           $('.date_row').show();
           $('.filter-range-date').addClass('input-required');
       }
       else{
           $('.date_row').hide();
           $('.filter-range-date').removeClass('input-required');
       }   
    }).change();

    $('#zero_order').on('click', function(e){
        $('#status').val({{auth()->user()->role_id==2 ? 1 : (auth()->user()->role_id==3 ? 3 : 5)}});
        $('#order_create').submit();
    });


    /*$(document).on('focus', '.autocomplete', function () {
        var element = $(this);
        
        element.autocomplete({
            source: function( request, response ) {            
                if(request.term.length>3){  
                    $.ajax({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/get_autocomplete_products',
                        type: 'POST',
                        data: {'product' : request.term},

                        success: function(data) {
                          response( data);
                        }
                    });
                }               
            },
            select:function(e,ui)
            {
                e.preventDefault();
                element.val(ui.item.product);           
            }
        }).data("ui-autocomplete")._renderItem = function (ul, item) {
            return $("<li style='padding:5px;'>" + item.product + "</li>").appendTo(ul);
        };
    });*/
    
    $(document).on('input','#quantity', function(){
       $(this).val($(this).val().replace(/,/g, '.')); 
    });
    
     $(document).on('change',".upload_file",function() {
        $(this).closest('.margin--bottom-5').find('.errorBox').html('');
        $('.submit').attr('disabled',false);
        if($(this).val()!=''){
            if(this.files[0].size>5242880){
                $(this).closest('.margin--bottom-5').find('.errorBox').append('<label class="error size_error">Файлът трябва да бъде до 5МБ</label><br/>');
                $('.submit').attr('disabled',true);
            }
            else{
                $(this).closest('.margin--bottom-5').find('.errorBox').find('.size_error').remove();
            }
        }
        $(this).closest('.custom-file').find('.file_name').val(this.files[0].name);
     });
     
     $(document).on('click','.remove_file',function(){
        $(this).closest('.custom-file').find('.file_name').val(''); 
        $(this).closest('.custom-file').find('.upload_file').val('').change();
     });
    
</script>

@endsection