@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/bootstrap-datepicker.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;
    }
</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">
                    <h3 class="panel-title">
                        <span class="glyphicon glyphicon-list"></span> {{Lang::get('texte.products_arr.prices.prices')}}
                        <div class="pull-right">
                            <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.products_arr.prices.back')}}</button>
                        </div>
                    </h3>
                    <br/>   
                    
                    <form id='product_prices' method="POST" action="" class="form-inline" target='_blank'>  
                        {{ csrf_field() }}
                        
                        <div class="form-group">
                            <div class="input-group" style="margin-bottom:4px;">
                                <input type="text" id="date" class='yadcf-filter-range-date' name="date" value="{{isset($input['date']) ? $input['date'] : ''}}" placeholder="{{__('texte.products_arr.prices.to_date')}}"/>
                                <div class="errorBox"></div>
                            </div>  
                        </div>
                        
                        @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.prices.category')}}" multiple>
                                    @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('product-form-producer-read')
                            <div class="form-group">
                                <div class="input-group">
                                    <select id="search_producer" name="producer[]" data-name="{{__('texte.products_arr.prices.producer')}}" multiple>
                                        @foreach($producers as $producer)
                                            <option value="{{$producer->id}}">{{ $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.prices.mark')}}" multiple>
                                        
                                    </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.prices.package')}}" multiple>
                                        @foreach($packages as $package)
                                            <option value="{{$package->id}}">{{ $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.prices.material')}}" multiple>
                                        @foreach ($materials as $material)
                                            <option value="{{ $material->id}}">{{ $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.prices.size')}}" multiple>
                                        @foreach ($sizes as $size)
                                            <option value="{{ $size->id}}">{{ $size->value }} {{$size->unit==1 ? __('texte.products_arr.prices.kg') : __('texte.products_arr.prices.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.prices.product')}}" multiple>
                                        @foreach ($products as $product)
                                            <option value="{{ $product->id}}">{{ $product->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        @endpermission
                        
                        @permission('product-form-available-read')
                            <div class="form-group">
                                <div class="input-group">
                                    <select class="form-control" id="search_available" name="available">
                                        <option value="0">--- {{__('texte.products_arr.prices.all')}} ---</option>
                                        <option value="1">--- {{__('texte.products_arr.prices.available')}} ---</option>
                                        <option value="2">--- {{__('texte.products_arr.prices.unavailable')}} ---</option>
                                    </select>
                                </div>
                            </div>
                        @endpermission
                        
                        <input type='hidden' id='object' name='object' value='{{$object_id}}'/>
                        
                        <button class='btn  btn-warning dark_bordered_warning' type="button" onclick="search_products();" title='{{__('texte.products_arr.prices.search_products')}}' data-toggle='tooltip'>{{__('texte.products_arr.prices.search_products')}}</button>
                        <button id="print_products" class='btn btn-primary dark_bordered_warning' type="submit" title='{{__('texte.products_arr.prices.print_products')}}' data-toggle='tooltip'>{{__('texte.products_arr.prices.print_products')}}</button>
                        <button id="export_products" class='btn btn-success dark_bordered_warning' type="submit" title='{{__('texte.products_arr.prices.export_products')}}' data-toggle='tooltip'>{{__('texte.products_arr.prices.export_products')}}</button>
                    </form>
                </div>

                <div class="panel-body">
                    <table class="table table-striped table-bordered table-hover dataTables-example dataTable" width="100%">
                        <thead>
                            <tr>
                                <th>{{strtoupper(__('texte.products_arr.prices.id'))}}</th>
                                <th>{{__('texte.products_arr.prices.barcode')}}</th>
                                <th>{{__('texte.products_arr.prices.producer')}}</th>
                                <th>{{__('texte.products_arr.prices.name')}}</th>
                                <th>{{__('texte.products_arr.prices.forming_price')}}</th>
                                <th>{{__('texte.products_arr.prices.value')}}</th>
                                <th>{{__('texte.products_arr.prices.discount')}}</th>
                                <th>{{__('texte.products_arr.prices.price')}}</th>   
                            </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </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/datatables.min.js') }}"></script>

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){

    $("#date").datepicker(); 
 
    $('#search_category,#search_mark,#search_package,#search_material,#search_producer,#search_size,#search_product').each(function(){
        var select_element = $(this);
        select_element.chosen({placeholder_text_multiple: '--- '+ select_element.attr('data-name') + ' ---'});
    });
    
    $('#filter_category,#filter_mark,#filter_package,#filter_material,#filter_producer,#filter_size,#filter_product,#search_available').chosen();
    
    $('#search_category_chosen .chosen-drop').css({"width": "400px"});
     
    $('#search_producer').on('change', function(){
        var mark = {{old('mark',0)}};
        if($(this).val()!=0){ 
                var producers = $(this).val();
                $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/get_producers_marks',
                type: 'POST',
                data: {'producers' : producers},
                success: function(response){
                            if(response.length>0){
                                $('#search_mark').find('option').remove().end();
                                var options = '';
                                for (var i in response){
                                    if(mark!==0 && $.inArray(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();

    <!-- 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_multiple_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");
                             }
                        }
        });
    });
    
    $('#print_products').on('click', function(e){
        e.preventDefault();
        $('#product_prices').attr('action','/print_product_prices');
        $('#product_prices').submit();
    });
    
    $('#export_products').on('click', function(e){
        e.preventDefault();
        $('#product_prices').attr('action','/export_product_prices');
        $('#product_prices').submit();
    });
});

    function search_products(){
        var input = {};
        input['date'] = $('#date').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['object'] = $('#object').val();
        input['available'] = $('#search_available').val();
        
        var table = $('.dataTables-example').DataTable({
                pageLength: 100,
                responsive: true,
                "server-side": true,
                "bDestroy": true,
                "order": [[ 0, "desc" ]],
                "ajax": {
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        data: { 'input' : input},
                        url: '/get_product_prices',
                        type: 'POST'
                },
                "deferRender": true,

                columns: [
                            { data: 'id', name: 'id'},
                            { data: 'data.product.piece_barcode', name: 'Баркод'},
                            { data: 'producer_name', name: 'Производител'},
                            { data: 'name', name: 'Име'},
                            { data: 'data.price_type_string', name: 'Формираща цена'},
                            { data: 'data.forming_price', name: 'Стойност'},
                            { data: 'data.discount', name: 'Отстъпка'},
                            { data: 'data.price', name: 'Цена'},
                ],
                
                "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();
                },
                "dom" : "fl<'#add_document'>tip",

            });
    }
        

</script>
@endsection