@extends('layouts.app')

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

@section('content')
@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">{{__('texte.objects_arr.prices.object_prices')}} {{$object->name}}</h3>
                <div class="pull-right">
                    <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.objects_arr.prices.back')}}</button>
                </div>
                <br/>   

                <form id='product_prices' method="POST" action="" class="form-inline" target='_blank' style="margin-top:25px;">  
                    {{ csrf_field() }}

                    <div class="form-group">
                        <div class="input-group width-150">
                            <select class="form-control" id="category" name="category" multiple data-name="{{__('texte.objects_arr.prices.category')}}">
                                @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>

                    <div class="form-group">
                        <div class="input-group width-150">
                            <select class="form-control" id="producer" name="producer" data-name="{{__('texte.objects_arr.prices.producer')}}" multiple>
                                @foreach ($producers->sortBy('name') as $producer)
                                    <option value="{{ $producer->id }}">{{ $producer->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="input-group width-150">
                            <select class="form-control" id="unit" name="unit" data-name="{{__('texte.objects_arr.prices.unit')}}" multiple>
                                @foreach (__('texte.units_arr') as $key=>$value)
                                    <option value="{{ $key }}">{{ $value }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="input-group width-150">
                            <select class="form-control" id="package" name="package" data-name="{{__('texte.objects_arr.prices.package')}}" multiple>
                                @foreach ($packages->sortBy('name') as $package)
                                    <option value="{{ $package->id }}">{{ mb_ucfirst($package->name) }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <div class="input-group width-150">
                            <select class="form-control" id="product" name="product" data-name="{{__('texte.objects_arr.prices.product')}}" multiple>
                                @foreach ($products as $product)
                                    <option value="{{ $product->id }}">{{ mb_ucfirst($product->name) }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <input type='hidden' id='object' name='object' value='{{$object->id}}'/>

                    <div class="form-group" style="margin-bottom:5px;">
                        <button class='btn  btn-warning dark_bordered_warning' type="button" onclick="search_products();" title='{{__('texte.objects_arr.prices.search_products')}}' data-toggle='tooltip'>{{__('texte.objects_arr.prices.search_products')}}</button>
                        <button id="print_products" class='btn btn-primary dark_bordered_warning' type="submit" title='{{__('texte.objects_arr.prices.print_products')}}' data-toggle='tooltip'>{{__('texte.objects_arr.prices.print_products')}}</button>
                        <button id="export_products" class='btn btn-success dark_bordered_warning' type="submit" title='{{__('texte.objects_arr.prices.export_products')}}' data-toggle='tooltip'>{{__('texte.objects_arr.prices.export_products')}}</button>
                    </div>
                </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.objects_arr.prices.id'))}}</th>
                            <th>{{__('texte.objects_arr.prices.barcode')}}</th>
                            <th>{{__('texte.objects_arr.prices.producer')}}</th>
                            <th>{{__('texte.objects_arr.prices.name')}}</th>
                            <th>{{__('texte.objects_arr.prices.forming_price')}}</th>
                            <th>{{__('texte.objects_arr.prices.value')}}</th>
                            <th>{{__('texte.objects_arr.prices.discount')}}</th>
                            <th>{{__('texte.objects_arr.prices.price')}}</th>   
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </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(){

    $('#category,#package,#producer,#product,#unit').each(function(){
        var select_element = $(this);
        select_element.chosen({placeholder_text_multiple: '--- '+ select_element.attr('data-name') + ' ---'});
    });
      

    <!-- Filter products on select change-->
    $('#category,#producer,#package,#unit').on('change',function(){
        var category = $('#category').val();
        var producer = $('#producer').val();       
        var package = $('#package').val();
        var unit = $('#unit').val();
        
        
        $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/get_multiple_filtered_products',
                type: 'POST',
                data: {'category' : category,
                       'producer' : producer,                       
                       'package' : package,
                       'unit' : unit},
                success: function(response){
                            if(response.length>0){
                                $('#product').find('option').remove().end();
                                var options='';
                                for (var i in response){
                                       options += '<option value="' + response[i].id + '">' + response[i].name + '</option>';
                                }
                                $('#product').html(options);
                                $('#product').trigger("chosen:updated");
                            }
                            else{
                                alert('Не са намерени продукти по зададените критерии');
                            }
                        }
        });
    });
    
    $('#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['category'] = $('#category').val();
        input['producer'] = $('#producer').val();
        input['package'] = $('#package').val();       
        input['unit'] = $('#unit').val();
        input['product'] = $('#product').val();
        input['object'] = $('#object').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: '/get_product_prices',
                        type: 'POST'
                },
                "deferRender": true,

                columns: [
                            { data: 'id', name: 'id'},
                            { data: 'code', 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