@extends('layouts.app')

@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 method="POST" action="{{ route('orders.update_quantities',$order->id) }}" class="form form-horizontal">
                    {{ csrf_field() }}

                    <div class="form-group{{ $errors->has('site_id') ? ' 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" disabled>
                                <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>
                            <input type='hidden' name='site_id' value='{{$order->site_id}}'/>
                            @if ($errors->has('site_id'))
                                    <span class="help-block"><strong>{{ $errors->first('site_id') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>
                    </div>
                    
                    <div class="form-group{{ $errors->has('remark') ? ' has-error' : '' }}">
                        <label for="remark" class="col-sm-2 col-form-label control-label">Забележка</label>
                        <div class="col-sm-8">                                
                            <textarea placeholder="Забележка" name="remark" class="form-control" rows="4">{{old('remark',$order->supplier_remark)}}</textarea>
                            @if ($errors->has('remark'))
                                    <span class="help-block"><strong>{{ $errors->first('remark') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>
                    </div>
                    
                    <div id="product_list" class="form-group">
                        <label for="products" class="col-sm-2 col-form-label control-label">Продукти</label>
                        <div class="col-sm-8" style='overflow:scroll;'>
                            <table id="products_table" class="table table-bordered table-striped table-hover" >   
                                <thead>
                                    <th>Категория</th>
                                    <th>Продукт</th>
                                    <th>Количество</th>
                                    @if(auth()->user()->role_id==1)
                                    <th>Доставено количество</th>
                                    <th>Получено количество</th>
                                    @elseif(auth()->user()->role_id==2)
                                    <th>Получено количество</th>
                                    @elseif(auth()->user()->role_id==5)
                                    <th>Доставено количество</th>
                                    @endif
                                    <th>Мярка</th>
                                    <th>Забележка</th>
                                </thead>
                                <tbody>
                                    @foreach($order_products as $index => $order_product)
                                        <tr style='color:black;background:{{$order_product->supplier_id!=0 ? $order_product->supplier->color : 'none'}};'>
                                            <td>{{$order_product->category->name}}</td>
                                            <td>{{$order_product->product}}</td>
                                            <td>{{$order_product->quantity}}</td>
                                            @if(auth()->user()->role_id==1)
                                            <td>
                                                <input type='hidden' name='order_product[]' value='{{$order_product->id}}'/>
                                                <input type='number' class='form-control' name='supplied_quantity[]' value='{{$order_product->supplied_quantity}}' placeholder='Доставено количество' autocomplete="off"/>
                                            </td>                                            
                                            <td>
                                                <input type='number' class='form-control' name='received_quantity[]' value='{{$order_product->received_quantity}}' placeholder='Получено количество' autocomplete="off"/>
                                            </td>
                                            <td>{{$order_product->measure}}</td>
                                            <td>
                                                <input type='text' class='form-control' name='note[]' value='{{$order_product->supplier_note}}' placeholder='Забележка' autocomplete="off"/>
                                            </td>
                                            <td>
                                                <input type='text' class='form-control' name='note[]' value='{{$order_product->receiver_note}}' placeholder='Забележка' autocomplete="off"/>
                                            </td>
                                            @elseif(auth()->user()->role_id==2)    
                                            <td>
                                                <input type='hidden' name='order_product[]' value='{{$order_product->id}}'/>
                                                <input type='text' class='form-control received-quantity' name='received_quantity[]' data-supplied_quantity='{{$order_product->supplied_quantity}}' value='{{$order_product->received_quantity}}' placeholder='Получено количество' autocomplete="off"/>
                                            </td>
                                            <td>{{$order_product->measure}}</td>
                                            <td>
                                                <input type='text' class='form-control' name='note[]' value='{{$order_product->receiver_note}}' placeholder='Забележка'/>
                                            </td>
                                            @elseif(auth()->user()->role_id==5)    
                                            <td>
                                                <input type='hidden' name='order_product[]' value='{{$order_product->id}}'/>
                                                <input type='text' class='form-control' name='supplied_quantity[]' value='{{$order_product->supplied_quantity}}' placeholder='Доставено количество' autocomplete="off" {{$order_product->supplier_id!=auth()->user()->id ? 'readonly' : ''}} />
                                            </td>
                                            <td>{{$order_product->measure}}</td>
                                            <td>
                                                <input type='text' class='form-control' name='note[]' value='{{$order_product->supplier_note}}' placeholder='Забележка' autocomplete="off"/>
                                            </td>
                                            @endif
                                            
                                            
                                        </tr>      
                                    @endforeach
                                </tbody>
                            </table>
                            <div class="errorBox"></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12" style='text-align: center;'>
                            <button type="submit" class="btn btn-primary submit-btn">Запази</button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="panel-footer"></div>
        </div>

<script type="text/javascript" charset="utf-8">
    
    $('.form-horizontal').on('keyup keypress', function(e) {
      var keyCode = e.keyCode || e.which;
      if (keyCode === 13) { 
        e.preventDefault();
        return false;
      }
    });


    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);
   });
   
   $('.received-quantity').on('change', function(){
        var supplied_quantity = $(this).attr('data-supplied_quantity');
        
        if(supplied_quantity!==$(this).val()){            
            alert('Количеството се различава от посоченото като доставено!');
            $('.submit-btn').attr('disabled',true);
        }
        else{
            $('.submit-btn').attr('disabled',false);
        }
   });
        
</script>
@endsection