@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">
@endsection


@section('content')
<div class="container">
@include('shared.messages')
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        <div class="pull-right"></div>
                        <span class="glyphicon glyphicon-ice-lolly-tasted"></span> {{!isset($changed_products) ? __('texte.products_arr.index.products') :  __('texte.products_arr.index.revised_products')}}
                    </h3><br />
                    
                    <div class="panel-group" id="accordion">

                        <div id="search" class="form-inline panel panel-default">
                            <input type="hidden" id="changed_products" value="{{isset($changed_products) ? 1 : 0}}"/>
                            
                            <div class="panel-heading" id="headingOne">                                
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><h4 class="panel-title">{{Lang::get('texte.products_arr.index.search')}}</h4></a>                              
                            </div>
                            <div id="collapseOne" class="panel-collapse collapse in">
                                <div class="panel-body">
                                    <form id="print_products" method="POST" action="{{route('export_products')}}" class="form-inline" target="_blank">
                                        {{ csrf_field() }}

                                        <input type="hidden" id="changed_products" value="{{isset($changed_products) ? 1 : 0}}"/>
                                        
                                        @permission('product-form-category-read')
                                        <div class="form-group">
                                            <div class="input-group"> 
                                                <select class="form-control" id="search_category" name="category[]" data-name="{{__('texte.products_arr.index.category')}}" multiple>
                                                    @foreach($categories as $current_category)
                                                        <option data-level="1" value='{{$current_category->id}}' {{session()->get('search_products_filters.category') && in_array($current_category->id,session()->get('search_products_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_products_filters.category') && in_array($current_sub_category->id,session()->get('search_products_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_products_filters.category') && in_array($current_sub_sub_category->id,session()->get('search_products_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('product-form-producer-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="search_producer" name="producer[]" data-name="{{__('texte.products_arr.index.producer')}}" multiple>
                                                        @foreach($producers as $producer)
                                                            <option value="{{$producer->id}}" {{session()->get('search_products_filters.producer') && in_array($producer->id,session()->get('search_products_filters.producer')) ? "selected" : ""}}>{{ $producer->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission

                                        @permission('product-form-mark-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="search_mark" name="mark[]" data-name="{{__('texte.products_arr.index.mark')}}" multiple>
                                                        @foreach($marks as $mark)
                                                            <option value="{{$mark->id}}" {{session()->get('search_products_filters.mark') && in_array($mark->id,session()->get('search_products_filters.mark')) ? "selected" : ""}}>{{ $mark->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission

                                        @permission('product-form-package-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="search_package" name="package[]" data-name="{{__('texte.products_arr.index.package')}}" multiple>
                                                        @foreach($packages as $package)
                                                            <option value="{{$package->id}}" {{session()->get('search_products_filters.package') && in_array($package->id,session()->get('search_products_filters.package')) ? "selected" : ""}}>{{ $package->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission

                                        @permission('product-form-material-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select class="form-control" id="search_material" name="material[]" data-name="{{__('texte.products_arr.index.material')}}" multiple>
                                                        @foreach ($materials as $material)
                                                            <option value="{{ $material->id}}" {{session()->get('search_products_filters.material') && in_array($material->id,session()->get('search_products_filters.material')) ? "selected" : ""}}>{{ $material->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission

                                        @permission('product-form-size-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select class="form-control" id="search_size" name="size[]" data-name="{{__('texte.products_arr.index.size')}}" multiple>
                                                        @foreach ($sizes as $size)
                                                            <option value="{{ $size->id}}" {{session()->get('search_products_filters.size') && in_array($size->id,session()->get('search_products_filters.size')) ? "selected" : ""}}>{{ $size->value }} {{$size->unit==1 ? __('texte.products_arr.index.kg') : __('texte.products_arr.index.l')}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission                        

                                        @permission('product-form-product-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select class="form-control" id="search_product" name="product[]" data-name="{{__('texte.products_arr.index.product')}}" multiple>
                                                        @foreach ($products as $product)
                                                            <option value="{{ $product->id}}" {{session()->get('search_products_filters.product') && in_array($product->id,session()->get('search_products_filters.product')) ? "selected" : ""}}>{{ $product->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endpermission
                        
                                        <a href="{{route(isset($changed_products) ? 'products.index' : 'products.changed')}}" class='btn btn-success dark_bordered_warning' type="button" title='{{isset($changed_products) ? __('texte.products_arr.index.products') : __('texte.products_arr.index.revised_products')}}' data-toggle='tooltip'>{{isset($changed_products) ? __('texte.products_arr.index.products') :__('texte.products_arr.index.revised_products')}}</a>
                                        <button class='btn  btn-warning dark_bordered_warning' type="button" onclick="search_products();" title='{{isset($changed_products) ? __('texte.products_arr.index.search_changed_products') : __('texte.products_arr.index.search_products')}}' data-toggle='tooltip'>{{isset($changed_products) ? __('texte.products_arr.index.search_changed_products') : __('texte.products_arr.index.search_products')}}</button>
                                        <button id="export_products" class='btn btn-success dark_bordered_warning' type="button" title='{{__('texte.products_arr.index.print_export')}}' data-target='#modal-print' data-toggle='modal'>{{__('texte.products_arr.index.print_export')}}</button>
                        
                                        <!-- Modal window on products print-->
                                        <div id="modal-print" class="modal inmodal" tabindex="-1" role="dialog" aria-labelledby="modal-label">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content animated flipInY">
                                                    <div class="modal-header">
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                        <h4 id="modal-label" class="modal-title">{{__('texte.products_arr.index.print_products')}}</h4>
                                                    </div>
                                                    <div class="modal-body">                                    
                                                        <div class="form-group" style='display:block;'>
                                                            <div class="input-group">
                                                                {{__('texte.products_arr.index.export_type')}}
                                                                <input type='radio' class='export_type' name='export_type' value="1" checked/> {{__('texte.products_arr.index.print')}}
                                                                <input type='radio' class='export_type' name='export_type' value="2"/> {{__('texte.products_arr.index.csv')}}
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <div class="input-group" style='display:block;'>
                                                                {{__('texte.products_arr.index.show_prices')}}:
                                                                <input type='checkbox' class='show_price' name='show_price[]' value="1"/> {{__('texte.products_arr.index.supply')}}
                                                                <input type='checkbox' class='show_price' name='show_price[]' value="2"/> {{__('texte.products_arr.index.base')}}
                                                                <input type='checkbox' class='show_price' name='show_price[]' value="3"/> {{__('texte.products_arr.index.single_base')}}
                                                                <input type='checkbox' class='show_price' name='show_price[]' value="4"/> {{__('texte.products_arr.index.recommend')}}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button id="confirm_export" type="button" class="btn btn-default">{{__('texte.products_arr.index.done')}}</button>
                                                        <button type="button" class="btn btn-primary" data-dismiss="modal">{{__('texte.products_arr.index.cancel')}}</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </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.products_arr.index.filters')}}</h4></a>
                            </div>
                            <div id="collapseTwo" class="panel-collapse collapse">
                                <div class="panel-body">
                                    
                                    @permission('product-form-category-read')
                                        <div class="form-group">
                                            <div class="input-group">
                                                <select class="form-control" id="category" name="category">
                                                    <option value="">--- {{__('texte.products_arr.index.category')}} ---</option>
                                                    @foreach($categories as $current_category)
                                                        <option data-level="1" value='{{$current_category->name}}'>{{$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->name}}'>&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->name}}'>&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('product-form-producer-read')
                                        <div class="form-group">
                                            <div class="input-group">
                                                <select class="form-control" id="producer" name="producer">
                                                    <option value="">--- {{__('texte.products_arr.index.producer')}} ---</option>
                                                    @foreach ($producers as $producer)
                                                        <option data-id="{{ $producer->id }}" value="{{ $producer->name }}">{{ $producer->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    @endpermission

                                    @permission('product-form-mark-read')
                                        <div class="form-group">
                                            <div class="input-group">
                                                <select class="form-control" id="mark" name="mark">
                                                    <option value="">--- {{__('texte.products_arr.index.mark')}} ---</option>
                                                    @foreach ($marks as $mark)
                                                        <option value="{{$mark->name}}">{{ $mark->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    @endpermission

                                    @permission('product-form-package-read')
                                        <div class="form-group">
                                            <div class="input-group">
                                                <select class="form-control wrappage" id="package" name="package">
                                                    <option value="">--- {{__('texte.products_arr.index.package')}} ---</option>
                                                    @foreach ($packages as $package)
                                                        <option value="{{ $package->name }}">{{ mb_ucfirst($package->name) }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    @endpermission

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

                                    @permission('product-form-size-read')
                                        <div class="form-group">
                                            <div class="input-group">
                                                <select class="form-control" id="size" name="size">
                                                    <option value="">--- {{__('texte.products_arr.index.quantity')}} ---</option>
                                                        @foreach ($sizes as $size)
                                                            <option value="{{ $size->value.' '.App\Size::SHORT_TYPES[$size->unit]}}">{{ $size->value.' '.App\Size::SHORT_TYPES[$size->unit]}}</option>
                                                        @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    @endpermission

                                    @permission('product-form-active-read')
                                        <div class="form-group">
                                            <div class="input-group">
                                                <select class="form-control" id="active" name="active">
                                                    <option value="">--- {{__('texte.products_arr.index.status')}} ---</option>
                                                    <option value="{{__('texte.products_arr.index.yes')}}">{{__('texte.products_arr.index.active')}}</option>
                                                    <option value="{{__('texte.products_arr.index.no')}}">{{__('texte.products_arr.index.not_active')}}</option>
                                                </select>
                                            </div>
                                        </div>
                                    @endpermission
                                        
                                    <button class='btn  btn-warning dark_bordered_warning' type='button' onclick="reset_filters();" title='{{__('texte.products_arr.index.reset_filters')}}' data-toggle='tooltip'>{{__('texte.products_arr.index.reset_filters')}}</button>
                                </div>
                            </div>
                        </div>   
                    </div>
                </div>                         
                
                <div class="panel-body">
                    <div class="table-responsive"> 
                        <table class="table table-striped table-bordered table-hover dataTables-example dataTable" width="100%">
                            <thead>
                                <tr>
                                    <th>{{strtoupper(__('texte.products_arr.index.id'))}}</th>
                                    <th hidden>{{__('texte.products_arr.index.producer_code')}}</th>
                                    <th hidden>{{__('texte.products_arr.index.producer_second_code')}}</th>
                                    <th hidden>{{__('texte.products_arr.index.barcode')}}</th>
                                    <th hidden>{{__('texte.products_arr.index.second_barcode')}}</th>
                                    <th hidden>{{__('texte.products_arr.index.package_barcode')}}</th>
                                    <th hidden>{{__('texte.products_arr.index.second_package_barcode')}}</th>
                                    <th>{{__('texte.products_arr.index.name')}}</th>
                                    <th>{{__('texte.products_arr.index.parent_parent_category')}}</th>
                                    <th>{{__('texte.products_arr.index.parent_category')}}</th>
                                    <th>{{__('texte.products_arr.index.category')}}</th>
                                    <th>{{__('texte.products_arr.index.producer')}}</th>
                                    <th>{{__('texte.products_arr.index.mark')}}</th>
                                    <th>{{__('texte.products_arr.index.package')}}</th>
                                    <th>{{__('texte.products_arr.index.material')}}</th>
                                    <th>{{__('texte.products_arr.index.quantity')}}</th>                                
                                    <th>{{__('texte.products_arr.index.active_m')}}</th>
                                    <th>
                                        <a class='btn btn-w-m w-115 btn-primary' href='{{ route('products.create') }}' title='{{__('texte.products_arr.index.add')}}' data-toggle='tooltip' @nonepermission('product-route-create') disabled @endnonepermission><i class='glyphicon glyphicon-plus'></i></a>
                                    </th>
                                </tr>
                            </thead>
                            <tbody>

                            </tbody>
                        </table>
                    </div>
                    @permission('product-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.products_arr.index.category')}} ---</option>
                                        @foreach($categories as $current_category)
                                            <option value='{{$current_category->name}}'>{{$current_category->name}}</option>                                            
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        @endpermission
                        @permission('product-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.products_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->name}}'>&nbsp;&nbsp;&nbsp;&nbsp;{{$current_sub_category->name}}</option>
                                                @endforeach
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        @endpermission
                    <!-- Modal window on product delete-->
                    <div id="modal-delete" class="modal inmodal" tabindex="-1" role="dialog" aria-labelledby="modal-label">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content animated flipInY">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 id="modal-label" class="modal-title">{{__('texte.products_arr.index.product_delete')}}</h4>
                                </div>
                                <div class="modal-body">{{__('texte.products_arr.index.product_delete_confirm')}}</div>
                                <div class="modal-footer">
                                    <button id="confirm_delete" type="button" class="btn btn-default" onclick="delete_product()">{{__('texte.products_arr.index.yes')}}</button>
                                    <button type="button" class="btn btn-primary" data-dismiss="modal"> {{__('texte.products_arr.index.no')}}</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</div>

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

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
    var initial_marks = {!! $marks !!}
    
    $('#search_category,#search_producer,#search_mark,#search_package,#search_material,#search_size,#search_product').each(function(){
        var select_element = $(this);
        select_element.chosen({placeholder_text_multiple: '--- '+ select_element.attr('data-name') + ' ---'});
    });
        
    $('#mark,#package,#material,#producer,#size,#active').chosen();
    
    $('#category_chosen .chosen-drop').css({"width": "400px"});
    $('#search_category_chosen .chosen-drop').css({"width": "400px"});
    
    $(document).on('click','.delete_button',function(){
        $('#confirm_delete').attr('onclick','delete_product('+ $(this).data('id') + ')');
    }); 
    
    $('#confirm_export').on('click', function(e){
        e.preventDefault();
        $('#modal-print').modal('hide');
        $('#print_products').submit();
    }); 
    
    $('#search_producer').on('change', function(){
        var producers = $('#search_producer').val();

        if(producers.length!=0){
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/get_producers_marks',
                type: 'POST',
                data: {'producers' : producers},
                success: function(response){
                            $('#search_mark').find('option').remove().end();
                            var options='<option value=""> --- Марка --- </option>';
                            if(response.length>0){
                                 for (var i in response){
                                       options += '<option value="' + response[i].id + '">' + response[i].name + '</option>';
                                 }
                            }
                            $('#search_mark').html(options).trigger("chosen:updated");
                        }
            });   
        }
        else{
                $('#search_mark').find('option').remove().end();
                var options='<option value=""> --- Марка --- </option>';

                for (var i in initial_marks){
                      options += '<option value="' + initial_marks[i].id + '">' + initial_marks[i].name + '</option>';
                }
                $('#search_mark').html(options).trigger("chosen:updated");
        }       
    }).change();
});


function search_products(){

    var input = {};
    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['available'] = $('#search_product').val();

    var table = $('.dataTables-example').DataTable({
        pageLength: 100,
        responsive: true,
        "server-side": true,
         "bDestroy": true,
        "ajax": {
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
            data: { 'input' : input},
            url: ($('#changed_products').val()==0 ? '/get_products' : '/get_changed_products'),
            type: 'POST'},
        "deferRender": true,
        columns: [
                { data: 'id', name: 'ID'},
                { data: 'producer_code', name: 'Код на производител',
                  "visible" : false
                },
                { data: 'producer_second_code', name: 'Втори код на производител',
                  "visible" : false
                },
                { data: 'piece_barcode', name: 'Баркод',
                  "visible" : false
                },
                { data: 'piece_second_barcode', name: 'Втори баркод',
                  "visible" : false
                },
                { data: 'package_barcode', name: 'Баркод на пакетаж',
                  "visible" : false
                },
                { data: 'package_second_barcode', name: 'Втори баркод на пакетаж',
                  "visible" : false
                },
                { data: 'name', name: 'Име',
                  "defaultContent": "" },

                { data: 'parent_parent_category', name: 'Прародителска категория',
                  "defaultContent": "",

                },

                { data: 'parent_category', name: 'Родителска категория',
                  "defaultContent": "",

                },

                { data: 'category', name: 'Категория',
                  "defaultContent": ""},                  
                { data: 'producer', name: 'Производител',
                  "defaultContent": "" },
                { data: 'mark', name: 'Марка',
                  "defaultContent": "" },
                { data: 'package',name: 'Пакетаж',
                  "defaultContent": "",
                  render: function ( data, type, row, meta ) {
                          return data!==null ? data.substr(0,1).toUpperCase()+data.substr(1) : '';
                  }, 
                },
                { data: 'material', name: 'Опаковка',
                  "defaultContent": "",
                  render: function ( data, type, row, meta ) {
                          return data!==null ? data.substr(0,1).toUpperCase()+data.substr(1) : '';
                  },
                },
                { data: 'size', name: 'Количество',
                  "defaultContent": "" },                    
                { data: 'active' , name: 'Активен'},
                { data: 'id', name:'Действия',
                    "orderable" : false,
                    "fnCreatedCell": function (nTd, sData, oData, iRow, iCol){
                        if($('#changed_products').val()==0){
                            $(nTd).html("<div class='btn-group btn-group-xs'><a class='btn btn-info' href='/products/"+sData+"' title='Покажи' data-toggle='tooltip' @nonepermission('product-route-list') disabled @endnonepermission><i class='glyphicon glyphicon-eye-open'></i></a><a class='btn btn-alt' href='/products/"+sData+"/create_from_existing' title='Копирай' data-toggle='tooltip' @nonepermission('product-route-create') disabled @endnonepermission><i class='glyphicon glyphicon-duplicate'></i></a><a class='btn btn-warning' href='/products/"+sData+"/edit' title='Промени' data-toggle='tooltip' @nonepermission('product-route-edit') disabled @endnonepermission><i class='glyphicon glyphicon-pencil'></i></a> <a type='button' class='btn btn-danger delete_button' data-id='"+sData+"' title='Изтрий' data-target='#modal-delete' data-toggle='modal' @nonepermission('product-route-delete') disabled @endnonepermission><i class='glyphicon glyphicon-trash'></i></a>"+(oData.count_objects!=0 ? "<a class='btn btn-primary' href='/products/"+sData+"/forbidden_for_objects' title='Забранен за обекти' data-toggle='tooltip' @nonepermission('object-route-list') disabled @endnonepermission><i class='glyphicon glyphicon-ban-circle'></i></a>" : "")+"</div>");
                        }
                        else{
                            $(nTd).html("<div class='btn-group btn-group-xs'><a class='btn btn-info' href='/products/"+sData+"/history' title='История' data-toggle='tooltip' @nonepermission('product-route-revisions') disabled @endnonepermission><i class='glyphicon glyphicon-eye-open'></i></a></div>");
                        }
                    }
                }

            ],

            "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();                    
                 $('#add_object').html("<a class='btn btn-w-m btn-primary' href='/products/prices' title='Промяна цени' data-toggle='tooltip' @nonepermission('product_price-route-list') disabled @endnonepermission>Промяна цени</a>");
                $("a").each(function(){
                    if($(this).attr('disabled')=='disabled'){
                        $(this).addClass('not-active');
                    }
                });
            },
            "dom" : "fl<'#add_object'>tip",
    });
}

$(document).ready(function(){
    var searched = {{session()->get("products_searched")!='' ? 1 : 0}};
    if(searched==1){
        search_products();
    }
});

if($('#category').length>0){
    function createFilter(table, columns) {
            var input = $('#category').on('change', function(){
            table.draw();
            if($('#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($('#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($('#category option:selected').data('level')==1){
                if($('#category option:selected').next().data('level')==2){
                    $('#parent_category').val('').change();
                    $('#parent_parent_category').val($('#category option:selected').val()).change(); 
                }
                else{
                    $('#parent_category').val('').change();
                    $('#parent_parent_category').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;
    }
}
function delete_product(id){
    $.ajax({
        headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/delete_product',
                type: 'POST',
        data: { 'id' : id},
        success: function(response){
                    if(response.warning){
                        alert(response.warning);
                    }
                    else{
                        alert(response.success);
                        location.reload();
                    }
                }
    });    
}

function reset_filters(){
    $('#category,#mark,#package,#material,#size,#producer,#active').val('').trigger("chosen:updated").change();
}

</script>
@endsection