@extends('layouts.app')

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

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

@section('style')
<style type="text/css">
    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #337ab7;
        background: #337ab7;
        color: #fff;
    }
    .filter_input_left{
        width:96px;
        height:33px;
        margin-bottom: 4px;
        border-radius: 5px 0px 0px 5px;
    }
    .filter_input_right{
        width:96px;
        height:33px;
        margin-bottom:4px;
        border-radius: 0px 5px 5px 0px;
    }
</style>
@endsection

@section('content')
<div class="container">
@include('shared.messages')
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <form method="GET" action="{{ route('stocks.index') }}" class="form-inline">
                        {{ csrf_field() }} 
                        <h3 class="panel-title">
                            <span class="glyphicon glyphicon-ok"></span> {{__('texte.stocks_arr.index.stocks')}}
                            <div class="pull-right">
                                <div class="form-group">
                                @if ($revision)
                                    <button class="btn btn-danger" name="finish" value="1" title="{{__('texte.stocks_arr.index.end_revision')}}" data-toggle="tooltip">{{__('texte.stocks_arr.index.complete')}}</button>
                                @else
                                    <button class="btn btn-success" name="revision" value="1" title="{{__('texte.stocks_arr.index.start_revision')}}" data-toggle="tooltip">{{__('texte.stocks_arr.index.revision')}}</button>
                                @endif
                                </div>
                            </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}}"/>

                                <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('stock-form-storage-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="search_storage" name="search_storage" data-name="{{__('texte.stocks_arr.index.storage')}}">
                                                        <option value="">--- {{__('texte.stocks_arr.index.storage')}} ---</option>
                                                        @foreach($storages as $storage)
                                                            <option value="{{$storage->id}}" {{session()->get('search_stocks_filters.storage') && $storage->id == session()->get('search_stocks_filters.storage') ? "selected" : ""}}>{{$storage->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission
                                        
                                        @permission('stock-form-storage-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="search_zone" name="search_zone" data-name="{{__('texte.stocks_arr.index.zone')}}" disabled>
                                                        <option value="">--- {{__('texte.stocks_arr.index.zone')}} ---</option>
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission
                                        
                                        @permission('stock-form-storage-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="search_corridor" name="search_corridor" data-name="{{__('texte.stocks_arr.index.corridor')}}" disabled>
                                                        <option value="">--- {{__('texte.stocks_arr.index.corridor')}} ---</option>
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission
                                        
                                        @permission('stock-form-storage-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <input class="filter_input_left" id="search_spot" name="search_spot" value="{{session()->get('search_stocks_filters.spot')}}"/>
                                                </div>
                                            </div>
                                        @endpermission
                                        
                                        @permission('stock-form-storage-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <input class="filter_input_right" id="search_place" name="search_place" value="{{session()->get('search_stocks_filters.place')}}"/>
                                                </div>
                                            </div>
                                        @endpermission
                                        
                                        @permission('stock-form-place-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="search_address" name="search_address" data-name="{{__('texte.stocks_arr.index.address')}}">
                                                        <option value="">--- {{__('texte.stocks_arr.index.address')}} ---</option>
                                                        @foreach($places as $place)
                                                            <option value="{{$place->id}}" {{session()->get('search_stocks_filters.address') && $place->id == session()->get('search_stocks_filters.address') ? "selected" : ""}}>{{$place->address}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission
                                        
                                        @permission('stock-form-category-read')
                                        <div class="form-group">
                                            <div class="input-group">
                                                <select class="form-control" id="search_category" name="category">
                                                    <option value="0">--- {{__('texte.stocks_arr.index.category')}} ---</option>
                                                    @foreach($categories as $current_category)
                                                        <option data-level="1" value='{{$current_category->id}}' {{session()->get('search_stocks_filters.category') && $current_category->id == session()->get('search_stocks_filters.category') ? "selected" : ""}}>{{$current_category->name}}</option>
                                                        @if(count($current_category->children)>0)
                                                            @foreach($current_category->children as $current_sub_category)
                                                                <option data-level="{{count($current_sub_category->children)>0 ? '2' : '3'}}" data-parent="{{$current_category->name}}" value='{{$current_sub_category->id}}' {{session()->get('search_stocks_filters.category') && $current_sub_category->id == session()->get('search_stocks_filters.category') ? "selected" : ""}}>&nbsp;&nbsp;&nbsp;&nbsp;{{$current_category->name."\\ ".$current_sub_category->name}}</option>
                                                                @if(count($current_sub_category->children)>0)
                                                                    @foreach($current_sub_category->children as $current_sub_sub_category)
                                                                        <option data-level="3" data-parent_parent="{{$current_category->name}}" data-parent="{{$current_sub_category->name}}" value='{{$current_sub_sub_category->id}}' {{session()->get('search_stocks_filters.category') && $current_sub_sub_category->id == session()->get('search_stocks_filters.category') ? "selected" : ""}}>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{$current_category->name."\\ ".$current_sub_category->name."\\ ".$current_sub_sub_category->name}}</option>
                                                                    @endforeach
                                                                @endif
                                                            @endforeach
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        @endpermission

                                        @permission('stock-form-producer-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="search_producer" name="producer" data-name="{{__('texte.stocks_arr.index.producer')}}">
                                                        <option value="0">--- {{__('texte.stocks_arr.index.producer')}} ---</option>
                                                        @foreach($producers as $producer)
                                                            <option value="{{$producer->id}}" {{session()->get('search_stocks_filters.producer') && $producer->id == session()->get('search_stocks_filters.producer') ? "selected" : ""}}>{{ $producer->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission

                                        @permission('stock-form-mark-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="search_mark" name="mark" data-name="{{__('texte.stocks_arr.index.mark')}}">
                                                        <option value="0">--- {{__('texte.stocks_arr.index.mark')}} ---</option>
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission

                                        @permission('stock-form-package-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="search_package" name="package" data-name="{{__('texte.stocks_arr.index.pacakge')}}">
                                                        <option value="0">--- {{__('texte.stocks_arr.index.package')}} ---</option>
                                                        @foreach($packages as $package)
                                                            <option value="{{$package->id}}" {{session()->get('search_stocks_filters.package') && $package->id == session()->get('search_stocks_filters.package') ? "selected" : ""}}>{{ $package->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission

                                        @permission('stock-form-material-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select class="form-control" id="search_material" name="material">
                                                        <option value="0">--- {{__('texte.stocks_arr.index.material')}} ---</option>
                                                        @foreach ($materials as $material)
                                                            <option value="{{ $material->id}}" {{session()->get('search_stocks_filters.material') && $material->id == session()->get('search_stocks_filters.material') ? "selected" : ""}}>{{ $material->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission

                                        @permission('stock-form-size-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select class="form-control" id="search_size" name="size">
                                                        <option value="0">--- {{__('texte.stocks_arr.index.size')}} ---</option>
                                                        @foreach ($sizes as $size)
                                                            <option value="{{ $size->id}}" {{session()->get('search_stocks_filters.size') && $size->id == session()->get('search_stocks_filters.size') ? "selected" : ""}}>{{ $size->value }} {{$size->unit==1 ? __('texte.stocks_arr.index.kg') : __('texte.stocks_arr.index.l')}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission

                                        @permission('stock-form-product-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select class="form-control" id="search_product" name="search_product" multiple>
                                                        @foreach($products as $product)
                                                            <option value="{{$product->id}}" {{session()->get('search_stocks_filters.product') && in_array($product->id,session()->get('search_stocks_filters.product')) ? "selected" : ""}}>{{$product->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission

                                        @permission('stock-form-locked-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="search_locked" name="search_locked" data-name="{{__('texte.stocks_arr.index.status')}}">
                                                        <option value="">--- {{__('texte.stocks_arr.index.status')}} ---</option>
                                                        <option value="0" {{session()->get('search_stocks_filters.locked') && session()->get('search_stocks_filters.locked') ==0 ? "selected" : session()->get('search_stocks_filters.locked')}}>{{__('texte.stocks_arr.index.unlocked')}}</option>
                                                        <option value="1" {{session()->get('search_stocks_filters.locked') && session()->get('search_stocks_filters.locked') ==1 ? "selected" : session()->get('search_stocks_filters.locked')}}>{{__('texte.stocks_arr.index.locked')}}</option>
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission
                                        
                                        @permission('stock-form-locked-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="search_active" name="search_active" data-name="{{__('texte.stocks_arr.index.active')}}">
                                                        <option value="">--- {{__('texte.stocks_arr.index.active')}} ---</option>
                                                        <option value="0" {{session()->get('search_stocks_filters.active') && session()->get('search_stocks_filters.active') ==0 ? "selected" : session()->get('search_stocks_filters.active')}}>{{__('texte.stocks_arr.index.no')}}</option>
                                                        <option value="1" {{session()->get('search_stocks_filters.active') && session()->get('search_stocks_filters.active') ==1 ? "selected" : session()->get('search_stocks_filters.active')}}>{{__('texte.stocks_arr.index.yes')}}</option>
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission
                                        
                                        @permission('stock-form-locked-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="search_quarantine" name="search_quarantine" data-name="{{__('texte.stocks_arr.index.forbidden')}}">
                                                        <option value="">--- {{__('texte.stocks_arr.index.forbidden')}} ---</option>
                                                        <option value="0" {{session()->get('search_stocks_filters.quarantine') && session()->get('search_stocks_filters.quarantine') ==0 ? "selected" : session()->get('search_stocks_filters.quarantine')}}>{{__('texte.stocks_arr.index.no')}}</option>
                                                        <option value="1" {{session()->get('search_stocks_filters.quarantine') && session()->get('search_stocks_filters.quarantine') ==1 ? "selected" : session()->get('search_stocks_filters.quarantine')}}>{{__('texte.stocks_arr.index.yes')}}</option>
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission

                                        @permission('stock-form-expiry-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="expiring_date_from" name="expiring_date_from" value="{{session()->get('search_stocks_filters.expiring_date_from')}}" placeholder="{{__('texte.stocks_arr.index.expiry_from')}}"  
                                                            @nonepermission('stock-form-expiry-write')
                                                                readonly 
                                                            @endnonepermission
                                                        />
                                                        <input type="text" class="yadcf-filter-range-date" id="expiring_date_to" name="expiring_date_to" value="{{session()->get('search_stocks_filters.expiring_date_to') }}" placeholder="{{__('texte.stocks_arr.index.expiry_to')}}" 
                                                            @nonepermission('stock-form-expiry-write')
                                                                readonly 
                                                            @endnonepermission
                                                        />
                                                    </div>
                                                </div>                                    
                                            </div>  
                                        </div>
                                        @endpermission
                                        <button class='btn btn-warning dark_bordered_warning' type="button" onclick="search_stocks();" title='{{ __('texte.stocks_arr.index.search_stocks')}}' data-toggle='tooltip'>{{ __('texte.stocks_arr.index.search_stocks')}}</button>
                                    </form><br />
                                    </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('stock-form-storage-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="filter_storage" name="filter_storage" data-name="{{__('texte.stocks_arr.index.storage')}}">
                                                        <option value="">--- {{__('texte.stocks_arr.index.storage')}} ---</option>
                                                        @foreach($storages as $storage)
                                                            <option value="{{$storage->id}}">{{$storage->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission
                                        
                                        @permission('stock-form-storage-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="filter_zone" name="filter_zone" data-name="{{__('texte.stocks_arr.index.zone')}}" disabled>
                                                        <option value="">--- {{__('texte.stocks_arr.index.zone')}} ---</option>
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission
                                        
                                        @permission('stock-form-storage-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="filter_corridor" name="filter_corridor" data-name="{{__('texte.stocks_arr.index.corridor')}}" disabled>
                                                        <option value="">--- {{__('texte.stocks_arr.index.corridor')}} ---</option>
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission
                                        
                                        @permission('stock-form-storage-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <input class="filter_input_left" id="filter_spot" name="filter_spot" value=""/>
                                                </div>
                                            </div>
                                        @endpermission
                                        
                                        @permission('stock-form-storage-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <input class="filter_input_right" id="filter_place" name="filter_place" value=""/>
                                                </div>
                                            </div>
                                        @endpermission
                                        
                                        @permission('stock-form-place-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="filter_address" name="filter_address" data-name="{{__('texte.stocks_arr.index.spot')}}">
                                                        <option value="">--- {{__('texte.stocks_arr.index.spot')}} ---</option>
                                                        @foreach($places as $place)
                                                            <option value="{{$place->address}}">{{$place->address}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission
                                        
                                        @permission('stock-form-category-read')
                                        <div class="form-group">
                                            <div class="input-group">
                                                <select class="form-control" id="filter_category" name="filter_category">
                                                    <option value="">--- {{__('texte.stocks_arr.index.category')}} ---</option>
                                                    @foreach($categories as $current_category)
                                                        <option data-level="1" value='{{$current_category->id}}'>{{$current_category->name}}</option>
                                                        @if(count($current_category->children)>0)
                                                            @foreach($current_category->children as $current_sub_category)
                                                                <option data-level="{{count($current_sub_category->children)>0 ? '2' : '3'}}" data-parent="{{$current_category->name}}" value='{{$current_sub_category->id}}'>&nbsp;&nbsp;&nbsp;&nbsp;{{$current_category->name."\\".$current_sub_category->name}}</option>
                                                                @if(count($current_sub_category->children)>0)
                                                                    @foreach($current_sub_category->children as $current_sub_sub_category)
                                                                        <option data-level="3" data-parent_parent="{{$current_category->name}}" data-parent="{{$current_sub_category->name}}" value='{{$current_sub_sub_category->id}}'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{$current_category->name."\\".$current_sub_category->name."\\".$current_sub_sub_category->name}}</option>
                                                                    @endforeach
                                                                @endif
                                                            @endforeach
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        @endpermission

                                        @permission('stock-form-producer-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="filter_producer" name="filter_producer" data-name="{{__('texte.stocks_arr.index.producer')}}">
                                                        <option value="">--- {{__('texte.stocks_arr.index.producer')}} ---</option>
                                                        @foreach($producers as $producer)
                                                            <option value="{{$producer->id}}">{{ $producer->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission

                                        @permission('stock-form-mark-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="filter_mark" name="filter_mark" data-name="{{__('texte.stocks_arr.index.mark')}}">
                                                        <option value="">--- {{__('texte.stocks_arr.index.mark')}} ---</option>
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission

                                        @permission('stock-form-package-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="filter_package" name="filter_package" data-name="{{__('texte.stocks_arr.index.package')}}">
                                                        <option value="">--- {{__('texte.stocks_arr.index.package')}} ---</option>
                                                        @foreach($packages as $package)
                                                            <option value="{{$package->id}}">{{ $package->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission

                                        @permission('stock-form-material-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select class="form-control" id="filter_material" name="filter_material">
                                                        <option value="">--- {{__('texte.stocks_arr.index.material')}} ---</option>
                                                        @foreach ($materials as $material)
                                                            <option value="{{ $material->id}}">{{ $material->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission

                                        @permission('stock-form-size-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select class="form-control" id="filter_size" name="filter_size">
                                                        <option value="">--- {{__('texte.stocks_arr.index.size')}} ---</option>
                                                        @foreach ($sizes as $size)
                                                            <option value="{{ $size->id}}">{{ $size->value }} {{$size->unit==1 ? __('texte.stocks_arr.index.kg') : __('texte.stocks_arr.index.l')}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission

                                        @permission('stock-form-product-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select class="form-control" id="filter_product" name="filter_product" multiple>
                                                        @foreach($products as $product)
                                                            <option value="{{$product->id}}">{{$product->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission

                                        @permission('stock-form-place-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="filter_address" name="filter_address" data-name="{{__('texte.stocks_arr.index.spot')}}">
                                                        <option value="">--- {{__('texte.stocks_arr.index.spot')}} ---</option>
                                                        @foreach($places as $place)
                                                            <option value="{{$place->address}}">{{$place->address}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission

                                        @permission('stock-form-locked-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="filter_locked" name="filter_locked" data-name="{{__('texte.stocks_arr.index.status')}}">
                                                        <option value="">--- {{__('texte.stocks_arr.index.status')}} ---</option>
                                                        <option value="0">{{__('texte.stocks_arr.index.unlocked')}}</option>
                                                        <option value="1">{{__('texte.stocks_arr.index.locked')}}</option>
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission
                                        
                                        
                                        @permission('stock-form-locked-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="filter_active" name="filter_active" data-name="{{__('texte.stocks_arr.index.active')}}">
                                                        <option value="">--- {{__('texte.stocks_arr.index.active')}} ---</option>
                                                        <option value="0">{{__('texte.stocks_arr.index.no')}}</option>
                                                        <option value="1">{{__('texte.stocks_arr.index.yes')}}</option>
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission
                                        
                                        @permission('stock-form-locked-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="filter_quarantine" name="filter_quarantine" data-name="{{__('texte.stocks_arr.index.quarantine')}}">
                                                        <option value="">--- {{__('texte.stocks_arr.index.forbidden')}} ---</option>
                                                        <option value="0">{{__('texte.stocks_arr.index.no')}}</option>
                                                        <option value="1">{{__('texte.stocks_arr.index.yes')}}</option>
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission

                                        <div class="form-group">
                                            <div class="input-group">
                                                <div id="first_filters_div" style="display: inline-block; height:40px;"></div>
                                            </div>
                                        </div>
                                        <button class='btn  btn-warning dark_bordered_warning' type="button" onclick="reset_filters();" title='{{Lang::get('texte.stocks_arr.index.reset_filters')}}' data-toggle='tooltip'>{{Lang::get('texte.stocks_arr.index.reset_filters')}}</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                     
                </div>
                        
                        
                        
		<div class="panel-body">
                    <table class="table table-striped table-bordered table-hover dataTables-example dataTable" width="100%">
                        <thead>
                            <tr>
                                <th>{{strtoupper(__('texte.stocks_arr.index.id'))}}</th>
                                <th>{{__('texte.stocks_arr.index.storage')}}</th>
                                <th>{{__('texte.stocks_arr.index.product_id')}}</th>
                                <th>{{__('texte.stocks_arr.index.product')}}</th>
                                <th>{{__('texte.stocks_arr.index.address')}}</th>
                                <th>{{__('texte.stocks_arr.index.pallet')}}</th>
                                <th>{{__('texte.stocks_arr.index.batch')}}</th>
                                <th>{{__('texte.stocks_arr.index.expiration_date')}}</th>
                                <th>{{__('texte.stocks_arr.index.quantity')}}</th>
                                <th>{{__('texte.stocks_arr.index.reserved_l')}}</th>
                                <th data-sorter="false" style="text-align:right;">
                                    <button type="button" class="btn btn-w-m btn-primary" id="add" data-id="0" data-url="{{ route('stocks.store') }}" data-target="#modal-editor" @if ($revision==0) disabled @endif title="{{__('texte.stocks_arr.index.add')}}" @nonepermission('stock-route-create') disabled @endnonepermission><i class="glyphicon glyphicon-plus"></i></button>
                                </th>
                                <th hidden>{{__('texte.stocks_arr.index.locked_f')}}</th>
                                <th hidden>{{__('texte.stocks_arr.index.active')}}</th>
                                <th hidden>{{__('texte.stocks_arr.index.producer_code')}}</th>
                                <th hidden>{{__('texte.stocks_arr.index.producer_second_code')}}</th>
                                <th hidden>{{__('texte.stocks_arr.index.barcode')}}</th>
                                <th hidden>{{__('texte.stocks_arr.index.second_barcode')}}</th>
                                <th hidden>{{__('texte.stocks_arr.index.package_barcode')}}</th>
                                <th hidden>{{__('texte.stocks_arr.index.second_package_barcode')}}</th>
                                
                                <th hidden>{{__('texte.stocks_arr.index.parent_parent_category')}}</th>
                                <th hidden>{{__('texte.stocks_arr.index.parent_category')}}</th>
                                <th hidden>{{__('texte.stocks_arr.index.category')}}</th>
                                <th hidden>{{__('texte.stocks_arr.index.producer')}}</th>
                                <th hidden>{{__('texte.stocks_arr.index.mark')}}</th>
                                <th hidden>{{__('texte.stocks_arr.index.package')}}</th>
                                <th hidden>{{__('texte.stocks_arr.index.material')}}</th>
                                <th hidden>{{__('texte.stocks_arr.index.size')}}</th>
                                <th hidden>{{__('texte.stocks_arr.index.quarantine')}}</th>
                                <th hidden>{{__('texte.stocks_arr.index.storage')}}</th>
                                <th hidden>{{__('texte.stocks_arr.index.zone')}}</th>
                                <th hidden>{{__('texte.stocks_arr.index.corridor')}}</th>
                                <th hidden>{{__('texte.stocks_arr.index.spot')}}</th>
                                <th hidden>{{__('texte.stocks_arr.index.floor')}}</th>
                            </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>
                @permission('stock-form-category-read')
                    <div class="form-group" hidden>
                        <div class="input-group">
                            <select class="form-control" id="parent_parent_category" name="parent_parent_category">
                                <option value="">--- {{__('texte.stocks_arr.index.category')}} ---</option>
                                @foreach($categories as $current_category)
                                    <option value='{{$current_category->id}}'>{{$current_category->name}}</option>                                            
                                @endforeach
                            </select>
                        </div>
                    </div>
                @endpermission
                @permission('stock-form-category-read')
                    <div class="form-group" hidden>
                        <div class="input-group">
                            <select class="form-control" id="parent_category" name="parent_category">
                                <option value="">--- {{__('texte.stocks_arr.index.category')}} ---</option>
                                @foreach($categories as $current_category)
                                    <option value='{{$current_category->name}}'>{{$current_category->name}}</option>
                                    @if(count($current_category->children)>0)
                                        @foreach($current_category->children as $current_sub_category)
                                            <option value='{{$current_sub_category->id}}'>&nbsp;&nbsp;&nbsp;&nbsp;{{$current_sub_category->name}}</option>
                                        @endforeach
                                    @endif
                                @endforeach
                            </select>
                        </div>
                    </div>
                @endpermission
                <div class="modal inmodal" id="modal-del" role="dialog" tabindex="-1" 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 class="modal-title" id="modal-label-delete">{{__('texte.stocks_arr.index.stock_delete')}}</h4>
                            </div>
                            <div class="modal-body">{{__('texte.stocks_arr.index.stock_delete_confirm')}} <strong id="stock-name"></strong>?</div>
                            <div class="modal-footer">
                                <form id="form-del" method="POST" action="" role="form">
                                    {{ method_field('DELETE') }}
                                    {{ csrf_field() }}
                                    <button type="submit" class="btn btn-default">{{__('texte.stocks_arr.index.yes')}}</button>
                                    <button type="button" class="btn btn-primary" data-dismiss="modal">{{__('texte.stocks_arr.index.no')}}</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="modal inmodal" id="modal-editor" role="dialog" tabindex="-1" aria-labelledby="modal-label">
                    <style type="text/css" scoped>
                        /* provides a red astrix to denote required fields */
                        .form-group.required .control-label:after {
                            content: "*";
                            color: red;
                            margin-left: 4px;
                        }
                    </style>
                    <div class="modal-dialog" role="document">
                        <div class="modal-content animated flipInY">
                            <form class="form modal-content form-horizontal" id="stock" method="POST" action="{{ route('stocks.store') }}?page={{ request('page', 1) }}" role="form">
                                {{ csrf_field() }}
                                <input type="hidden" id="method" name="_method" value="POST" />

                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="modal-label-edit">{{__('texte.stocks_arr.index.add')}}</h4>
                                </div>
                                <div class="modal-body">
                                    @permission('stock-form-storage-read')
                                        <div class="form-group {{ $errors->has('storage') ? ' has-error' : '' }}">
                                            <label for="storage" class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.stocks_arr.index.storage')}}</label>
                                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                <select class="form-control" id="storage" name="storage" required 
                                                    @nonepermission('stock-form-storage-write')
                                                        readonly 
                                                    @endnonepermission
                                                >
                                                    <option value="">--- {{__('texte.stocks_arr.index.storage')}} ---</option>
                                                    @foreach($storages as $storage)
                                                        <option value="{{$storage->id}}">{{$storage->name}}</option>
                                                    @endforeach
                                                </select>
                                                @if ($errors->has('storage'))
                                                    <span class="help-block"><strong>{{ $errors->first('storage') }}</strong></span>
                                                @endif
                                                <div class="errorBox"></div>
                                            </div>
                                        </div>
                                    @endpermission                                    

                                    @permission('stock-form-place-read')
                                        <div class="form-group {{ $errors->has('place') ? ' has-error' : '' }}">
                                            <label for="place" class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.stocks_arr.index.spot')}}</label>
                                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                <select class="form-control" id="place" name="place" required
                                                    @nonepermission('stock-form-place-write')
                                                        readonly 
                                                    @endnonepermission
                                                >
                                                    <option value="">--- {{__('texte.stocks_arr.index.spot')}} ---</option>
                                                    @foreach($places as $place)
                                                        <option value="{{$place->id}}">{{$place->address}}</option>
                                                    @endforeach
                                                </select>
                                                @if ($errors->has('place'))
                                                    <span class="help-block"><strong>{{ $errors->first('place') }}</strong></span>
                                                @endif
                                                <div class="errorBox"></div>
                                            </div>
                                        </div>
                                    @endpermission

                                    @permission('stock-form-product-read')
                                        <div class="form-group {{ $errors->has('product') ? ' has-error' : '' }}">
                                            <label for="product" class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.stocks_arr.index.product')}}</label>
                                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                <select class="form-control" id="product" name="product" required 
                                                    @nonepermission('stock-form-product-write')
                                                        readonly 
                                                    @endnonepermission
                                                >
                                                    <option value="">--- {{__('texte.stocks_arr.index.product')}} ---</option>
                                                    @foreach($products as $product)
                                                        <option value="{{$product->id}}">{{$product->name}}</option>
                                                    @endforeach
                                                </select>
                                                @if ($errors->has('product'))
                                                    <span class="help-block"><strong>{{ $errors->first('product') }}</strong></span>
                                                @endif
                                                <div class="errorBox"></div>
                                            </div>
                                        </div>
                                    @endpermission

                                    @permission('stock-form-pallet-read')
                                        <div class="form-group {{ $errors->has('pallet') ? ' has-error' : '' }}">
                                            <label for="pallet" class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.stocks_arr.index.pallet')}}</label>
                                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                <input type="text" class="form-control" id="pallet" name="pallet" placeholder="{{__('texte.stocks_arr.index.pallet')}}" maxlength="255" 
                                                    @nonepermission('stock-form-pallet-write')
                                                        readonly 
                                                    @endnonepermission
                                                />
                                                @if ($errors->has('pallet'))
                                                    <span class="help-block"><strong>{{ $errors->first('pallet') }}</strong></span>
                                                @endif
                                                <div class="errorBox"></div>
                                            </div>
                                        </div>
                                    @endpermission

                                    @permission('stock-form-quantity-read')
                                        <div class="form-group {{ $errors->has('quantity') ? ' has-error' : '' }}">
                                            <label for="quantity" class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.stocks_arr.index.quantity')}}</label>
                                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                <input type="number" class="form-control" id="quantity" name="quantity" placeholder="{{__('texte.stocks_arr.index.quantity')}}" maxlength="255" 
                                                    @nonepermission('stock-form-quantity-write')
                                                        readonly 
                                                    @endnonepermission
                                                />
                                                @if ($errors->has('quantity'))
                                                    <span class="help-block"><strong>{{ $errors->first('quantity') }}</strong></span>
                                                @endif
                                                <div class="errorBox"></div>
                                            </div>
                                        </div>
                                    @endpermission

                                    @permission('stock-form-batch-read')
                                        <div class="form-group  {{ $errors->has('batch') ? ' has-error' : '' }}">
                                            <label for="batch" class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.stocks_arr.index.batch')}}</label>
                                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                <input type="text" class="form-control" id="batch" name="batch" placeholder="{{__('texte.stocks_arr.index.batch')}}" maxlength="255" 
                                                    @nonepermission('stock-form-batch-write')
                                                        readonly 
                                                    @endnonepermission
                                                />
                                                @if ($errors->has('batch'))
                                                    <span class="help-block"><strong>{{ $errors->first('batch') }}</strong></span>
                                                @endif
                                                <div class="errorBox"></div>
                                            </div>
                                        </div>
                                    @endpermission

                                    @permission('stock-form-expiry-read')
                                        <div class="form-group  {{ $errors->has('expiring_date') ? ' has-error' : '' }}">
                                            <label for="expiring_date" class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.stocks_arr.index.expiration_date')}}</label>
                                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                <input type="text" class="form-control" id="expiring_date" name="expiring_date" placeholder="{{__('texte.stocks_arr.index.d-mm-Y')}}" maxlength="10" pattern="^\d{1,2}\.\d{1,2}\.\d{4}$" title="{{__('texte.stocks_arr.index.d-mm-Y')}}" 
                                                    @nonepermission('stock-form-expiry-write')
                                                        readonly 
                                                    @endnonepermission
                                                />
                                                @if ($errors->has('expiring_date'))
                                                    <span class="help-block"><strong>{{ $errors->first('expiring_date') }}</strong></span>
                                                @endif
                                                <div class="errorBox"></div>
                                            </div>
                                        </div>
                                    @endpermission
                                </div>
                                <div class="modal-footer">
                                    <button type="submit" class="btn btn-warning" id="editor-button" @nonepermission('stock-route-edit') disabled @endnonepermission>{{__('texte.stocks_arr.index.add')}}</button>
                                    <button type="button" class="btn btn-danger" data-dismiss="modal">{{__('texte.stocks_arr.index.cancel')}}</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>	
            </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/chosen-readonly.js') }}"></script>
<script src="{{ asset('js/datatables.min.js') }}"></script>
<script src="{{ asset('js/jquery.dataTables.yadcf.js') }}"></script>

<script src="{{ asset('js/jquery.validate.js') }}"></script>
<script src="{{ asset('js/validation.js') }}"></script>
<script src="{{ asset('js/additional_methods.min.js') }}"></script>

<script type="text/javascript" charset="utf-8">
    var revision = {{!empty($revision) ? 1 : 0}};
    var stocks;
    $('#filter_category,#filter_mark,#filter_package,#filter_material,#filter_producer,#filter_size,#filter_storage,#filter_zone,#filter_corridor,#filter_address,#filter_locked,#filter_active,#storage,#place,#filter_quarantine').chosen();
    
    $('#filter_product').chosen({placeholder_text_multiple: '--- Продукт ---'});
    
    $('#search_category,#search_mark,#search_package,#search_material,#search_producer,#search_size,#search_storage,#search_zone,#search_corridor,#search_address,#search_locked,#search_quarantine,#search_active').chosen();
    
    $('#search_category_chosen .chosen-drop').css({"width": "400px"});
    $('#filter_category_chosen .chosen-drop').css({"width": "400px"});
    
    $('#search_product').chosen({placeholder_text_multiple: '--- Продукт ---'});
    
    $('#product').chosen({placeholder_text_multiple: '--- Продукт ---'}); 
    
    $('#expiring_date').datepicker({option: $.datepicker.regional['bg'],minDate: 0, setDate: new Date(), 
        //comment the beforeShow handler if you want to see the ugly overlay
        beforeShow: function() {
            setTimeout(function(){
                $('.ui-datepicker').css('z-index', 99999999999999);
            }, 0);
        }
    });
    
    
    $('#search_producer').on('change', function(){
        var mark = {{old('mark',(session()->get('search_stocks_filters.mark')) ? session()->get('search_stocks_filters.mark') : 0)}};
        if($(this).val()!=0){ 
                var producer = $(this).val();
                $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/get_marks',
                type: 'POST',
                data: {'producer' : producer},
                success: function(response){
                            if(response.length>0){
                                $('#search_mark').find('option').remove().end();
                                var options='<option value="0"> --- Марка --- </option>';
                                 for (var i in response){
                                    if(response[i].id==mark)
                                        var selected = "selected";
                                    else
                                        var selected = "";   
                                    options += '<option value="' + response[i].id + '" name="'+ response[i].name + '"'+ selected +'>' + response[i].name + '</option>';
                                 }
                                 $('#search_mark').html(options);
                                 $('#search_mark').attr('disabled',false);
                            }
                            else{
                                 $('#search_mark').attr('disabled',true);
                            }
                            $('#search_mark').trigger('chosen:updated');
                        }
            });
        }
        else{
            $('#search_mark').val(0);
            $('#search_mark').attr('disabled',true).trigger('chosen:updated');            
        }
    }).change();
    
    $('#search_storage').on('change', function(){
        var zone = {{old('zone',(session()->get('search_stocks_filters.zone')) ? session()->get('search_stocks_filters.zone') : 0)}};
        if($(this).val()!=""){ 
                var storage = $(this).val();
                $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/get_storage_zones',
                type: 'POST',
                data: {'storage' : storage},
                success: function(response){
                            if(response.length>0){
                                $('#search_zone').find('option').remove().end();
                                var options='<option value=""> --- Зона --- </option>';
                                 for (var i in response){
                                    if(response[i].id==zone)
                                        var selected = "selected";
                                    else
                                        var selected = "";   
                                    options += '<option value="' + response[i].id + '" name="'+ response[i].zone + '"'+ selected +'>' + response[i].zone + '</option>';
                                 }
                                 $('#search_zone').html(options);
                                 $('#search_zone').attr('disabled',false);
                            }
                            else{
                                 $('#search_zone').attr('disabled',true);
                            }
                            $('#search_zone').trigger('chosen:updated').change();
                        }
            });
        }
        else{
            $('#search_zone').val("");
            $('#search_zone').attr('disabled',true).trigger('chosen:updated').change();            
        }
    }).change();
    
    $('#search_zone').on('change', function(){
        var corridor = {{old('corridor',(session()->get('search_stocks_filters.corridor')) ? session()->get('search_stocks_filters.corridor') : 0)}};
        if($(this).val()!=""){ 
                var zone = $(this).val();
                $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/get_zone_corridors',
                type: 'POST',
                data: {'zone' : zone},
                success: function(response){
                            if(response.length>0){
                                $('#search_corridor').find('option').remove().end();
                                var options='<option value=""> --- Коридор --- </option>';
                                 for (var i in response){
                                    if(response[i].id==corridor)
                                        var selected = "selected";
                                    else
                                        var selected = "";   
                                    options += '<option value="' + response[i].id + '" name="'+ response[i].corridor + '"'+ selected +'>' + response[i].corridor + '</option>';
                                 }
                                 $('#search_corridor').html(options);
                                 $('#search_corridor').attr('disabled',false);
                            }
                            else{
                                 $('#search_corridor').attr('disabled',true);
                            }
                            $('#search_corridor').trigger('chosen:updated');
                        }
            });
        }
        else{
            $('#search_corridor').val("");
            $('#search_corridor').attr('disabled',true).trigger('chosen:updated');            
        }
    }).change();

    <!-- Filter products on select change-->
    $('#search_category,#search_producer,#search_mark,#search_material,#search_package,#search_size').on('change',function(){
        var category = $('#search_category').val();
        var producer = $('#search_producer').val();
        var mark = $('#search_mark').val();
        var material = $('#search_material').val();
        var package = $('#search_package').val();
        var size = $('#search_size').val();
        
        
        $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/get_filtered_products',
                type: 'POST',
                data: {'category' : category,
                       'producer' : producer,
                       'mark' : mark,
                       'material' : material,
                       'package' : package,
                       'size' : size},
                success: function(response){
                            if(response.length>0){
                                $('#search_product').find('option').remove().end();
                                var options='<option value=""> --- Продукт --- </option>';
                                 for (var i in response){
                                       options += '<option value="' + response[i].id + '" name="'+ response[i].name + '">' + response[i].name + '</option>';
                                 }
                                 $('#search_product').html(options);
                                 $('#search_product').attr('disabled',false).trigger("chosen:updated");
                             }
                             else{
                                 alert('Не са намерени продукти по зададените критерии!');
                                 $('#search_product').attr('disabled',true).trigger("chosen:updated");
                             }
                        }
        });
    });
    
    function search_stocks(){ 
        var input = {};
        
        input['storage'] = $('#search_storage').val();
        input['zone'] = $('#search_zone').val();
        input['corridor'] = $('#search_corridor').val();
        input['spot'] = $('#search_spot').val();
        input['place'] = $('#search_place').val();
        input['address'] = $('#search_address').val();
        input['category'] = $('#search_category').val();
        input['producer'] = $('#search_producer').val();
        input['mark'] = $('#search_mark').val();
        input['package'] = $('#search_package').val();
        input['material'] = $('#search_material').val();
        input['size'] = $('#search_size').val();
        input['product'] = $('#search_product').val();        
        input['locked'] = $('#search_locked').val();
        input['active'] = $('#search_active').val();
        input['quarantine'] = $('#search_quarantine').val();
        input['expiring_date_from'] = $('#expiring_date_from').val();
        input['expiring_date_to'] = $('#expiring_date_to').val();
        
        var table = $('.dataTables-example').DataTable({
                pageLength: 100,
                responsive: true,
                "bDestroy": true,
                "server-side": true,
                "ajax": {
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        data: { 'input' : input},
                        url: '/get_stocks',
                        type: 'POST',
                },
                "deferRender": true,
                createdRow: function( row, data, dataIndex ) {
                    // Set the data-status attribute, and add a class
                    data.q==1 ? $(row).find('td:eq(5)').css("color","red") : $(row).find('td:eq(5)').css("color","green") ; 
                    data.l==1 ? $(row).find('td:eq(6)').css("color","red") : $(row).find('td:eq(6)').css("color","green") ;
                },
                columns: [
                            { data: 'id', name: 'ID'},
                            { data: 's', name: 'Склад',
                                "defaultContent": "",
                            },
                            { data: 'pid', name: 'Продукт ID',
                                "defaultContent": "",
                            },
                            { data: 'pn', name: 'Продукт',
                                "defaultContent": "",
                            },
                            { data: 'pl', name: 'Адрес',
                                "defaultContent": "",
                            },
                            { data: 'p', name: 'Палет',
                                "defaultContent": "",
                            },
                            { data: 'b', name: 'Партида',
                                "defaultContent": "",
                            },
                            { data: 'ed',name: 'Годност',
                                "defaultContent": "",
                            },
                            { data: 'qt', name: 'Количество',
                                "defaultContent": "",
                            },
                            { data: 'r', name: 'Резервирано',
                                "defaultContent": "",
                            },
                            { data: 'id', name: 'Действия',
                              "orderable" : false,
                              "fnCreatedCell": function (nTd, sData, oData, iRow, iCol){
                                    var html = "<div class='btn-group btn-group-xs' style='float:right;'><button type='button' class='btn btn-info link' data-url='/stocks/"+sData+"' title='Премести' data-toggle='tooltip' "+ (oData.p=='' ? 'disabled' : '') + " @nonepermission('stock-route-unlock') disabled @endnonepermission><i class='glyphicon glyphicon-shopping-cart'></i></button>";
                                    
                                    if({{auth()->user()->id}}==1){
                                        if (oData.l==1){
                                            html+= "<button type='button' class='btn btn-success link' data-url='/stocks/"+sData+"/unlock' title='Отключи' data-toggle='tooltip' @nonepermission('stock-route-unlock') disabled @endnonepermission><i class='glyphicon glyphicon-ok-circle'></i></button>";
                                        }
                                        else{
                                            html+="<button type='button' class='btn btn-danger link' data-url='/stocks/"+sData+"/lock' title='Заключи' data-toggle='tooltip' @nonepermission('stock-route-unlock') disabled @endnonepermission><i class='glyphicon glyphicon-ban-circle'></i></button>";
                                        }
                                    }
                                    
                                    html+= "<button type='button' title='Промени' class='btn btn-warning edit' id='edit-"+sData+"' data-id='"+sData+"' data-storage_id='"+oData.si+"' data-product_id='"+oData.pid+"' data-name='"+oData.pn+"' data-place_id='"+oData.plid+"' data-pallet='"+oData.p+"' data-quantity='"+oData.qt+"' data-batch='"+oData.b+"' data-expiring_date='"+oData.ed+"' data-locked='"+oData.l+"' data-url='/stocks/"+sData+"/update' data-target='#modal-editor' " + (revision!='1' ? 'disabled' : '') + " @nonepermission('stock-route-edit') disabled @endnonepermission><i class='glyphicon glyphicon-pencil'></i></button><button type='button' title='Изтрий' class='btn btn-danger del' id='del-"+sData+"' data-name='"+oData.pn+"' data-url='stocks/"+sData+"/delete' data-target='#modal-del' " + (revision!='1' ? 'disabled' : '') + "@nonepermission('stock-route-delete') disabled @endnonepermission><i class='glyphicon glyphicon-trash'></i></button></div>";
                                    $(nTd).html(html);
                              } 
                            },
                            { data: 'l', name: 'Заключена',
                              "visible" : false  
                            },
                            { data: 'a', name: 'Активни',
                              "visible" : false  
                            },
                            { data: 'pc', name: 'Код на производител',
                              "visible" : false  
                            },
                            { data: 'psc', name: 'Втори код на прозиводител',
                              "visible" : false  
                            },
                            { data: 'pb', name: 'Баркод',
                              "visible" : false
                            },
                            { data: 'psb', name: 'Втори баркод',
                              "visible" : false
                            },
                            { data: 'pcb', name: 'Баркод на пакетаж',
                              "visible" : false
                            },
                            { data: 'pcsb', name: 'Втори баркод на пакетаж',
                              "visible" : false
                            }, 
                            { data: 'ppct', name: 'Прародителска категория',
                              "visible" : false
                            },
                            { data: 'pct', name: 'Родителска категория',
                              "visible" : false
                            },
                            { data: 'c', name: 'Категория',
                              "visible" : false
                            },
                            
                            { data: 'pr', name: 'Производител',
                              "visible" : false
                            },
                            { data: 'm', name: 'Марка',
                              "visible" : false
                            },
                            { data: 'pck', name: 'Пакетаж',
                              "visible" : false
                            },
                            { data: 'ml', name: 'Опаковка',
                              "visible" : false
                            },
                            { data: 'sz', name: 'Размер',
                              "visible" : false
                            },
                            { data: 'q', name: 'Карантина',
                              "visible" : false
                            },
                            { data: 's1', name: 'Склад1',
                              "visible" : false
                            },
                            { data: 'z1', name: 'Зона',
                              "visible" : false
                            },
                            { data: 'c1', name: 'Коридор',
                              "visible" : false
                            },
                            { data: 's2', name: 'Място',
                              "visible" : false
                            },
                            { data: 'p1', name: 'Етаж',
                              "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"});
                            this_table = $('.dataTables-example').dataTable();
                            $("a").each(function(){
                                if($(this).attr('disabled')=='disabled'){
                                    $(this).addClass('not-active');
                                }
                            });
                        },
                        "dom" : "fl<'#add_stock'>tip",

            });

            yadcf.init(table, [
                {
                    column_number: 7,
                    filter_type: "range_date",
                    date_format: "dd.mm.yyyy",
                    filter_delay: 500,
                    filter_container_id: "first_filters_div",
                    filter_default_label: [text.expiry_from,text.expiry_to],
                    filter_reset_button_text: false
                },
            ]);

        $('#filter_producer').on('change', function(){
            table.columns('Производител:name').search(this.value).draw();   
        }); 
        
        $('#filter_mark').on('change', function(){
            table.columns('Марка:name').search(this.value).draw();   
        });
        $('#filter_package').on('change', function(){
            table.columns('Пакетаж:name').search(this.value).draw();   
        });
        $('#filter_material').on('change', function(){
            table.columns('Опаковка:name').search(this.value).draw();   
        });
        $('#filter_size').on('change', function(){
            table.columns('Количество:name').search(this.value).draw();   
        });

        $('#filter_locked').on('change', function(){
            table.columns('Заключена:name').search(this.value).draw();   
        }); 
        
        $('#filter_active').on('change', function(){
            table.columns('Активни:name').search(this.value).draw();   
        }); 
        
        $('#filter_quarantine').on('change', function(){
            table.columns('Карантина:name').search(this.value).draw();   
        }); 

        $('#filter_storage').on('change', function(){
            table.columns('Склад1:name').search(this.value).draw();   
        });
        
        $('#filter_zone').on('change', function(){
            table.columns('Зона:name').search(this.value).draw();   
        });
        
        $('#filter_corridor').on('change', function(){
            table.columns('Коридор:name').search(this.value).draw();   
        });
        
        $('#filter_spot').on('change', function(){
            table.columns('Място:name').search(this.value).draw();   
        });
        
        $('#filter_place').on('change', function(){
            table.columns('Етаж:name').search(this.value).draw();   
        });

        $('#filter_address').on('change', function(){
            table.columns('Адрес:name').search(this.value).draw();   
        }); 

        $('#filter_product').on('change', function(){
            if($(this).val()!=''){
                var value = $(this).val().join('$|^');
                table.columns('Продукт ID:name').search("^" + value + "$", true, false).draw();
            }
            else{
                table.columns('Продукт ID:name').search('').draw();
            }
        });
        
        var filter1 = createFilter(table, [18,19,20]);
        var filter2 = createFilter2(table, [18,20]);
        var filter3 = createFilter3(table, [19,20]);

        filter1.appendTo("body");
        filter2.appendTo("body");
        filter3.appendTo("body");

    }
    
    
    $('#filter_producer').on('change', function(){
        if($(this).val()!=0){ 
                var producer = $(this).val();
                $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/get_marks',
                type: 'POST',
                data: {'producer' : producer},
                success: function(response){
                            if(response.length>0){
                                $('#filter_mark').find('option').remove().end();
                                var options='<option value=""> --- '+text.mark+' --- </option>';
                                 for (var i in response){
                                    options += '<option value="' + response[i].id + '" name="'+ response[i].name + '">' + response[i].name + '</option>';
                                 }
                                 $('#filter_mark').html(options);
                                 $('#filter_mark').attr('disabled',false);
                            }
                            else{
                                 $('#filter_mark').attr('disabled',true);
                            }
                            $('#filter_mark').trigger('chosen:updated');
                        }
            });
        }
        else{
            $('#filter_mark').val('');
            $('#filter_mark').attr('disabled',true).trigger('chosen:updated');            
        }
    }).change();
    
    
    $('#filter_storage').on('change', function(){
        if($(this).val()!=''){ 
                var storage = $(this).val();
                $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/get_storage_zones',
                type: 'POST',
                data: {'storage' : storage},
                success: function(response){
                            if(response.length>0){
                                $('#filter_zone').find('option').remove().end();
                                var options='<option value=""> --- '+text.zone+' --- </option>';
                                 for (var i in response){
                                    options += '<option value="' + response[i].id + '">' + response[i].zone + '</option>';
                                 }
                                 $('#filter_zone').html(options);
                                 $('#filter_zone').attr('disabled',false);
                            }
                            else{
                                 $('#filter_zone').attr('disabled',true);
                            }
                            $('#filter_zone').trigger('chosen:updated').change();
                        }
            });
        }
        else{
            $('#filter_zone').val('');
            $('#filter_zone').attr('disabled',true).trigger('chosen:updated').change();            
        }
    }).change();
    
    $('#filter_zone').on('change', function(){
        if($(this).val()!=''){ 
                var zone = $(this).val();
                $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/get_zone_corridors',
                type: 'POST',
                data: {'zone' : zone},
                success: function(response){
                            if(response.length>0){
                                $('#filter_corridor').find('option').remove().end();
                                var options='<option value=""> --- '+text.corridor+' --- </option>';
                                 for (var i in response){
                                    options += '<option value="' + response[i].id + '">' + response[i].corridor + '</option>';
                                 }
                                 $('#filter_corridor').html(options);
                                 $('#filter_corridor').attr('disabled',false);
                            }
                            else{
                                 $('#filter_corridor').attr('disabled',true);
                            }
                            $('#filter_corridor').trigger('chosen:updated').change();
                        }
            });
        }
        else{
            $('#filter_corridor').val('');
            $('#filter_corridor').attr('disabled',true).trigger('chosen:updated').change();            
        }
    }).change();

    <!-- Filter products on select change-->
    $('#filter_category,#filter_producer,#filter_mark,#filter_material,#filter_package,#filter_size').on('change',function(){
        var category = $('#filter_category').val();
        var producer = $('#filter_producer').val();
        var mark = $('#filter_mark').val();
        var material = $('#filter_material').val();
        var package = $('#filter_package').val();
        var size = $('#filter_size').val();
        
        
        $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/get_filtered_products',
                type: 'POST',
                data: {'category' : category,
                       'producer' : producer,
                       'mark' : mark,
                       'material' : material,
                       'package' : package,
                       'size' : size},
                success: function(response){
                            if(response.length>0){
                                $('#filter_product').find('option').remove().end();
                                var options='<option value=""> --- '+text.product+' --- </option>';
                                 for (var i in response){
                                       options += '<option value="' + response[i].id + '" name="'+ response[i].name + '">' + response[i].name + '</option>';
                                 }
                                 $('#filter_product').html(options);
                                 $('#filter_product').attr('disabled',false).trigger("chosen:updated");
                             }
                             else{
                                 alert(text.no_products_found);
                                 $('#filter_product').attr('disabled',true).trigger("chosen:updated");
                             }
                        }
        });
    });
    
    $(document).on('click','button.link',function() {
        var url = $(this).data('url');
        if (url !== undefined) {
            location.href = url;
        }
    });
    
    $(document).on('change','#storage', function(){
        var storage = $(this).val();
       
        if(storage!==''){
            $.ajax({
                 headers: {
                         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                         },
                         url: '/get_storage_places',
                         type: 'POST',
                 data: { 'storage' : storage},
                 async:false,
                 success: function(response){
                             var options='<option value=""> --- '+text.place+' --- </option>';
                             $('#place').find('option').remove().end();
                             if(response.length>0){
                                 for (var i in response){
                                        options += '<option value="' + response[i].id + '">' + response[i].address + '</option>';
                                 }
                             }
                             $('#place').html(options).chosenReadonly(false).trigger("chosen:updated");
                         }
             });
        }
        else{
            $('#place').html('<option value=""> --- '+text.place+' --- </option>').chosenReadonly(true).trigger('chosen:updated');
        }
    });
    
    var modal = function() {
            var id = $(this).data('id'), url = $(this).data('url'),
            editor = $('#stock'), button = $('#editor-button'), title = $('#modal-label-edit');
            editor[0].reset();
            if (id == 0) {
                title.text(text.add_stock);
                button.text(text.add);
                editor.attr('action', url);
                editor.find('#method').val('POST');
                editor.find('#storage').val('').chosenReadonly(false).trigger("chosen:updated");
                editor.find('#product').val('').chosenReadonly(false).trigger("chosen:updated");
                editor.find('#place').val('').chosenReadonly(true).trigger("chosen:updated");
                editor.find('#pallet').attr('readonly', false);
                editor.find('#quantity').val($(this).data('quantity')).attr('min',1);
                editor.find('#batch').attr('readonly', false);
                editor.find('#expiring_date').attr('disabled', false);

            } else {
                title.text(text.change_stock_quantity);
                button.text(text.change);
                editor.attr('action', url);
                editor.find('#method').val('PATCH');
                editor.find('#storage').val($(this).data('storage_id')).chosenReadonly(true).trigger("chosen:updated").change();
                editor.find('#product').val($(this).data('product_id')).chosenReadonly(true).trigger("chosen:updated");
                editor.find('#place').val($(this).data('place_id')).chosenReadonly(true).trigger("chosen:updated");
                editor.find('#pallet').val($(this).data('pallet')).attr('readonly', true);
                editor.find('#quantity').val($(this).data('quantity')).attr('min',0);
                editor.find('#batch').val($(this).data('batch'));
                editor.find('#expiring_date').val($(this).data('expiring_date'));

                editor.find('#locked').attr('checked', $(this).data('locked') ? true : false);
            }

            $('#modal-editor').modal('show');
        };
    
    $(document).on('click','button#add',modal);
    $(document).on('click','button.edit',modal);
    $(document).on('click','button.del',function() {
        var form = $('#form-del');
        form[0].reset();
        form.attr('action', $(this).data('url'));
        $('#stock-name').text($(this).data('name'));
        $('#modal-del').modal('show');
    });
        
    function reset_filters(){
        $('.yadcf-filter-range-date').val('');   
        $('#filter_category,#filter_producer,#filter_mark,#filter_package,#filter_material,#filter_size,#filter_product,#filter_storage,#filter_zone,#filter_corridor,#filter_spot,#filter_place,#filter_locked,#filter_active,#filter_quarantine,#filter_address').val('').trigger("chosen:updated").change();
    }
    
    $("#expiring_date_from").datepicker({   
        onSelect: function(dateText, inst){
           $("#expiring_date_to").datepicker("option","minDate",
           $("#expiring_date_from").datepicker("getDate"));
        }
    });

    $("#expiring_date_to").datepicker();
    
   
    $(document).ready(function(){
        var stocks_searched = {{session()->get("stocks_searched")!='' ? 1 : 0}};
        if(stocks_searched==1){
            search_stocks();
        }
    });
    
    function createFilter(table, columns) {
        var input = $('#filter_category').on('change', function(){
        table.draw();
        if($('#filter_category option:selected').data('level')==3){
            $('#parent_parent_category').val($('#category option:selected').data('parent_parent')).change();
            $('#parent_category').val($('#category option:selected').data('parent')).change();
        }
                
        else if($('#filter_category option:selected').data('level')==2){
            $('#parent_parent_category').val($('#category option:selected').data('parent')).change();
            $('#parent_category').val($('#category option:selected').val()).change();
        }
        
        else if($('#filter_category option:selected').data('level')==1){

                $('#parent_category').val('').change();
                $('#parent_parent_category').val($('#category option:selected').val()).change();  
            
        }
        
        else{            
            $('#parent_parent_category').val('').change();
            $('#parent_category').val('').change();
        }
        
  });

  $.fn.dataTable.ext.search.push(function(
    settings,
    searchData,
    index,
    rowData,
    counter
  ) {
    var val = input.val().toLowerCase();

    for (var i = 0, ien = columns.length; i < ien; i++) {
      if (searchData[columns[i]].toLowerCase().indexOf(val) !== -1) {
        return true;
      }
    }

    return false;
  });

  return input;
}

function createFilter2(table, columns) {
        var input = $('#parent_parent_category').on('change', function(){
        table.draw();
        
  });
  $('#parent_parent_category').hide();
  $.fn.dataTable.ext.search.push(function(
    settings,
    searchData,
    index,
    rowData,
    counter
  ) {
    var val = input.val().toLowerCase();

    for (var i = 0, ien = columns.length; i < ien; i++) {
      if (searchData[columns[i]].toLowerCase().indexOf(val) !== -1) {
        return true;
      }
    }

    return false;
  });

  return input;
}

function createFilter3(table, columns) {
        var input = $('#parent_category').on('change', function(){
        table.draw();
        
  });

   $('#parent_category').hide();
   
  $.fn.dataTable.ext.search.push(function(
    settings,
    searchData,
    index,
    rowData,
    counter
  ) {
    var val = input.val().toLowerCase();

    for (var i = 0, ien = columns.length; i < ien; i++) {
      if (searchData[columns[i]].toLowerCase().indexOf(val) !== -1) {
        return true;
      }
    }

    return false;
  });

  return input;
}

</script>
@endsection