@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="panel panel-default">
            <div class="pull-right">
                <button class="btn btn-primary back-btn" onclick="window.history.back()">Назад</button>
            </div>
            <div class="panel-heading">
                <h3 class="panel-title">Промяна на поръчка</h3>                
            </div>

            <div class="panel-body">                
                <form id="order_create" method="POST" action="{{ route('orders.update',$order->id) }}" class="form form-horizontal" enctype="multipart/form-data">
                    {{ method_field('PATCH') }}
                    {{ 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>
                                <option value=""></option>
                                @foreach($sites as $site)
                                <option value="{{$site->id}}" {{old('site_id',$order->site_id)==$site->id ? "selected" : ""}}>{{$site->name}}</option>
                                @endforeach
                            </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',$order->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',$order->note)}}</textarea>
                            @if ($errors->has('note'))
                                    <span class="help-block"><strong>{{ $errors->first('note') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>
                    </div>
                    
                    @foreach($order_products as $index => $order_product)
                    <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',$order_product->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',$order_product->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',$order_product->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',$order_product->quantity)}}" class="form-control input-required" required>
                            @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="{{$order_product->date_from!=null ? date('d.m.Y',strtotime($order_product->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="{{$order_product->date_to!=null ? date('d.m.Y',strtotime($order_product->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',$order_product->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',$order_product->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',$order_product->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',$order_product->color)}}' autocomplete="off">
                            @if ($errors->has('color'))
                                <span class="help-block"><strong>{{ $errors->first('color') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>                        
                    </div>
                    @endforeach

                    <div class="form-group{{ $errors->has('upload_file') ? ' has-error' : '' }}">
                        <label class="col-sm-2 col-form-label control-label">Файл</label>
                        <div class="col-sm-8">
                            @if(isset($order->file))
                            <div style="margin-bottom: 10px;" class="file_link">
                                <a href='{{asset('/files/'.$order->file->name)}}' target='_blank'>{{$order->file->title}}</a>
                            </div>
                            
                            <div class="edit_file_div">
                                <div class="file-row-edit"> 
                                    <input type="text" class="edit_element_file" value="{{$order->file->title}}" data-name="{{$order->file->name}}" data-id="{{$order->file->id}}" readonly disabled/>
                                </div>
                                <div class="file-row">
                                    <div class="margin--bottom-5">
                                        <div class="upload-file">
                                            <a href="javascript:;" class="btn btn-danger m-btn--icon-only delete_file">
                                                <i class="glyphicon glyphicon-trash"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="clear-both"></div>
                            </div>
                            @endif
                            <div class="file_div"  {{isset($order->file) ? 'hidden' : ''}}>
                                <div class="img-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>
                    
                    @if(auth()->user()->role_id==4 || auth()->user()->role_id==7)
                    <div class="form-group{{ $errors->has('supplier_id') ? ' has-error' : '' }}">
                        <label for="supplier_id" class="col-sm-2 col-form-label control-label">Доставчик</label>
                        <div class="col-sm-8">
                            <select class="form-control" id="supplier" name="supplier_id">
                                <option value="0"></option>
                                @foreach($suppliers->where('active',1) as $supplier)
                                <option value="{{$supplier->id}}">{{$supplier->name}}</option>
                                @endforeach
                            </select>
                            @if ($errors->has('supplier_id'))
                                <span class="help-block"><strong>{{ $errors->first('supplier_id') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>                        
                    </div>
                    @endif
                    
                    <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)
                                @if(auth()->user()->role_id==2 || auth()->user()->role_id==3)
                                    <button type="button" id="zero_order" class="btn btn-success">Запази</button>
                                @endif    
                                @if(((auth()->user()->role_id==4 || auth()->user()->role_id==7) && ($order->status==4 || $order->status==5) && count($order->chief_products)>0) || (auth()->user()->role_id==3 && ($order->status==2 || $order->status==3) && count($order->technician_products)>0))
                                    <button type="button" id="return_order" data-toggle="modal" data-target="#modal-return" class="btn btn-danger" style="position:relative;left:39%;">Върни поръчка</button>
                                @endif
                                <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 id="modal-return" class="modal inmodal" tabindex="-1" role="dialog" aria-labelledby="modal-label">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content animated flipInY">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 id="modal-label" class="modal-title">Връщане на поръчка</h4>
                            </div>
                            <div class="modal-body">Сигурни ли сте, че желаете да върнете тази поръчка назад по веригата?</div>
                            <div class="modal-footer">
                                <button id="confirm_return" type="button" class="btn btn-default" onclick="return_order({{$order->id}})">Да</button>
                                <button type="button" class="btn btn-primary" data-dismiss="modal"> Не</button>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
            <div class="panel-footer"></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,#supplier').select2();

    $("#date_from").datepicker({   
        onSelect: function(dateText, inst){
           $("#date_to").datepicker("option","minDate",
           $("#date_from").datepicker("getDate"));
        }
    });

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

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

    $('#approve_order').on('click', function(e){    
        if({!! auth()->user()->role_id!==1!!}){
            $('#status').val({!! auth()->user()->role->approved_status !!});
        }    
        $('#order_create').submit();
    });


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


    /*$(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, '.')); 
    });   
    
    $('.delete_file').click(function(){
       var element = $(this).closest('.edit_file_div');
       var file = element.find('.edit_element_file').attr('data-name');
       var id = element.find('.edit_element_file').attr('data-id');
       $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/delete_file',
                    type: 'POST',
            data: { 
                    'id' : id,
                    'file' : file},
            success: function(response){
                if(response.warning){
                    alert(response.warning);
                }
                else{
                    element.remove();
                    $('.file_link').remove();
                    $('.file_div').show();
                    alert(response.success); 
                }
            }
        });
    });
    
    $(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();
     });
     
     
    function return_order(id){       
       var remark = $('textarea[name="note"]').val();
               
       $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/return_order_remark',
                    type: 'POST',
            data: { 
                    'id' : id,
                    'remark' : remark},
            success: function(response){
                if(response.warning){
                    alert(response.warning);
                }
                else{
                    location.replace("/orders");
                }
            }
        });
    }
    
    function setIdle(cb, seconds) {
        var timer; 
        var interval = seconds * 1000;
        function refresh() {
                clearInterval(timer);
                timer = setTimeout(cb, interval);
        };
        $(document).on('keypress click', refresh);
        refresh();
    }
    
    function tempAlert(cb, period)
    {
        var timer; 
        var interval = period * 1000;
        function refresh() {
                $('#warning-div').remove();
                clearInterval(timer);
                timer = setTimeout(cb, interval);
        };
        $(document).on('keypress click', refresh);
        refresh();
    }
    
    tempAlert(function() {
        var el = document.createElement("div");
        el.setAttribute('id','warning-div');
        el.setAttribute("style","position:absolute;top:40%;left:50%;width:250px;height:100px;background:#eeee;border:2px solid;z-index:5;text-align:center;padding-top:30px;");
        el.innerHTML = "Ще бъдете пренасочени към друга страница.";
        document.body.appendChild(el);
    }, 20);

    setIdle(function() {
        location.href = '/orders';
    }, 30);
    
    $(document).ready(function(){
       setInterval(function(){ 
            var order_id = {!! $order->id !!};
            $.ajax({
                headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/keep_order_locked',
                type: 'POST',
                data: {'order_id' : order_id},
                success: function(response){

                }
            });           

        }, 10000);
   });

</script>

@endsection