@extends(!auth()->user()->hasRole('Търговски представител') && !auth()->user()->hasRole('Външен търговски представител') ? 'layouts.app' : 'layouts.app_mobile')

@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

@if(auth()->user()->hasRole('Търговски представител') || auth()->user()->hasRole('Външен търговски представител'))

    @section('style')
        <style>
            @media screen and (max-width: 1170px) {

            .container{
                width:100%;
            }
        </style>
    @endsection

@endif

@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-list"></span> {{isset($changed_orders) ? __('texte.orders_arr.index.revised_orders') : __('texte.orders_arr.index.orders')}}
                        <div class="pull-right">
                            @if( auth()->user()->hasRole('Търговски представител') || auth()->user()->hasRole('Външен търговски представител'))
                                <a class="btn btn-primary" type="button" href="{{route('representatives.daily_route',auth()->user()->id)}}">{{Lang::get('texte.orders_arr.index.beginning')}}</a>
                            @endif
                        </div>
                    </h3><br />
                
                    <div class="panel-group" id="accordion">

                        <div id="search" class="form-inline panel panel-default">
                            <input type="hidden" id="changed_orders" value="{{isset($changed_orders) ? 1 : 0}}"/>
                            <input type="hidden" id='is_repr' value='{{ !auth()->user()->hasRole('Търговски представител') && !auth()->user()->hasRole('Външен търговски представител') ? 0 : 1 }}'/>
                            
                            <div class="panel-heading" id="headingOne">                                
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><h4 class="panel-title">{{Lang::get('texte.orders_arr.index.search')}}</h4></a>                              
                            </div>
                            <div id="collapseOne" class="panel-collapse collapse in">
                                <div class="panel-body">
                                    @permission('order-form-contragent-read')
                                        <div class="form-group">
                                            <div class="input-group">
                                                <select class="form-control" id="search_contragents" name="contragent">
                                                    <option value="">--- {{Lang::get('texte.orders_arr.index.contragent')}} ---</option>
                                                    @foreach ($contragents as $contragent)
                                                        <option value="{{ $contragent->id }}" data-id="{{$contragent->id}}" {{session()->get('search_orders_filters.contragent')==$contragent->id ? "selected" : ""}}>{{ $contragent->company_name ?? $contragent->user->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    @endpermission

                                    @permission('order-form-object-read')
                                        <div class="form-group">
                                            <div class="input-group">
                                                <select id="search_objects" name="objects[]" data-name="{{Lang::get('texte.orders_arr.index.obect')}}" multiple>
                                                    @foreach($objects as $object)
                                                        @if(!session()->get('search_filters.contragent') || $object->contragent_id==session()->get('search_filters.contragent'))
                                                            <option value="{{$object->id}}" {{session()->get('search_orders_filters.object') && in_array($object->id,session()->get('search_orders_filters.object')) ? "selected" : ""}}>{{ $object->name }}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    @endpermission

                                    @if(!auth()->user()->hasRole('Търговски представител') && !auth()->user()->hasRole('Външен търговски представител'))
                                        @permission('order-form-storage-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="search_storage" class="form-control" name="storage">
                                                        <option value="">--- {{__('texte.orders_arr.index.storage')}} ---</option>
                                                        @foreach ($storages as $storage)
                                                            <option value="{{$storage->id}}" {{session()->get('search_orders_filters.storage') && $storage->id == session()->get('search_orders_filters.storage') ? "selected" : ""}}>{{ $storage->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission
                                    @endif

                                    @permission('order-form-type-read')
                                    <div class="form-group">
                                        <div class="input-group">
                                            <select class="form-control" id="search_type" name="type"><option value="">--- {{__('texte.orders_arr.index.order_type')}}---</option>
                                                 @foreach(Lang::get('texte.order_type_arr') as $key=>$val)
                                                    <option value="{{$key}}" {{session()->get('search_orders_filters.type') && session()->get('search_orders_filters.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="search_urgent" name="urgent" >
                                                <option value="" selected="selected">--- {{__('texte.orders_arr.index.urgent_order')}}---</option>
                                                 @foreach(Lang::get('texte.replies_arr_short') as $key=>$val)
                                                    <option value="{{$key}}" {{session()->get('search_orders_filters.urgent') && session()->get('search_orders_filters.urgent') ==$key ? "selected" : ""}}>{{ $val }}</option>
                                                 @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    @endpermission

                                    @permission('order-form-delivery_date-read')
                                    <div class="form-group">
                                        <div class="input-group">
                                            <div style="display: inline-block; height:40px;margin-left:2px;">
                                                <div class='yadcf-filter-wrapper-inner'>
                                                    <input type="text" class="yadcf-filter-range-date" id="delivery_date_from" name="date_from" value="{{session()->get('search_orders_filters.delivery_date_from')}}" placeholder="{{__('texte.orders_arr.index.delivery_date_from')}}"  
                                                        @nonepermission('order-form-delivery_date-write')
                                                            readonly 
                                                        @endnonepermission
                                                    />
                                                    <input type="text" class="yadcf-filter-range-date" id="delivery_date_to" name="date_to" value="{{session()->get('search_orders_filters.delivery_date_to') }}" placeholder="{{__('texte.orders_arr.index.delivery_date_to')}}" 
                                                        @nonepermission('order-form-delivery_date-write')
                                                            readonly 
                                                        @endnonepermission
                                                    />
                                                </div>
                                            </div>                                    
                                        </div>  
                                    </div>
                                    @endpermission
                                    
                                    @permission('order-form-created_date-read')
                                        <div class="form-group">
                                            <div class="input-group">
                                                <div style="display: inline-block; height:40px;margin-left:2px;">
                                                    <div class='yadcf-filter-wrapper-inner'>
                                                        <input type="text" class="yadcf-filter-range-date" id="created_date_from" name="created_date_from" value="{{session()->get('search_orders_filters.created_date_from')?? date('d.m.Y')}}" placeholder="{{__('texte.orders_arr.index.created_date_from')}}"  
                                                            @nonepermission('order-form-created_date-write')
                                                                readonly 
                                                            @endnonepermission
                                                        />
                                                    </div>
                                                    <div class='input-group yadcf-filter-wrapper-inner'>
                                                        <input type="text" class="yadcf-filter-range-date" id="created_date_to" name="created_date_to" value="{{session()->get('search_orders_filters.created_date_to')?? date('d.m.Y')}}" placeholder="{{__('texte.orders_arr.index.created_date_to')}}" 
                                                            @nonepermission('order-form-created_date-write')
                                                                readonly 
                                                            @endnonepermission
                                                        />
                                                    </div>
                                                </div>
                                            </div>  
                                        </div>
                                    @endpermission
                                        
                                    @if(!auth()->user()->hasRole('Търговски представител') && !auth()->user()->hasRole('Външен търговски представител'))
                                        

                                        @permission('order-form-source-read')
                                        <div class="form-group">
                                            <div class="input-group">
                                                <select class="form-control" id="search_source" name="source">
                                                    <option value="">--- {{__('texte.orders_arr.index.source')}} ---</option>
                                                     @foreach(Lang::get('texte.source_type_arr_text') as $key=>$val)
                                                        <option value="{{$key}}" {{session()->get('search_orders_filters.source') && session()->get('search_orders_filters.source') ==$key ? "selected" : ""}}>{{$val}}</option>
                                                     @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        @endpermission
                                    @endif

                                    @permission('order-form-status-read')
                                    <div class="form-group">
                                        <div class="input-group">
                                            <select class="form-control" id="search_status" name="status">
                                                <option value="">--- {{__('texte.orders_arr.index.status')}} ---</option>
                                                 @foreach(Lang::get('texte.status_type_arr') as $key=>$val)
                                                    <option value="{{$key}}" {{session()->get('search_orders_filters.status') && session()->get('search_orders_filters.status') ==$key ? "selected" : ""}}>{{$val}}</option>
                                                 @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    @endpermission
                                    
                                    @if(!auth()->user()->hasRole('Търговски представител') && !auth()->user()->hasRole('Външен търговски представител'))
                                        @permission('order-form-user-read')
                                        <div class="form-group">
                                            <div class="input-group">
                                                <select class="form-control" id="search_user" name="user">
                                                    <option value="">--- {{__('texte.orders_arr.index.user')}} ---</option>
                                                    @foreach ($users as $user)
                                                        <option value="{{$user->id}}" {{session()->get('search_orders_filters.user') && $user->id == session()->get('search_orders_filters.user') ? "selected" : ""}}>{{ $user->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        @endpermission
                                    @endif
                                    
                                    @if(auth()->user()->id==1)
                                        <a href="{{route(isset($changed_orders) ? 'orders.index' : 'orders.changed')}}" class='btn btn-success dark_bordered_warning' type="button" title='{{isset($changed_orders) ? __('texte.orders_arr.index.orders') : __('texte.orders_arr.index.revised_orders')}}' data-toggle='tooltip'>{{isset($changed_orders) ? __('texte.orders_arr.index.orders') :__('texte.orders_arr.index.revised_orders')}}</a>
                                    @endif
                                    <button class='btn  btn-warning dark_bordered_warning' type="button" onclick="search_orders();" title='{{isset($changed_orders) ? __('texte.orders_arr.index.search_changed_orders') : __('texte.orders_arr.index.search_orders')}}' data-toggle='tooltip'>{{isset($changed_orders) ? __('texte.orders_arr.index.search_changed_orders') : __('texte.orders_arr.index.search_orders')}}</button>
                                </div>
                            </div>
                        </div>
                        
                        <div id="filters" class="form-inline panel panel-default">
                            <div class="panel-heading" id="headingOne">                                
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"><h4 class="panel-title">{{Lang::get('texte.documents_arr.index.filters')}}</h4></a>
                            </div>
                            <div id="collapseTwo" class="panel-collapse collapse">
                                <div class="panel-body">
                                    @permission('order-form-contragent-read')
                                        <div class="form-group">
                                            <div class="input-group">
                                                <select class="form-control" id="contragents" name="contragent">
                                                    <option value="">--- {{Lang::get('texte.orders_arr.index.contragent')}} ---</option>
                                                    @foreach ($contragents as $contragent)
                                                        <option value="{{ $contragent->id }}" data-id="{{$contragent->id}}">{{ $contragent->company_name ?? $contragent->user->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.obect')}}" multiple>
                                                    @foreach($objects as $object)
                                                        <option value="{{$object->id}}">{{ $object->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    @endpermission

                                    @if(!auth()->user()->hasRole('Търговски представител') && !auth()->user()->hasRole('Външен търговски представител'))
                                        @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.storage')}} ---</option>
                                                        @foreach ($storages as $storage)
                                                            <option value="{{$storage->name}}">{{ $storage->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission
                                    @endif

                                    @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.order_type')}}---</option>
                                                 @foreach(Lang::get('texte.order_type_arr') as $key=>$val)
                                                    <option value="{{$val}}">{{ $val }}</option>
                                                 @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    @endpermission

                                    @if(!auth()->user()->hasRole('Търговски представител') && !auth()->user()->hasRole('Външен търговски представител'))
                                        @permission('order-form-urgent-read')
                                        <div class="form-group">
                                            <div class="input-group">
                                                <select class="form-control" id="urgent" name="urgent" >
                                                    <option value="" selected="selected">--- {{__('texte.orders_arr.index.urgent_order')}}---</option>
                                                     @foreach(Lang::get('texte.replies_arr_short') as $key=>$val)
                                                        <option value="{{$val}}">{{ $val }}</option>
                                                     @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        @endpermission
                                    @endif

                                    @permission('order-form-delivery_date-read')
                                    <div class="form-group">
                                        <div class="input-group">
                                            <div id="first_filters_div" style="display: inline-block; height:40px;"></div>
                                        </div>
                                    </div>
                                    @endpermission

                                    @permission('order-form-created_date-read')
                                    <div class="form-group">
                                        <div class="input-group">
                                            <div id="second_filters_div" style="display: inline-block; height:40px;"></div>
                                        </div>
                                    </div>
                                    @endpermission
                                        
                                    @if(!auth()->user()->hasRole('Търговски представител') && !auth()->user()->hasRole('Външен търговски представител'))
                                        @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.source')}} ---</option>
                                                     @foreach(Lang::get('texte.source_type_arr_text') as $key=>$val)
                                                        <option value="{{$key}}">{{$val}}</option>
                                                     @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        @endpermission
                                    @endif

                                    @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.status')}} ---</option>
                                                 @foreach(Lang::get('texte.status_type_arr') as $key=>$val)
                                                    <option value="{{$val}}">{{$val}}</option>
                                                 @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    @endpermission
                                    
                                    @if(!auth()->user()->hasRole('Търговски представител') && !auth()->user()->hasRole('Външен търговски представител'))
                                        @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.user')}} ---</option>
                                                    @foreach ($users as $user)
                                                        <option value="{{$user->name}}">{{ $user->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        @endpermission
                                    @endif
                                    
                                    <button class='btn  btn-warning dark_bordered_warning' type="button" onclick="reset_filters();" title='{{Lang::get('texte.orders_arr.index.reset_filters')}}' data-toggle='tooltip'>{{Lang::get('texte.orders_arr.index.reset_filters')}}</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="panel-body">
                    <form method="POST" action="{{ route('combine_orders') }}" id="combine">
                        {{ csrf_field() }}

                        <table id="myTable" class="table table-striped table-bordered table-hover dataTables-example dataTable" width="100%">
                            <thead>
                                <tr>
                                    <th data-sorter="false">
                                        @if(!auth()->user()->hasRole('Търговски представител') && !auth()->user()->hasRole('Външен търговски представител'))
                                            @permission('combined_order-route-create')
                                                <button form="combine" class="btn btn-info" title="{{Lang::get('texte.orders_arr.index.combine')}}" data-toggle="tooltip"><i class="glyphicon glyphicon-plus"></i></button>
                                            @endpermission
                                        @else
                                            {{strtoupper(__('texte.orders_arr.index.id'))}}
                                        @endif
                                    </th>
                                    <th>{{__('texte.orders_arr.index.contragent')}}</th>
                                    <th>{{__('texte.orders_arr.index.object')}}</th>
                                    <th>{{__('texte.orders_arr.index.storage')}}</th>
                                    <th>{{__('texte.orders_arr.index.order_type')}}</th>
                                    <th>{{__('texte.orders_arr.index.urgent')}}</th>
                                    <th>{{__('texte.orders_arr.index.created_at')}}</th>
                                    <th>{{__('texte.orders_arr.index.delivery')}}</th>
                                    <th>{{__('texte.orders_arr.index.amount')}}</th>                                        
                                    <th {{auth()->user()->hasRole('Търговски представител') || auth()->user()->hasRole('Външен търговски представител') ? 'hidden' : ''}}>{{__('texte.orders_arr.index.source')}}</th>
                                    <th {{auth()->user()->hasRole('Търговски представител') || auth()->user()->hasRole('Външен търговски представител') ? 'hidden' : ''}}>{{__('texte.orders_arr.index.user')}}</th>
                                    <th>{{__('texte.orders_arr.index.status')}}</th>
                                    <th data-sorter="false" style="text-align:right;">  
                                        @if(!auth()->user()->hasRole('Търговски представител') && !auth()->user()->hasRole('Външен търговски представител'))
                                            @if(!isset($changed_orders))
                                                <div class='btn-group btn-group-sm' style='float:right;'>
                                                    <a class="btn btn-sm btn-primary" href="{{ route('orders.create') }}?page={{ request('page', 1) }}" title="{{__('texte.orders_arr.index.add')}}" data-toggle="tooltip" @nonepermission('order-route-create') disabled @endnonepermission><i class="glyphicon glyphicon-plus"></i></a>
                                                    <a class="btn btn-sm btn-success" href="{{ route('orders.import') }}?page={{ request('page', 1) }}" title="{{__('texte.orders_arr.index.import')}}" data-toggle="tooltip" @nonepermission('order-route-create') disabled @endnonepermission><i class="glyphicon glyphicon-file"></i></a>
                                                </div>
                                            @endif
                                        @else
                                            {{__('texte.orders_arr.index.actions')}}
                                        @endif
                                    </th>
                                    <th hidden>{{__('texte.orders_arr.index.contragent_hidden')}}</th>
                                    <th hidden>{{__('texte.orders_arr.index.hidden_object')}}</th>
                                    <th hidden>{{__('texte.orders_arr.index.order_source')}}</th>
                                </tr>
                            </thead>
                            <tbody>

                            </tbody>
                        </table>
                    </form>
                </div>
                <!-- Modal -->
                <div id="modal-delete" 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.order_decline')}}</h4>
                            </div>
                            <div class="modal-body">{{__('texte.orders_arr.index.order_decline_confirm')}}</div>
                            <div class="modal-footer">
                                <button id="confirm_delete" type="button" class="btn btn-default" onclick="decline_order()">{{__('texte.orders_arr.index.yes')}}</button>
                                <button type="button" class="btn btn-primary" data-dismiss="modal"> {{__('texte.orders_arr.index.no')}}</button>
                            </div>
                        </div>
                    </div>
                </div>
                
                @if(isset($order_to_print))
                <div id="modal-print" 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.order_print')}}</h4>
                            </div>
                            <div class="modal-body">{{__('texte.orders_arr.index.order_print_confirm',['id' => $order_to_print])}}</div>
                            <div class="modal-footer">
                                <a id="confirm_print" type="button" class="btn btn-default" href="{{route('orders.print',$order_to_print)}}" target='_blank'>{{__('texte.orders_arr.index.yes')}}</a>
                                <button type="button" class="btn btn-primary" data-dismiss="modal"> {{__('texte.orders_arr.index.no')}}</button>
                            </div>
                        </div>
                    </div>
                </div>
                @endif
            </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.query-object.js') }}"></script>

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

<script type="text/javascript">
    var user = {!! json_encode(Auth::user()) !!};
    var has_role = {!! auth()->user()->hasRole(__('texte.orders_arr.index.dispatcher')) || auth()->user()->hasRole(__('texte.orders_arr.index.supervisor')) || auth()->user()->hasRole(__('texte.orders_arr.index.main_case')) ? 1 : 0 !!};
    var is_representative = {!! auth()->user()->hasRole('Търговски представител') || auth()->user()->hasRole('Външен търговски представител') ? 1 : 0 !!};
            
    $('#contragents,#storage,#type,#status,#urgent,#source,#user').chosen();
    
    $('#search_contragents,#search_storage,#search_type,#search_status,#search_urgent,#search_source,#search_user').chosen();
    
    $('#objects').chosen({placeholder_text_multiple: '--- Обект ---'});
    $('#search_objects').chosen({placeholder_text_multiple: '--- Обект ---'});
    
    var sources = {"1" : 'Диспечер' + ' <i class="glyphicon glyphicon-phone-alt"></i>',"2" : 'Диспечер' + ' <i class="glyphicon glyphicon-envelope"></i>',"3" : 'Диспечер' + ' <i class="glyphicon glyphicon-map-marker"></i>',"4" : 'Уебсайт',"5" : 'Търговски представител',"6" : 'Външен търговски представител',"7" : 'Обединена поръчка', "8" : "Импортирана поръчка"};
    var statuses = {!! json_encode(__('texte.status_type_arr')) !!};  
    
    function search_orders(){ 
        var input = {};
        input['contragent'] = $('#search_contragents').val();
        input['object'] = $('#search_objects').val();
        input['storage'] = $('#search_storage').val();
        input['type'] = $('#search_type').val();
        input['urgent'] = $('#search_urgent').val();
        input['source'] = $('#search_source').val();
        input['status'] = $('#search_status').val();
        input['user'] = $('#search_user').val();
        input['delivery_date_from'] = $('#delivery_date_from').val();
        input['delivery_date_to'] = $('#delivery_date_to').val();
        input['created_date_from'] = $('#created_date_from').val();
        input['created_date_to'] = $('#created_date_to').val();

        table = $('#myTable').DataTable({
            pageLength: 100,
            responsive: true,
            "bDestroy": true,
            "server-side": true,
            "order": [],
            "scrollX": true,
            "ajax": {
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    data: { 'input' : input},
                    url: ($('#changed_orders').val()==0 ? '/get_orders' : '/get_changed_orders'),
                    type: 'POST'
            },
            "deferRender": true,
            columns: [
                    { data: 'id', name:'Номер',
                          "fnCreatedCell": function (nTd, sData, oData, iRow, iCol){
                            if(oData.status<3){
                                var html =  "<span title='"+oData.creation_time+"'>"+sData+"</span> @permission('order-route-approve')<input type='checkbox' name='combine_order[]' id='combine_order_"+sData+"' value='"+sData+"'/>@endpermission";
                            }
                            else{
                                var html = "<span title='"+oData.creation_time+"'>"+sData+"</span>";
                            }
                            $(nTd).html(html);
                        }
                    },
                    { data: 'contragent_name', name: 'Контрагент',
                      "defaultContent": "" },
                    { data: 'name', name: 'Обект',
                      "defaultContent": "" },
                    { data: 'storage', name: 'Склад',
                      "defaultContent": ""},
                    { data: 'type', name: 'Тип поръчка',
                      "defaultContent": "",
                      render: function ( data, type, row, meta ) {
                        return data==1 ? 'Нормална' : 'Едрова';
                      } 
                    },
                    { data: 'urgent', name: 'Спешна',
                      "defaultContent": "",
                      render: function ( data, type, row, meta ) {
                        return data==1 ? 'Да' : 'Не';
                      }  
                    },
                    { data: 'order_created_at', name: 'Създадена',"sType": "date-uk",
                      "defaultContent": "" },  
                    { data: 'delivery_date', name: 'Доставка',"sType": "date-uk",
                      "defaultContent": "" },      
                    { data: 'total_amount', name: 'Плащане',
                      "defaultContent": ""},
                    { data: 'source' , name: 'Източник',
                      render: function ( data, type, row, meta ) {
                        return sources[data];
                      },  
                      visible: is_representative===1 ? false : true,
                    },
                    { data: 'user_name', name: 'Потребител',
                      "defaultContent": "",
                      visible: is_representative===1 ? false : true,
                    },
                    { data: 'status' , name: 'Статус',
                      render: function ( data, type, row, meta ) {
                        if($('#changed_orders').val()==0){ 
                            return statuses[data];
                        }
                        else{
                            return row.deleted_at!=null ? 'Изтрита' : statuses[data];                            
                        }
                      } 
                    },
                    { data: 'id', name:'Действия',
                        "orderable" : false,
                        "fnCreatedCell": function (nTd, sData, oData, iRow, iCol){
                            if($('#is_repr').val()==0){
                                if($('#changed_orders').val()==0){
                                    
                                    var html = "<div class='btn-group btn-group-xs' style='float:right;'>";
                                    
                                    if(oData.status==1){
                                        html+= "<a class='btn btn-primary' href='/orders/"+ sData +"/print' title='Принтирай заявката' target='_blank' data-toggle='tooltip'><i class='glyphicon glyphicon-print'></i></a>";
                                    }

                                    if(oData.status>1 && oData.status<3){
                                        html+= "<a class='btn btn-primary' href='/orders/"+ sData +"/print' title='Принтирай поръчка' target='_blank' data-toggle='tooltip'><i class='glyphicon glyphicon-print'></i></a>";
                                        html+= "<a class='btn btn-success' href='/documents/output/"+ sData +"/generate' title='Генерирай изпълнена поръчка' data-toggle='tooltip'><i class='glyphicon glyphicon-cog'></i></a>";
                                    }
                                    if(oData.source!=7){
                                        html+= "<a class='btn btn-info' href='/orders/"+sData+"/show' title='Покажи' data-toggle='tooltip' @nonepermission('order-route-list') disabled @endnonepermission><i class='glyphicon glyphicon-eye-open'></i></a>";
                                    }
                                    else{
                                        html+= "<a class='btn btn-info' href='/combined_orders/"+sData+"/show' title='Покажи' data-toggle='tooltip' @nonepermission('order-route-list') disabled @endnonepermission><i class='glyphicon glyphicon-eye-open'></i></a>";
                                    }
                                    if(oData.source!=7){
                                        html+="<a class='btn btn-warning' href='/orders/" +sData+"/edit' title='Промени' data-toggle='tooltip'";
                                    }
                                    else{
                                        html+="<a class='btn btn-warning' href='/combined_orders/" +sData+"/edit' title='Промени' data-toggle='tooltip'";
                                    }

                                    if(oData.status>2){
                                        html+=" disabled ";
                                    }
                                    else{
                                        if(user.id==1 || has_role==1){
                                            html+= " ";
                                        }
                                        else{
                                            html+=" disabled ";
                                        }
                                    }

                                    html+= "@nonepermission('order-route-edit') disabled @endnonepermission><i class='glyphicon glyphicon-pencil'></i></a>";
                                    html+= "<a type='button' class='btn btn-danger decline_button' data-id='"+sData+"' title='Откажи' data-target='#modal-delete' data-toggle='modal'";

                                    if(oData.status>2){
                                        html+=" disabled ";
                                    }

                                    html+= "@nonepermission('order-route-delete') disabled @endnonepermission><i class='glyphicon glyphicon-trash'></i></a>";

                                    if(oData.status>2 && oData.status<7){
                                        html+= "<a class='btn btn-success' href='/documents/"+oData.expedition_id+"' title='Експедиция' data-toggle='tooltip' @nonepermission('document-route-list') disabled @endnonepermission><i class='glyphicon glyphicon-road'></i></a></div>";
                                    }
                                }
                                else{
                                    var html = "<div class='btn-group btn-group-sm' style='float:right;'><a class='btn btn-info' href='/orders/"+sData+"/history' title='История' data-toggle='tooltip' @nonepermission('order-route-revisions') disabled @endnonepermission><i class='glyphicon glyphicon-eye-open'></i></a></div>";
                                }
                            }
                            else{
                                 var html = "<div class='btn-group btn-group-xs' style='float:right;'><a class='btn btn-info' href='/orders/"+sData+"/show' title='Покажи' data-toggle='tooltip' @nonepermission('order-route-list') disabled @endnonepermission><i class='glyphicon glyphicon-eye-open'></i></a></div>";
                            }
     
                            $(nTd).html(html);
                        }
                    },
                    { data: 'contragent', name: 'Скрит контрагент',
                      "defaultContent": "",
                      "visible" : false
                    },
                    { data: 'object', name: 'Обект скрит',
                      "defaultContent": "",
                      "visible" : false
                    },
                    { data: 'source', name: 'Източник поръчка',
                      "defaultContent": "",
                      "visible" : false
                    },
                ],                    

                "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": "Предишна страница",
                                      },

                },
                "initComplete":function(settings, json) {
                    $('select[name="DataTables_Table_0_length"]').chosen();
                    $('.input-sm').attr('placeholder','Търсене');
                    $('div.dataTables_filter input').css({ marginLeft : "0px"});
                    $("a").each(function(){
                        if($(this).attr('disabled')=='disabled'){
                            $(this).addClass('not-active');
                        }
                    });                    
                },
                "dom" : "fl<'#differences_div'>tip",                 
        });  
    
        $('#differences_div').html('<a href="/orders_differences" target="_blank" type="button" class="btn btn-w-m btn-danger" id="show_differences" style="float:right;margin-right:10px;">Разлики</button>');
    
        yadcf.init(table, [
            {
                column_number: 6,
                filter_type: "range_date",
                date_format: "dd.mm.yyyy",
                filter_delay: 500,
                filter_container_id: "second_filters_div",
                filter_default_label: ['Създ. от:','Създ. до:'],
                filter_reset_button_text: false
            },   
            {
                column_number: 7,
                filter_type: "range_date",
                date_format: "dd.mm.yyyy",
                filter_delay: 500,
                filter_container_id: "first_filters_div",
                filter_default_label: ['Доставка от:','Доставка до:'],
                filter_reset_button_text: false
            }
        ]);

        $('#contragents').on('change', function(){
            if($(this).val()!=''){
                table.columns('Скрит контрагент:name').search("^" + $(this).val() + "$", true, false).draw();  
            }
            else{
               table.columns('Скрит контрагент:name').search('').draw(); 
            }

            <!--Get objects associated with a client on change-->
            var client = $('#contragents option:selected').attr('data-id')!=undefined ? $('#contragents option:selected').attr('data-id') : '';
            $.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="0"> --- Обект --- </option>';
                            $('#objects').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");
                        }
            });
        });

        $(document).on('change','#objects', function(){
            if($(this).val()!=''){
                var value = $(this).val().join('$|^');
                table.columns('Обект скрит:name').search("^" + value + "$", true, false).draw();
            }
            else{
                table.columns('Обект скрит:name').search('').draw();
            }
        });

        $('#storage').on('change', function(){
            table.columns('Склад:name').search(this.value).draw();   
        });

        $('#type').on('change', function(){
            table.columns('Тип поръчка:name').search(this.value).draw();   
        });

        $('#urgent').on('change', function(){
            table.columns('Спешна:name').search(this.value).draw();   
        });

        $('#source').on('change', function(){
            table.columns('Източник поръчка:name').search(this.value).draw();   
        });

        $('#status').on('change', function(){
            table.columns('Статус:name').search(this.value).draw();   
        });
        
        $('#user').on('change', function(){
            table.columns('Потребител:name').search(this.value).draw();   
        });
    }
    
    $('#search_contragents').on('change', function(){

        <!--Get objects associated with a client on change-->
        var client = $('#search_contragents option:selected').attr('data-id')!=undefined ? $('#search_contragents option:selected').attr('data-id') : '';
        $.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="0"> --- Обект --- </option>';
                        $('#search_objects').find('option').remove().end();
                        if(response.length>0){
                            for (var i in response){
                                   options += '<option value="' + response[i].id + '">' +  response[i].name  + '</option>';
                            }
                        }
                        $('#search_objects').html(options);
                        $('#search_objects').trigger("chosen:updated");
                    }
        });
    });
    
    function reset_filters(){
        $('.yadcf-filter-range-date').val('');   
        $('#contragents,#storage,#type,#status,#urgent,#source,#objects,#user').val('').trigger("chosen:updated").change();
    }
    
    $(document).on('click','.decline_button',function(){
        $('#confirm_delete').attr('onclick','decline_order('+ $(this).data('id') + ')');
    }); 
    
    function decline_order(id){
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/decline_order',
                    type: 'POST',
            data: { 'id' : id},
            success: function(response){
                        $("button[data-dismiss=\"modal\"]").click();
                        if(response.warning){
                            alert(response.warning);
                        }
                        else{
                            alert(response.success);
                            location.reload();
                        }
                    }
        });    
    }
    
    
    $("#delivery_date_from").datepicker({   
        onSelect: function(dateText, inst){
           $("#delivery_date_to").datepicker("option","minDate",
           $("#delivery_date_from").datepicker("getDate"));
        }
    });

    $("#delivery_date_to").datepicker();    
   
    $("#created_date_from").datepicker({   
        setDate: new Date(),
        onSelect: function(dateText, inst){
           $("#created_date_to").datepicker("option","minDate",
           $("#created_date_from").datepicker("getDate"));
        }
    });

    $("#created_date_to").datepicker();
    
    $(document).ready(function(){
        var orders_searched = {{session()->get("orders_searched")!='' ? 1 : 0}};
        if(orders_searched==1){
            search_orders();
        }
        
        if($('#modal-print').length>0){
            $('#modal-print').modal('show');
        }
        
        $('#confirm_print').on('click', function(){
            $('#modal-print').modal('hide');
        });
    });
    
    jQuery.extend( jQuery.fn.dataTableExt.oSort, {
        "date-uk-pre": function ( a ) {
            if(a){
                var ukDatea = a.split('.');
                return (ukDatea[2] + ukDatea[1] + ukDatea[0]) * 1;
            }
            else{
                return ' ';
            }
        },

        "date-uk-asc": function ( a, b ) {
            return ((a < b) ? -1 : ((a > b) ? 1 : 0));
        },

        "date-uk-desc": function ( a, b ) {
            return ((a < b) ? 1 : ((a > b) ? -1 : 0));
        }
    });
    
</script>  
@endsection