@extends('layouts.app')

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

@section('style')
<style>
    .date-span {
        display:none; 
    }
</style>
@endsection

@section('content')
@include('shared.messages')

<div class="col-xs-12 col-sm-12 col-md-12">
    <div class="panel panel-default">
        <div class="pull-right">
        </div>
        <div class="panel-heading">
            <h3 class="panel-title">Списък с поръчки</h3>                
            </br>
            <div class="form-inline">
                <form method="POST" action="{{ route('orders.index') }}" target="_self">
                    {{ csrf_field() }}
                    
                    <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="search_date_from" name="search_date_from" value="{{session()->get('search_date_from')}}" placeholder="Дата от:" autocomplete="off"/>
                                    <input type="text" class="yadcf-filter-range-date" id="search_date_to" name="search_date_to" value="{{session()->get('search_date_to') }}" placeholder="Дата до:" autocomplete="off"/>
                                </div>
                            </div>                                    
                        </div>  
                    </div>
                    
                    <button class='btn btn-success dark_bordered_warning' type="submit" title='Търси' data-toggle='tooltip'>Търси</button>
                </form>
            </div>
            <div class="form-inline">
                <div class="form-group">
                    <div class="input-group width-150">
                        <select class="form-control" id="site" name="site">
                            <option value="">--- Обект ---</option>
                            @foreach($sites as $site)
                            <option value="{{$site->name}}">{{$site->name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                
                <div class="form-group">
                    <div class="input-group width-150">
                        <select class="form-control" id="status" name="status">
                            <option value="">--- Статус ---</option>
                            @foreach(__('texte.order_statuses_'.(auth()->user()->role_id!=='7' ? auth()->user()->role_id : '4')) as $order_status)
                            <option value="{{$order_status}}" {{(auth()->user()->role_id==4  || auth()->user()->role_id==7) && $order_status=='Одобрена' ? 'selected=selected' : ''}}>{{$order_status}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <div class="input-group">
                        <div id="first_filters_div" style="display: inline-block; height:40px;"></div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="input-group width-150">
                        <select class="form-control" id="category" name="category">
                            <option value="">--- Категория ---</option>
                            @foreach($categories as $category)
                            <option value="{{$category->id}}">{{$category->name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                
                <div class="form-group">
                    <div class="input-group width-150">
                        <select class="form-control" id="supplier_filter" name="supplier_filter">
                            <option value="">--- Доставчик ---</option>
                            @foreach($suppliers->where('active',1) as $supplier)
                            <option value="{{$supplier->id}}">{{$supplier->name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                
                <div class="form-group">
                    <div class="input-group width-150">
                        <select class="form-control" id="document_type_filter" name="document_type_filter">
                            <option value="">--- Документ ---</option>
                            @foreach(__('texte.document_types_arr') as $key=>$value)
                            <option value="{{$key}}">{{$value}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                
                <div class="form-group">
                    <div class="input-group width-150">
                        <input type="text" class="form-control" id="document_number_filter" name="document_number_filter" placeholder="Номер на документ"/>
                    </div>
                </div>

                <button class='btn btn-warning dark_bordered_warning' type="button" onclick="reset_filters();" title='Изчисти филтрите' data-toggle='tooltip'>Изчисти филтрите</button>
            </div>
        </div>

        <div class="panel-body">
            <div class="table-responsive">
                <form method="POST" action="{{ route('export_orders') }}" id="export" target="_self">
                    {{ csrf_field() }}

                    <table class="table table-striped table-bordered table-hover dataTables-example" style="width:100%">
                        <thead>
                            <tr>
                                <th>
                                    <button type="button" class="btn btn-primary btn-sm check_all" title="Mаркирай всички" data-toggle="tooltip"><i class="glyphicon glyphicon-list"></i></button>
                                    <button type="submit" form="export" class="btn btn-info btn-sm export_orders" title="Експорт" data-toggle="tooltip"><i class="glyphicon glyphicon-export"></i></button>
                                </th>
                                @if(auth()->user()->role_id==3)
                                <th>
                                    <button type="button" class="btn btn-primary btn-circle approve_all_button" title="Одобри" data-target="#modal-approve-all" data-toggle="modal"><i class="glyphicon glyphicon-check"></i></button>
                                </th>
                                @endif
                                @if(auth()->user()->role_id==4 || auth()->user()->role_id==7)
                                <th>
                                    <button type="button" class="btn btn-primary btn-circle attach-suppliers-all" title="Поръчай" data-target="#modal-suppliers-all" data-toggle="modal"><i class="glyphicon glyphicon-shopping-cart"></i></button>                                            
                                </th>
                                @endif
                                <th>ID</th>  
                                <th width='33px;'>Дата</th>
                                <th>Обект</th>
                                <th>Продукт</th>
                                <th>Мер.ед</th>
                                <th>К-во</th>
                                <th>Статус</th>                                
                                <th data-sorter="false">
                                    @if(auth()->user()->role_id!=5)
                                    <a class="btn btn-w-m btn-primary" href="{{ route('orders.create') }}" title="Добави" data-toggle="tooltip" {{auth()->user()->role_id==2 && isset($unfinished_orders) && count($unfinished_orders)>3 ? 'disabled' : ''}}>Добави заявка</a>                                        
                                    @else
                                    Действия
                                    @endif
                                </th>
                                <th hidden>Категории</th>
                                <th hidden>Доставчик</th>
                                <th hidden>Дата</th>
                                <th hidden>Тип документ</th>
                                <th hidden>Документ</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($orders as $order)  
                                @if($order->status!=4 || (auth()->user()->role_id!=4 && auth()->user()->role_id!=7) || $order->sent_at < \Carbon\Carbon::now()->subMinutes(30)->toDateTimeString())
                                <tr data-id="{{$order->id}}">
                                    <td>
                                        <label for="export_order_{{$order->id}}" style="width:100%">
                                        @if(auth()->user()->role_id==2 && ($order->status==7 || $order_status==8) && abs($order->admin_products->max('supplied_quantity')-$order->admin_products->max('received_quantity') )!==0)
                                        <span class='circle_span' style='background-color:#ed5565'></span>
                                        @else
                                        <span class='circle_span' style='background-color:{{__('texte.order_colors_'.(auth()->user()->role_id!=='7' ? auth()->user()->role_id : '4'))[auth()->user()->role_id==2 && $order->status==3 ? 2 : (auth()->user()->role_id==3 && $order->status==5 ? 4 : $order->status)]}}'></span>
                                        @endif
                                        <input type="checkbox" class="export_order" id="export_order_{{$order->id}}" name="export_order[]" value="{{$order->id}}" style="margin-left:10px;"/>
                                        </label>
                                    </td>
                                    @if(auth()->user()->role_id==3)
                                    <td>
                                        @if(in_array($order->status,array(2,3)))
                                        <input type="checkbox" class="approve_order" id="approve_order_{{$order->id}}" name="approve_order[]" value="{{$order->id}}" style="margin-left:10px;"/>
                                        @endif
                                    </td>
                                    @endif
                                    @if(auth()->user()->role_id==4 || auth()->user()->role_id==7)
                                    <td>
                                        @if(in_array($order->status,array(4,5,6,12,13)))
                                        <input type="checkbox" class="attach_order_supplier" id="attach_order_supplier_{{$order->id}}" name="attach_order_supplier[]" value="{{$order->id}}" style="margin-left:10px;"/>
                                        @endif
                                    </td>
                                    @endif
                                    <td style="background:{{($order->status==3 && $order->admin_remark!=null) || ($order->status==1 && $order->chief_remark!=null) ? '#d18bee' : ($order->technician_remark!=null || $order->chief_remark!=null || $order->admin_remark!=null || isset($order->file) ? '#f29ca5' : '')}}">{{$order->id}}</td>
                                    <td style="white-space: normal;">
                                        <span class='date-span'>{{date('ymdHi',strtotime($order->order_date))}}</span>
                                        {{date('d.m.y H:i',strtotime($order->order_date))}}
                                    </td>
                                    <td>{{$order->site->name}}</td>
                                    <td style="white-space: normal;">
                                        @if(count($order->admin_products)>0)
                                        {{$order->admin_products[0]->product}}
                                        @elseif(count($order->chief_products)>0)
                                        {{$order->chief_products[0]->product}}
                                        @elseif(count($order->technician_products)>0)
                                        {{$order->technician_products[0]->product}}
                                        @endif
                                    </td>
                                    <td>
                                        @if(count($order->admin_products)>0)
                                        {{$order->admin_products[0]->measure}}
                                        @elseif(count($order->chief_products)>0)
                                        {{$order->chief_products[0]->measure}}
                                        @elseif(count($order->technician_products)>0)
                                        {{$order->technician_products[0]->measure}}
                                        @endif
                                    </td>
                                    <td>
                                        @if(count($order->admin_products)>0)
                                        {{$order->admin_products[0]->quantity}}
                                        @elseif(count($order->chief_products)>0)
                                        {{$order->chief_products[0]->quantity}}
                                        @elseif(count($order->technician_products)>0)
                                        {{$order->technician_products[0]->quantity}}
                                        @endif
                                    </td>
                                    <td style="white-space: normal;color:black;background:{{count($order->admin_products)>0 && $order->admin_products[0]->supplier_id!=0 ? $order->admin_products[0]->supplier->color : 'none'}};">{{__('texte.order_statuses_'.(auth()->user()->role_id!=='7' ? auth()->user()->role_id : '4'))[auth()->user()->role_id==2 && $order->status==3 ? 2 : (auth()->user()->role_id==3 && $order->status==5 ? 4 : $order->status)]}}</td>

                                    <td style="text-align:right;padding-right:5px;">    

                                        @if((auth()->user()->role_id==1 || auth()->user()->role_id==3) && ($order->status==2 || $order->status==3))
                                        <button type="button" class="btn btn-primary btn-circle approve_button" title="Одобри" data-id="{{$order->id}}" data-target="#modal-approve" data-toggle="modal"><i class="glyphicon glyphicon-check"></i></button>
                                        @endif

                                        @if((auth()->user()->role_id==1 || auth()->user()->role_id==4 || auth()->user()->role_id==7) && ($order->status==4 || $order->status==6 || $order->status==12 || $order->status==13))
                                        <button type="button" class="btn btn-primary btn-circle attach-suppliers" title="Доставчици" data-id="{{$order->id}}" data-target="#modal-suppliers" data-toggle="modal"><i class="glyphicon glyphicon-shopping-cart"></i></button>                                            
                                        @endif

                                        @if((auth()->user()->role_id==1 && $order->status<7) ||
                                            (auth()->user()->role_id==2 && $order->status==1) || 
                                            (auth()->user()->role_id==3 && (in_array($order->status,array(2,3)) || ($order->status==4 && $order->sent_at > \Carbon\Carbon::now()->subMinutes(30)->toDateTimeString()))) ||
                                            ((auth()->user()->role_id==4 || auth()->user()->role_id==7)&& (in_array($order->status,array(4,5,6)))))
                                        <a class="btn btn-warning btn-circle" href="{{ route('orders.edit', $order->id) }}" title="Промяна" data-toggle="tooltip"><i class="glyphicon glyphicon-pencil"></i></a>                                            
                                        @endif
                                        
                                        @if(count($order->admin_products)>0 && $order->admin_products[0]->supplied_quantity!=null && $order->admin_products[0]->supplied_quantity!=0 &&  auth()->user()->role_id!=2 && auth()->user()->role_id!=3 && auth()->user()->role_id!=7 && (auth()->user()->role_id!=5 || $order->admin_products[0]->final_document===0))
                                        <button type="button" class="btn btn-info btn-circle document_button" data-id="{{$order->id}}" title="Платежни документи" data-toggle='modal'><i class="glyphicon glyphicon-list"></i></button>    
                                        @endif
                                        
                                        @if((auth()->user()->role_id==1 && in_array($order->status,array(7,8,9,12,13))) || (auth()->user()->role_id==2 && in_array($order->status,array(7,8,9))) || (auth()->user()->role_id==5 && in_array($order->status,array(7,8,12,13))))
                                        <a type="button" class="btn btn-success btn-circle" href="{{ route('orders.edit_quantities', $order->id) }}" title="Количества" data-toggle="tooltip"><i class="glyphicon glyphicon-list-alt"></i></a>                                            
                                        @endif

                                        @if((auth()->user()->role_id==1 && ((($order->status==2 || $order->status==3) && count($order->technician_products)>0) || (($order->status==4 || $order->status==5) && count($order->technician_products)>0))) ||
                                            (auth()->user()->role_id==3 && ($order->status==2 || $order->status==3) && count($order->technician_products)>0) || 
                                            ((auth()->user()->role_id==4 || auth()->user()->role_id==7 )&& ($order->status==4 || $order->status==5) && count($order->chief_products)>0))
                                        <button type="button" class="btn btn-alt btn-circle return_button" data-id="{{$order->id}}" title="Върни статуса" data-target='#modal-return' data-toggle='modal'><i class="glyphicon glyphicon-ban-circle"></i></button>
                                        @endif          

                                        @if((auth()->user()->role_id==1 || auth()->user()->role_id==3) && $order->status>1 && $order->status<4)
                                        <button type="button" class="btn btn-danger btn-circle refuse_button" data-id="{{$order->id}}" title="Откажи" data-target='#modal-refuse' data-toggle='modal'><i class="glyphicon glyphicon-trash"></i></button>
                                        @endif

                                        @if(((auth()->user()->role_id==1 || auth()->user()->role_id==2) && $order->status==1) || (auth()->user()->role_id==1 || auth()->user()->role_id==4) && ($order->status==5 || $order->status==6) && count($order->chief_products)==0)
                                        <button type="button" class="btn btn-danger btn-circle delete_button" data-id="{{$order->id}}" title="Изтрий" data-target='#modal-delete' data-toggle='modal'><i class="glyphicon glyphicon-trash"></i></button>
                                        @endif

                                        @if((auth()->user()->role_id==1 || auth()->user()->role_id==3) && $order->status==7)
                                        <button type="button" class="btn btn-danger btn-circle complete_button" data-id="{{$order->id}}" title="Маркирай като приключена" data-target='#modal-complete' data-toggle='modal'><i class="glyphicon glyphicon-alert"></i></button>
                                        @endif
                                    </td> 
                                    <td hidden>{{$order->categories()}}</td>
                                    <td hidden>{{count($order->admin_products)>0 && $order->admin_products[0]->supplier_id ? $order->admin_products[0]->supplier_id : '' }}</td>
                                    <td hidden>{{date('d.m.Y',strtotime($order->order_date))}}</td>
                                    <td hidden>{{count($order->admin_products)>0 ? $order->admin_products[0]->document_type : '0' }}</td>
                                    <td hidden>{{count($order->admin_products)>0 ? $order->admin_products[0]->document_number : '' }}</td>
                                </tr>
                                @endif
                            @endforeach
                        </tbody>
                        <tfoot>
                        </tfoot>
                    </table>
                </form>
            </div>    
            <div id="modal-return" class="modal inmodal" tabindex="-1" role="dialog" aria-labelledby="modal-label">
                <div class="modal-dialog" role="document">
                    <div class="modal-content animated flipInY">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 id="modal-label" class="modal-title">Връщане на поръчка</h4>
                        </div>
                        <div class="modal-body">Сигурни ли сте, че желаете да върнете тази поръчка назад по веригата?</div>
                        <div class="modal-footer">
                            <button id="confirm_return" type="button" class="btn btn-default" onclick="return_order()">Да</button>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"> Не</button>
                        </div>
                    </div>
                </div>
            </div>
            
            <div id="modal-approve" class="modal inmodal" tabindex="-1" role="dialog" aria-labelledby="modal-label">
                <div class="modal-dialog" role="document">
                    <div class="modal-content animated flipInY">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 id="modal-label" class="modal-title">Одобряване на поръчка</h4>
                        </div>
                        <div class="modal-body">Сигурни ли сте, че желаете да одобрите тази поръчка ?</div>
                        <div class="modal-footer">
                            <button id="confirm_approve" type="button" class="btn btn-default" onclick="approve_order()">Да</button>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"> Не</button>
                        </div>
                    </div>
                </div>
            </div>
            
            <div id="modal-approve-all" class="modal inmodal" tabindex="-1" role="dialog" aria-labelledby="modal-label">
                <div class="modal-dialog" role="document">
                    <div class="modal-content animated flipInY">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 id="modal-label" class="modal-title">Одобряване на поръчки</h4>
                        </div>
                        <div class="modal-body">Сигурни ли сте, че желаете да одобрите тези поръчки ?</div>
                        <div class="modal-footer">
                            <button id="confirm_approve_all" type="button" class="btn btn-default" onclick="approve_orders()">Да</button>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"> Не</button>
                        </div>
                    </div>
                </div>
            </div>
            
            <div id="modal-suppliers" class="modal inmodal" tabindex="-1" role="dialog" aria-labelledby="modal-label">
                <div class="modal-dialog" role="document">
                    <div class="modal-content animated flipInY">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 id="modal-label" class="modal-title">Назначаване на доставчик</h4>
                        </div>
                        <form method="POST" id="attach_suppliers_form" action="">
                            {{ csrf_field() }}

                            <div class="modal-body">
                                <div class="form-group">
                                    <label for="supplier_id" class="col-sm-2 col-form-label control-label">Доставчик</label>
                                    <div class="col-sm-8">                                
                                        <select class="form-control" id="supplier" name="supplier_id">
                                            <option value="0"></option>
                                            @foreach($suppliers->where('active',1) as $supplier)
                                            <option value="{{$supplier->id}}">{{$supplier->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>                            
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-default">Назначи</button>
                                <button type="button" class="btn btn-primary" data-dismiss="modal"> Откажи</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            
            <div id="modal-suppliers-all" class="modal inmodal" tabindex="-1" role="dialog" aria-labelledby="modal-label">
                <div class="modal-dialog" role="document">
                    <div class="modal-content animated flipInY">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 id="modal-label" class="modal-title">Назначаване на доставчик за избрани поръчки</h4>
                        </div>
                        <form method="POST" id="attach_orders_suppliers_form" action="{{route('attach_orders_supplier')}}">
                            {{ csrf_field() }}

                            <input type="hidden" name="orders_ids" value=""/>
                            
                            <div class="modal-body">
                                <div class="form-group">
                                    <label for="supplier_id" class="col-sm-2 col-form-label control-label">Доставчик</label>
                                    <div class="col-sm-8">                                
                                        <select class="form-control" id="supplier" name="supplier_id" required>
                                            <option value="0"></option>
                                            @foreach($suppliers as $supplier)
                                            <option value="{{$supplier->id}}">{{$supplier->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>                            
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-default">Назначи</button>
                                <button type="button" class="btn btn-primary" data-dismiss="modal"> Откажи</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div id="modal-refuse" class="modal inmodal" tabindex="-1" role="dialog" aria-labelledby="modal-label">
                <div class="modal-dialog" role="document">
                    <div class="modal-content animated flipInY">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 id="modal-label" class="modal-title">Отказване на поръчка</h4>
                        </div>
                        <div class="modal-body">Сигурни ли сте, че желаете да откажете тази поръчка?</div>
                        <div class="modal-footer">
                            <button id="confirm_refuse" type="button" class="btn btn-default" onclick="refuse_order()">Да</button>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"> Не</button>
                        </div>
                    </div>
                </div>
            </div>

            <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">Изтриване на поръчка</h4>
                        </div>
                        <div class="modal-body">Сигурни ли сте, че желаете да изтриете тази поръчка?</div>
                        <div class="modal-footer">
                            <button id="confirm_delete" type="button" class="btn btn-default" onclick="refuse_order()">Да</button>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"> Не</button>
                        </div>
                    </div>
                </div>
            </div>

            <div id="modal-complete" class="modal inmodal" tabindex="-1" role="dialog" aria-labelledby="modal-label">
                <div class="modal-dialog" role="document">
                    <div class="modal-content animated flipInY">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 id="modal-label" class="modal-title">Приключване на поръчка</h4>
                        </div>
                        <div class="modal-body">Сигурни ли сте, че желаете да маркирате поръчката като приключена?</div>
                        <div class="modal-footer">
                            <button id="confirm_complete" type="button" class="btn btn-default" onclick="complete_order()">Да</button>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"> Не</button>
                        </div>
                    </div>
                </div>
            </div>
            
            <div id="modal-document" class="modal inmodal" tabindex="-1" role="dialog" aria-labelledby="modal-label">
                <div class="modal-dialog" role="document">
                    <div class="modal-content animated flipInY">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 id="modal-label" class="modal-title">Документ на поръчката</h4>
                        </div>
                        
                        <form method="POST" id="payment_document_form" action="" enctype="multipart/form-data">
                            {{ csrf_field() }}
                            
                            <div class="modal-body">
                                <input type="hidden" name="order_id" id="order_id" value=""/>
                                
                                <div class="form-group">
                                    <label for="document_type" class="col-sm-4 col-form-label control-label">Вид документ</label>
                                    <div class="form-group">
                                        <div class="input-group col-sm-8">
                                            <select class="form-control" id="document_type" name="document_type">
                                                @foreach(__('texte.document_types_arr') as $key=>$value)
                                                <option value="{{$key}}">{{$value}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>   
                                
                                <div class="form-group">
                                    <label for="document_number" class="col-sm-4 col-form-label control-label">Номер на документ</label>
                                    <div class="input-group col-sm-8">                                
                                        <input type="text" class="form-control" id="document_number" name="document_number" value="" disabled/>
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    <label for="document_note" class="col-sm-4 col-form-label control-label">Забележка</label>
                                    <div class="input-group col-sm-8">                                
                                        <textarea class="form-control" id="document_note" name="document_note"></textarea>
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    <label for="document_note" class="col-sm-4 col-form-label control-label">Заключи</label>
                                    <div class="input-group col-sm-8">                                
                                        <input type="checkbox" id="final_document" name="final_document" value="1"/>
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    <label class="col-sm-4 col-form-label control-label">Файлове</label>
                                    <div class="input-group col-sm-8">                                        
                                        <div class="file_div">
                                            <div class="img-row">
                                                <div class="margin--bottom-5">
                                                    <div class="custom-file">
                                                        <input class="file_name" type='text' value="" name="file_names[]" readonly disabled style='width:55%'>
                                                        <label class="btn btn-success m-btn--icon-only">
                                                            <input class="upload_file" type="file" name="upload_files[]">
                                                            <i class="glyphicon glyphicon-upload"></i>
                                                        </label>
                                                        <a href="javascript:;" class="btn btn-danger m-btn--icon-only remove_file">
                                                            <i class="glyphicon glyphicon-trash"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clear-both"></div>
                                            <br/>
                                        </div>  
                                        <div class="add_element_file">
                                            <a href="javascript:;" class="btn btn-primary btn-default add_file">Добави файл</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-default" id="confirm_document">Потвърди</button>
                                <button type="button" class="btn btn-primary" data-dismiss="modal"> Откажи</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel-footer"></div>
    </div>      
</div>
    


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

<script type="text/javascript" charset="utf-8">
    
    $('#site,#technician,#chief_technician,#status,#category,#supplier,#supplier_filter').select2();
    
    var role_id={{auth()->user()->role_id}};

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

    $("#search_date_to").datepicker(); 
    
    var role_id = {{auth()->user()->role_id}};
            
    $(document).ready(function(){
        table = $('.dataTables-example').DataTable({
            pageLength: 100,
            responsive: true,
            "bStateSave": true,
            "initComplete":function(settings, json) {
                $("a").each(function(){
                    if($(this).attr('disabled')=='disabled'){
                        $(this).addClass('not-active');
                    }
                });  
            },
            dom: 'lTfgitp',
            "order": [],
            "columnDefs": [
                    { "orderable": false, "targets": {{auth()->user()->role_id==3 || auth()->user()->role_id==4 || auth()->user()->role_id==7 ? '[0,1,9]' : '[0,8]'}} }
                  ],
            "oLanguage": {
                "sShow":"Показване",
                "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": "Предишна",
                                  },

            }
        });
        
        var state = table.state();

        if(role_id==3 || role_id==4 || role_id==7){
            $('#site').val(state.columns[4].search.search).trigger('change');
            $('#status').val(state.columns[8].search.search.replace("^",'').replace("$",'')).trigger('change');
            $('#category').val(state.columns[10].search.search.replace(",",'').replace(",",'')).trigger('change');
            $('#supplier_filter').val(state.columns[11].search.search).trigger('change');
            $('#document_type_filter').val(state.columns[13].search.search).trigger('change');
            $('#document_number_filter').val(state.columns[14].search.search).trigger("input");
         }
        else{
            $('#site').val(state.columns[3].search.search).trigger('change');
            $('#status').val(state.columns[7].search.search.replace("^",'').replace("$",'')).trigger('change');
            $('#category').val(state.columns[9].search.search.replace(",",'').replace(",",'')).trigger('change');
            $('#supplier_filter').val(state.columns[10].search.search).trigger('change');
            $('#document_type_filter').val(state.columns[12].search.search).trigger('change');
            $('#document_number_filter').val(state.columns[13].search.search).trigger("input");
        }        
        
        $('#site').on('change', function(){
            if($(this).val()!=''){
                table.column({{auth()->user()->role_id==3 || auth()->user()->role_id==4 || auth()->user()->role_id==7 ? 4 : 3}}).search("^" +this.value+ "$",true,false).draw();
            }
            else{
                table.column({{auth()->user()->role_id==3 || auth()->user()->role_id==4 || auth()->user()->role_id==7 ? 4 : 3}}).search('').draw();
            }
        });
        
        $('#status').on('change', function(){
            if($(this).val()!=''){
                table.column({{auth()->user()->role_id==3 || auth()->user()->role_id==4 || auth()->user()->role_id==7 ? 8 : 7}}).search("^" + $(this).val() + "$",true,false).draw();
            }
            else{
                table.column({{auth()->user()->role_id==3 || auth()->user()->role_id==4 || auth()->user()->role_id==7 ? 8 : 7}}).search('').draw();
            }
        }).change();
        
        $('#category').on('change', function(){
            if($(this).val()!=''){
                table.column({{auth()->user()->role_id==3 || auth()->user()->role_id==4 || auth()->user()->role_id==7 ? 10 : 9}}).search("," + $(this).val() + ",").draw();
            }
            else{
                table.column({{auth()->user()->role_id==3 || auth()->user()->role_id==4 || auth()->user()->role_id==7 ? 10 : 9}}).search('').draw();
            }
        });
        
        $('#supplier_filter').on('change', function(){
            table.column({{auth()->user()->role_id==3 || auth()->user()->role_id==4 || auth()->user()->role_id==7 ? 11 : 10}}).search(this.value).draw();
        });
        
        $('#document_type_filter').on('change', function(){
            table.column({{auth()->user()->role_id==3 || auth()->user()->role_id==4 || auth()->user()->role_id==7 ? 13 : 12}}).search(this.value).draw();
        });
        
        $('#document_number_filter').on('input', function(){
            table.column({{auth()->user()->role_id==3 || auth()->user()->role_id==4 || auth()->user()->role_id==7 ? 14 : 13}}).search(this.value).draw();
        });

    });
    
    $(document).on('click', role_id==4 || role_id==3 || role_id==7 ? 'tr>td:not(:first-child):not(:nth-child(2)):not(:nth-child(10))' : 'tr>td:not(:first-child):not(:nth-child(9))', function(){
        var id = $(this).closest('tr').attr('data-id');
        window.open('orders/' + id);
    });   
    
    $(document).on('click','.return_button',function(){
        $('#confirm_return').attr('onclick','return_order('+ $(this).attr('data-id') + ')');
    }); 
    
    function return_order(id){
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/return_order',
                    type: 'POST',
            data: { 'id' : id},
            success: function(response){
                if(response.error){
                    alert(response.error);
                }
                else{
                    alert(response.success);
                    location.reload();
                }
            }
        });    
    }
    
    
    $(document).on('click','.approve_button',function(){
        $('#confirm_approve').attr('onclick','approve_order('+ $(this).attr('data-id') + ')');
    }); 
    
    function approve_order(id){
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/approve_order',
                    type: 'POST',
            data: { 'id' : id},
            success: function(response){
                if(response.error){
                    alert(response.error);
                }
                else{
                    location.reload();
                }
            }
        });            
    }
    
    $(document).on('click','.approve_all_button',function(){
        var orders_ids=',';
        
        $('.approve_order:checkbox:checked').each(function(){
           orders_ids+=$(this).val()+',';
       });
       
        $('#confirm_approve_all').attr('onclick','approve_orders("'+ orders_ids + '")');
    });
    
    function approve_orders(orders_ids){
        alert(orders_ids);
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/approve_orders',
                    type: 'POST',
            data: { 'orders_ids' : orders_ids},
            success: function(response){
                        if(response.error){
                            alert(response.error);
                        }
                        else{
                            location.reload();
                        }
                    }
        });            
    }
    
    $(document).on('click','.refuse_button',function(){
        $('#confirm_refuse').attr('onclick','refuse_order('+ $(this).attr('data-id') + ')');
    }); 
    
    $('.attach-suppliers').on('click', function(){
        var order_id = $(this).attr('data-id');
        $('#attach_suppliers_form').attr('action','orders/'+order_id+'/attach_suppliers');
        $('#order_id').val(order_id);
    });
    
    $('.attach-suppliers-all').on('click', function(){
        var string=',';
       $('.attach_order_supplier:checkbox:checked').each(function(){
           string+=$(this).val()+',';
       });
       $('input[name="orders_ids"]').val(string);
    });
    
    function refuse_order(id){
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/refuse_order',
                    type: 'POST',
            data: { 'id' : id},
            success: function(response){
                        if(response.error){
                            alert(response.error);
                        }
                        else{
                            alert(response.success);
                            location.reload();
                        }
                    }
        });    
    }
    
    $(document).on('click','.delete_button',function(){
        $('#confirm_delete').attr('onclick','delete_order('+ $(this).attr('data-id') + ')');
    }); 
    
    $(document).on('click','.check_all', function(){
        $('.export_order').each(function(){
           $(this).prop('checked',true); 
        });
        
        $('.check_all').removeClass('check_all').removeClass('btn-primary').addClass('uncheck_all').addClass('btn-danger').attr('title','Размаркирай всички');
    });
    
    $(document).on('click','.uncheck_all', function(){
        $('.export_order').each(function(){
           $(this).prop('checked',false); 
        });
        $('.uncheck_all').removeClass('uncheck_all').removeClass('btn-danger').addClass('check_all').addClass('btn-primary').attr('title','Mаркирай всички');
    });
    
    $('.export_orders').on('click', function(e){        
        e.preventDefault();
        if(!$('.export_order:checked').length){
            alert('Моля изберете поръчки за експортиране');
        }
        else{
            $('#export').submit();
        }
    });
    
    function delete_order(id){
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/delete_order',
                    type: 'POST',
            data: { 'id' : id},
            success: function(response){
                        if(response.error){
                            alert(response.error);
                        }
                        else{
                            alert(response.success);
                            location.reload();
                        }
                    }
        });    
    }
    
    $(document).on('click','.complete_button',function(){
        $('#confirm_complete').attr('onclick','complete_order('+ $(this).attr('data-id') + ')');
    }); 
    
    function complete_order(id){
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/complete_order',
                    type: 'POST',
            data: { 'id' : id},
            success: function(response){
                        if(response.error){
                            alert(response.error);
                        }
                        else{
                            alert(response.success);
                            location.reload();
                        }
                    }
        });    
    }
    
    function reset_filters(){
        $('.yadcf-filter-range-date').val('');   
        $('#document_number_filter').val('').trigger('input');
        $('#site,#technician,#chief_technician,#status,#category,#supplier_filter,#document_type_filter').val('').trigger("change");        
    }
    
    $(document).on('click','.document_button', function(){
        
        var id = $(this).attr('data-id');
        
        $('.edit_file_div').remove();
        
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/get_order_document',
                    type: 'POST',
            data: { 'id' : id},
            success: function(response){                                   
                if(response.admin_products.length>0){
                    $('#document_type').val(response.admin_products[0].document_type);
                    $('#document_number').val(response.admin_products[0].document_number).attr('disabled',false);
                    $('#document_note').text(response.admin_products[0].document_note).attr('disabled',false);
                    
                    $('#final_document').prop('checked',response.admin_products[0].final_document===1 ? true : false).attr('disabled',false);
                    
                    if(response.payment_files.length>0){
                        for(var i in response.payment_files){
                            var html = '<div class="edit_file_div"><div class="file-row-edit"><input type="text" class="form-control edit_element_file" value="'+response.payment_files[i].title+'" data-name="'+response.payment_files[i].name+'" data-id="'+response.payment_files[i].id+'" readonly disabled/></div><div class="file-row" style="margin-left:5px;margin-bottom:10px;"><div class="margin--bottom-5"><div class="upload-file"><a class="btn btn-info m-btn--icon-only" href="/files/'+response.payment_files[i].name+'" target="_blank"><i class="glyphicon glyphicon-eye-open"></i></a> <a href="javascript:;" class="btn btn-danger m-btn--icon-only delete_file"><i class="glyphicon glyphicon-trash"></i></a></div></div></div><div class="clear-both"></div><br/></div>';
                            $('.file_div').closest('.input-group').prepend(html);
                        }
                    }
                    
                    if(response.admin_products[0].document_type==0 || response.admin_products[0].document_type==3){
                        $('#document_number').attr('disabled',true);
                        $('#document_note').attr('disabled',true);
                        $('#final_document').attr('disabled',true);
                    }
                    
                    $('#order_id').val(id);
                    $('#payment_document_form').attr('action','/orders/'+id+'/payment_documents');
                    $('#modal-document').modal('show'); 
                }
                else{
                    alert('Проъчката няма продукти');
                }
            }                   
        });  
    });
    
    $('#document_type').on('change', function(){
        if($(this).val()==0 || $(this).val()==3){
            $('#document_number').attr('disabled',true).val('');
            $('#document_note').attr('disabled',true).text('');
            $('#final_document').attr('disabled',true);
        }
        else{
            $('#document_number').attr('disabled',false);
            $('#document_note').attr('disabled',false);
            $('#final_document').attr('disabled',false);
        }
    });    
    
    $('.add_file').on('click',function(){
        if($('.file_div:hidden').length>0){
           $('.file_div').attr('hidden',false);
       }
       else{
            var new_element = $('.file_div').last().clone();
            new_element.find('.file_name').val(''); 
            new_element.find('.upload_file').val('').change();
            new_element.find('.errorBox').html('');
            $('.add_element_file').before(new_element);
        }
     });

    function readURL(element,input){
        if(input.files && input.files[0]) {
          var reader = new FileReader();
          reader.onload = function(e) {
            element.closest('.image_div').find('.element_image').attr('src', e.target.result);
          }
          reader.readAsDataURL(input.files[0]);
        }
    }
    
    $(document).on('change',".upload_file",function() {
        $(this).closest('.margin--bottom-5').find('.errorBox').html('');
        $('.submit').attr('disabled',false);
        if($(this).val()!=''){
            if(this.files[0].size>10485760){
                $(this).closest('.margin--bottom-5').find('.errorBox').append('<label class="error size_error">Файлът трябва да бъде до 10МБ</label><br/>');
                $('.submit').attr('disabled',true);
            }
            else{
                $(this).closest('.margin--bottom-5').find('.errorBox').find('.size_error').remove();
            }
            if($.inArray(this.value.split('.').pop(),['doc','docx','pdf','xls','xlsx','csv'])==-1){
                $(this).closest('.margin--bottom-5').find('.errorBox').append('<label class="error extension_error">Файлът трябва да е с разширение pdf, doc ,docx ,xls ,xlsx или csv.</label>');
                $('.submit').attr('disabled',true);
            }
            else{
                $(this).closest('.margin--bottom-5').find('.errorBox').find('.extension_error').remove();
            }
        }
        $(this).closest('.custom-file').find('.file_name').val(this.files[0].name);
    });
    
    $(document).on('click','.remove_file',function(){
         if($('.file_div').length>1){
             $(this).closest('.file_div').remove();
             if(!$('.error').length){
                 $('.submit').attr('disabled',false);
             }
         }
         else{
            $(this).closest('.custom-file').find('.file_name').val(''); 
            $(this).closest('.custom-file').find('.upload_file').val('').change();
        }
    });
    
    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));
        }
    });
    
    $(document).on('click','.delete_file',function(){
       var element = $(this).closest('.edit_file_div');
       var file = element.find('.edit_element_file').attr('data-name');
       var id = element.find('.edit_element_file').attr('data-id');
       $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/delete_payment_file',
                    type: 'POST',
            data: { 
                    'id' : id,
                    'file' : file,
                    'model' : 'producers'},
            success: function(response){
                if(response.warning){
                    alert(response.warning);
                }
                else{
                    element.remove();
                    $('.file_div').show();
                    alert(response.success); 
                }
            }
        });
    });
</script>




@endsection