@extends('layouts.app')

@section('link')
    <link href="{{ asset('css/theme.default.css') }}" rel="stylesheet">
    <link href="{{ asset('css/chosen.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/style.css') }}" rel="stylesheet">
    
    <link href="{{ asset('css/admin_filters.css') }}" rel="stylesheet">
    
    <link href="{{ asset('css/jquery-ui.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/jquery.dataTables.yadcf.css') }}" rel="stylesheet">
@endsection

@section('content')
<div class="container">
@include('shared.messages')
<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">
                    <span class="glyphicon glyphicon-user"></span>{{__('texte.orders_arr.index_finished_orders.orders')}}
                </h3><br />
                
                <form id='finished_orders' method="POST" action="{{ route('finished_orders') }}" role="form" class="form-inline">
                    {{ csrf_field() }}
                    @permission('order-form-contragent-read')
                        <div class="form-group">
                            <div class="input-group">
                                <select id="contragent" class="form-control" name="contragent">
                                    <option value="">--- {{__('texte.orders_arr.index_finished_orders.contragent')}} ---</option>
                                    @foreach ($contragents as $contragent)
                                        <option value="{{$contragent->id}}" {{isset($input['contragent']) && $input['contragent'] == $contragent->id ? "selected" : ""}}>{{ $contragent->company_name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    @endpermission
                    
                    @permission('order-form-object-read')
                        <div class="form-group">
                            <div class="input-group">
                                <select id="objects" name="objects[]" data-name="{{Lang::get('texte.orders_arr.index_finished_orders.obect')}}" multiple>
                                    @foreach($objects as $object)
                                        <option value="{{$object->id}}" {{isset($input['objects']) && in_array($object->id,$input['objects']) ? "selected" : ""}}>{{ $object->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    @endpermission
                    
                    @permission('order-form-storage-read')
                        <div class="form-group">
                            <div class="input-group">
                                <select id="storage" class="form-control" name="storage">
                                    <option value="">--- {{__('texte.orders_arr.index_finished_orders.storage')}} ---</option>
                                    @foreach ($storages as $storage)
                                        <option value="{{$storage->id}}" {{isset($input['storage']) && $input['storage'] == $storage->id ? "selected" : ""}}>{{ $storage->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    @endpermission
                    
                    @permission('order-form-type-read')
                    <div class="form-group">
                        <div class="input-group">
                            <select class="form-control" id="type" name="type">
                                <option value="">--- {{__('texte.orders_arr.index_finished_orders.order_type')}} ---</option>
                                 @foreach(Lang::get('texte.order_type_arr') as $key=>$val)
                                    <option value="{{$key}}" {{isset($input['type']) && $input['type'] == $key ? "selected" : ""}}>{{ $val }}</option>
                                 @endforeach
                            </select>
                        </div>
                    </div>
                    @endpermission

                    @permission('order-form-urgent-read')
                    <div class="form-group">
                        <div class="input-group">
                            <select class="form-control" id="urgent" name="urgent" >
                                <option value="">--- {{__('texte.orders_arr.index_finished_orders.urgent_order')}}---</option>
                                 @foreach(Lang::get('texte.replies_arr_short') as $key=>$val)
                                    <option value="{{$key}}" {{isset($input['urgent']) && $input['urgent'] == $key ? "selected" : ""}}>{{ $val }}</option>
                                 @endforeach
                            </select>
                        </div>
                    </div>
                    @endpermission
                    
                    @permission('order-form-source-read')
                    <div class="form-group">
                        <div class="input-group">
                            <select class="form-control" id="source" name="source">
                                <option value="">--- {{__('texte.orders_arr.index_finished_orders.source')}} ---</option>
                                 @foreach(Lang::get('texte.source_type_arr_text') as $key=>$val)
                                    <option value="{{$key}}" {{isset($input['source']) && $input['source'] == $key ? "selected" : ""}}>{{$val}}</option>
                                 @endforeach
                            </select>
                        </div>
                    </div>
                    @endpermission
                    
                    @permission('order-form-subregion-read')
                        <div class="form-group">
                            <div class="input-group">
                                <select id="subregion" class="form-control" name="subregion">
                                    <option value="">--- {{__('texte.orders_arr.index_finished_orders.subregion')}} ---</option>
                                    @foreach ($subregions as $subregion)
                                        <option value="{{$subregion->id}}" {{isset($input['subregion']) && $input['subregion'] == $subregion->id ? "selected" : ""}}>{{ $subregion->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    @endpermission
                    
                    @permission('order-form-status-read')
                        <div class="form-group">
                            <div class="input-group">
                                <select class="form-control" id="status" name="status">
                                    <option value="">--- {{__('texte.orders_arr.index_finished_orders.status')}} ---</option>
                                    @foreach(Lang::get('texte.status_type_arr') as $key=>$val)
                                        @if($key>3)
                                        <option value="{{$key}}" {{isset($input['status']) && $input['status']==$key ? "selected" : ""}}>{{$val}}</option>
                                        @endif
                                    @endforeach
                                    <option value="99" {{isset($input['status']) && $input['status']==99 ? "selected" : ""}}>Неизпратени</option> 
                                </select>
                            </div>
                        </div>
                    @endpermission
                    
                    @permission('order-form-user-read')
                        <div class="form-group">
                            <div class="input-group">
                                <select class="form-control" id="user" name="user">
                                    <option value="">--- {{__('texte.orders_arr.index_finished_orders.doer')}} ---</option>
                                    @foreach($users as $user)
                                        <option value="{{$user->id}}" {{isset($input['user']) && $input['user']==$user->id ? "selected" : ""}}>{{$user->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    @endpermission
                    
                    <div class="form-group">
                        <div class="input-group">
                            <input type="text" class="yadcf-filter-range-date" id="date_from" name="date_from" value="{{isset($input['date_from']) ? $input['date_from'] : ''}}" placeholder="{{__('texte.orders_arr.index_finished_orders.date_from')}}"/>
                            <input type="text" class="yadcf-filter-range-date" id="date_to" name="date_to" value="{{isset($input['date_to']) ? $input['date_to'] : ''}}" placeholder="{{__('texte.orders_arr.index_finished_orders.date_to')}}"/>
                            <div class="errorBox"></div>
                        </div>  
                    </div>
                    
                    <div class="form-group">
                        <div class="input-group">
                            <div id="first_filters_div" style="display: inline-block; height:40px;"></div>
                        </div>
                    </div>
                    
                    <button type='button' class='btn btn-warning dark_bordered_warning' onclick="reset_filters();" title='{{__('texte.orders_arr.index_finished_orders.reset_filters')}}' data-toggle='tooltip'>{{__('texte.orders_arr.index_finished_orders.reset_filters')}}</button>
                    <button type='submit' class="btn btn-primary btn-submit dark_bordered_warning">{{__('texte.orders_arr.index_finished_orders.search')}}</button>
                </form>
            </div>
            
            @if(isset($orders) && count($orders)>0)
            <div class="panel-body">
                <div class='left-div-75'> <!--style='width:75%;float:left;'-->
                    <table class="table table-striped table-bordered table-hover dataTables-example dataTable" width="100%">
                        <thead>
                            <tr>
                                <th>{{strtoupper(__('texte.orders_arr.index_finished_orders.id'))}}</th>
                                <th>{{__('texte.orders_arr.index_finished_orders.contragent')}}</th>
                                <th>{{__('texte.orders_arr.index_finished_orders.object')}}</th>
                                <th>{{__('texte.orders_arr.index_finished_orders.order_type')}}</th>
                                <th>{{__('texte.orders_arr.index_finished_orders.urgent')}}</th>
                                <th>{{__('texte.orders_arr.index_finished_orders.delivery')}}</th>
                                <th>{{__('texte.orders_arr.index_finished_orders.subregion')}}</th>
                                <th>{{__('texte.orders_arr.index_finished_orders.note')}}</th>
                                <th>{{__('texte.orders_arr.index_finished_orders.status')}}</th>
                                <th>{{__('texte.orders_arr.index_finished_orders.source')}}</th>
                                <th>{{__('texte.orders_arr.index_finished_orders.doer')}}</th>
                                <th>{{__('texte.orders_arr.index_finished_orders.actions')}}</th>
                            </tr>
                        </thead>
                        <tbody>   
                            @foreach ($orders as $index=>$order)
                                <tr id="{{$order->id}}">
                                    <td>{{ $order->id}}</td>
                                    <td>{{ $order->company_name}}</td>
                                    <td>{{ $order->name}}</td>
                                    <td>{{ Lang::get('texte.order_type_arr')[$order->type]}}</td>
                                    <td>{{ Lang::get('texte.replies_arr')[$order->urgent]}}</td>
                                    <td>{{ date("d.m.Y",strtotime($order->delivery_date))}}</td>
                                    <td>{{ $order->obect->subregion->name}}</td>
                                    <td>{{ $order->note}}</td>
                                    <td>{{ Lang::get('texte.status_type_arr')[$order->status]}}</td>
                                    <td>{!! __('texte.source_type_arr_text')[$order->source]!!}</td>
                                    <td>{{$order->doer_id!=0 ? $order->doer->name : __('texte.orders_arr.index_finished_orders.none')}}</td>
                                    <td>
                                        <div class='btn-group btn-group-xs' style='float:right;'> 
                                            <button type="button" class="btn btn-success info_button" data-id='{{ $order->id }}' title="{{__('texte.orders_arr.index_finished_orders.info')}}" data-target='#modal-info' data-toggle='modal'><i class='glyphicon glyphicon-info-sign'></i></button>
                                            @if($order->source!=7)
                                                <a class="btn btn-info" href="{{ route('orders.show', $order->id) }}?page={{ request('page', 1) }}" title='{{__('texte.orders_arr.index_finished_orders.show')}}' data-toggle='tooltip' @nonepermission('order-route-list') disabled @endnonepermission><i class='glyphicon glyphicon-eye-open'></i></a>
                                            @else
                                                <a class="btn btn-info" href="{{ route('combined_orders.show', $order->id) }}?page={{ request('page', 1) }}" title='{{__('texte.orders_arr.index_finished_orders.show')}}' data-toggle='tooltip'><i class='glyphicon glyphicon-eye-open'></i></a>
                                            @endif                                            
                                            @if($order->status>3 && $order->docs_collected==0)                                            
                                            <button type='button' class="btn btn-primary mark_docs_collected" data-id="{{$order->id}}" title='{{__('texte.orders_arr.index_finished_orders.mark_docs_collected')}}' data-target='#modal-docs_collected' data-toggle='modal'><i class='glyphicon glyphicon-duplicate'></i></button>
                                            @endif 
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                
            </div>            
            @endif
           
            
            <div id="modal-docs_collected" 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">{{__('texte.orders_arr.index_finished_orders.docs_collected')}}</h4>
                        </div>
                        <div class="modal-body">{{__('texte.orders_arr.index_finished_orders.docs_collected_confirm')}}</div>
                        <div class="modal-footer">
                            <button id="confirm_docs_collected" type="button" class="btn btn-default" onclick="mark_order_docs_collected()">{{__('texte.orders_arr.index_finished_orders.yes')}}</button>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"> {{__('texte.orders_arr.index_finished_orders.no')}}</button>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Modal info-->
            <div id="modal-info" 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-info-label" class="modal-title">{{__('texte.orders_arr.index_finished_orders.order_info')}} <span></span></h4>
                        </div>
                        <div class="modal-body">
                            <div class="form-group picker">
                                <label for="picker" class="control-label col-xs-4 col-sm-4 col-md-4">{{__('texte.orders_arr.index_finished_orders.doer')}}</label>
                                <div class="input-group col-xs-8 col-sm-8 col-md-8" hidden>
                                    <select id="picker" name="picker">
                                        <option value="0">{{__('texte.orders_arr.index_finished_orders.picker')}}</option>
                                        @foreach($pickers as $picker)
                                            <option value="{{$picker->id}}">{{$picker->name}}</option>
                                        @endforeach
                                    </select>
                                </div>                                
                            </div>
                            <div class="form-group forklift_driver">
                                <label for="picker" class="control-label col-xs-4 col-sm-4 col-md-4">{{__('texte.orders_arr.index_finished_orders.doer')}}</label>
                                <div class="input-group col-xs-8 col-sm-8 col-md-8" hidden>
                                    <select id="forklift_driver" name="forklift_driver">
                                        <option value="0">{{__('texte.orders_arr.index_finished_orders.forklift_driver')}}</option>
                                        @foreach($forklift_drivers as $forklift_driver)
                                            <option value="{{$forklift_driver->id}}">{{$forklift_driver->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                
                            </div>
                            <div id="stocks"></div>
                        </div>
                        <div class="modal-footer">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="{{ asset('js/chosen.js') }}"></script>
<script src="{{ asset('js/chosen-readonly.js') }}"></script>
<script src="{{ asset('js/datatables.min.js') }}"></script>
<script src="{{ asset('js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('js/datepicker-bg.js') }}"></script>

<script src="{{ asset('js/jquery.dataTables.yadcf.js') }}"></script>

<script type="text/javascript">
    
    var initial_objects = {!! $objects !!};
           
    $('#storage,#contragent,#source,#subregion,#type,#status,#urgent,#picker,#forklift_driver,#user').chosen();
    
    $('#picker').chosenReadonly(true).trigger('chosen:updated');
    $('#forklift_driver').chosenReadonly(true).trigger('chosen:updated');
    
    $('#objects').chosen({placeholder_text_multiple: '--- Обект ---'});
    
    $("#date_from").datepicker({   
        onSelect: function(dateText, inst){
           $("#date_to").datepicker("option","minDate",
           $("#date_from").datepicker("getDate"));
        }
    });

    $("#date_to").datepicker(); 
    
    table = $('.dataTables-example').DataTable({
        pageLength: 100,
        responsive: true,
        "oLanguage": {
            "sSearch": "",
            "sLengthMenu": "_MENU_  <span style='vertical-align:-moz-middle-with-baseline;margin-left:5px;'>Резултата на страница</span>",  
            "sInfo": "Показване на записи от _START_ до _END_ от общо _TOTAL_ записа",
            "sZeroRecords": "Не са намерени записи по зададените параметри",
            "sInfoEmpty": "Не са намерени записи по зададените параметри",
            "sInfoFiltered" : "- филтрирани от _MAX_ записа",
            "sLoadingRecords" : "Резултатите се зареждат, моля изчакайте...",
            "oPaginate": {
                                    "sNext": "Следваща страница",
                                    "sPrevious": "Предишна страница",
                              },

        },
        "columnDefs": [
                        { "orderable": false, "targets": 11 }
                      ],
        "initComplete":function(settings, json) {
            $('select[name="DataTables_Table_0_length"]').chosen();
            $('.input-sm').attr('placeholder','Търсене');
            $('div.dataTables_filter input').css({ marginLeft : "0px"});
            this_table = $('.dataTables-example').dataTable();
            $("a").each(function(){
                if($(this).attr('disabled')=='disabled'){
                    $(this).addClass('not-active');
                }
            });  
        },
        "dom" : "fl<'#add_country'>tip",

    });
    
    $('#contragent').on('change', function(){
        var client = $('#contragent').val();
        if(client!=''){
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/get_filtered_objects',
                        type: 'POST',
                data: { 'client' : client},
                success: function(response){
                            var options='<option value=""> --- Обект --- </option>';
                            $('#object').find('option').remove().end();
                            if(response.length>0){
                                for (var i in response){
                                       options += '<option value="' + response[i].id + '">' + response[i].name + '</option>';
                                }
                            }
                            $('#objects').html(options);
                            $('#objects').trigger("chosen:updated");
                        }
            });
        }
        else{
            var options='<option value=""> --- Обект --- </option>';
            $('#object').find('option').remove().end();

            for (var i in initial_objects){
                options += '<option value="' + initial_objects[i].id + '">' + initial_objects[i].name + '</option>';
            }
            $('#objects').html(options);
            $('#objects').trigger("chosen:updated").change();
        }
    });
    
    function reset_filters(){
        $('.yadcf-filter-range-date').val('');
        $('#contragent,#source,#subregion,#objects,#storage,#type,#status,#urgent,#user').val('').trigger("chosen:updated").change();
    }
    
    $(document).on('click','.info_button',function(){
        order_info($(this).data('id'));
    }); 
    
    $(document).on('click','.show_shortage',function(){
        order_shortage($(this).attr('data-id'));
    }); 
    
    $(document).on('click','.mark_docs_collected',function(){
        $('#confirm_docs_collected').attr('onclick','mark_order_docs_collected('+ $(this).data('id') + ')');
    });
    
    function mark_order_docs_collected(id){
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/ajax_docs_collected',
                    type: 'POST',
            data: { 'id' : id},
            success: function(response){
                        $("button[data-dismiss=\"modal\"]").click();
                        if(response.warning){
                            alert(response.warning);
                        }
                        else{
                            alert(response.success);
                        }
                    }
        }); 
    }
    
    
    function order_info(id){   
        $('#stocks').html('');
        $('.picker').hide();
        $('.forklift_driver').hide();
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/get_order_info',
                    type: 'POST',
            data: { 'id' : id},
            success: function(response){
                        if(response.type==1){
                            $('.picker').show();
                            $('.forklift_driver').hide();
                        }
                        else{
                            $('.picker').hide();
                            $('.forklift_driver').show();
                        }
                        if(response.order_stocks.length>0){ 
                            $('#modal-info-label span').text(response.id);
                            var html = '<table id="order_stocks" class="table table-bordered table-hover"><tr><th>id</th><th>Продукт</th><th>Място</th><th>Количество</th><th>Пакетаж</th><th>Приготвено количество</th><th>Час</th></tr>';
                            for(var index in response.order_stocks){                                
                                html+='<tr><td>'+response.order_stocks[index].id+'</td><td>'+response.order_stocks[index].product.name+'</td><td>'+response.order_stocks[index].place.address+'</td><td>'+(response.order_stocks[index].package==1 ? response.order_stocks[index].quantity : response.order_stocks[index].quantity/response.order_stocks[index].product.package_count)+'</td><td>'+response.order_stocks[index].package_name.name+'</td><td>'+(response.order_stocks[index].quantity_processed==-1 ? 0 : (response.order_stocks[index].package==1 ? response.order_stocks[index].quantity_processed : response.order_stocks[index].quantity_processed/response.order_stocks[index].product.package_count))+'</td><td>'+(response.order_stocks[index].collected_at!=null ? response.order_stocks[index].collected_at.substring(11) : '')+'</td></tr>';
                            }
                            html+='</table>';                            
                            $('#stocks').html(html);
                            
                            if(response.type==1){
                                $('#picker').val(response.doer_id).trigger('chosen:updated');
                            }
                            else{
                                $('#forklift_driver').val(response.doer_id).trigger('chosen:updated');
                            }
                            
                            $('.appoint').removeClass('btn-danger').addClass('btn-primary').text('Назначи').attr('onClick','appoint_user('+(response.type==1 ? 1 : 2)+')');
                            
                        } 
                        $('.appoint').attr('data-id',id);
                    }
        });                 
    }
    
    function order_shortage(id){
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/get_order_shortage',
                    type: 'POST',
            data: { 'id' : id},
            success: function(response){
                        $('#shortage_list > tbody > tr').remove();
                        if(response[0].type==1){
                            $('#shortage_list > thead').find('th:eq(2)').text('Отключено количество');
                        }
                        else{
                            $('#shortage_list > thead').find('th:eq(2)').text('Налично количество');
                        }
                        for (var i in response){
                            if(response[i].quantity_ordered - response[i].unlocked_quantity>0){
                                row= "<tr><td>" + response[i].product_name + "</td><td>" + response[i].quantity_ordered + "</td><td>" + response[i].unlocked_quantity + "</td><td>" + (response[i].quantity_ordered - response[i].unlocked_quantity) + "</td></tr>";
                                $('#shortage_list > tbody').append(row);
                            }
                        }                        
                    }
        });    
    }
    
</script>  
@endsection