@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> Количества за изписване
                    </h3><br />
                    
                    <form id='get_product_quantities' method="POST" action="{{ route('product_quantities.post_index') }}" role="form" class="form-inline">
                        {{ csrf_field() }}                        
                        
                        <div class="form-inline panel panel-default">    
                            <h3 class="panel-title">Филтри</h3>
                            
                            <div class="form-group">
                                <div class="input-group">
                                    <select class="form-control" id="results" name="results">
                                        <option value="">--- Всички ---</option>
                                        <option value="1" {{isset($input['results']) && $input['results']==1 ? "selected" : ""}}>С отрицателни стойности</option>
                                        <option value="2" {{isset($input['results']) && $input['results']==2 ? "selected" : ""}}>Без отрицателни стойности</option>
                                    </select>
                                </div>
                            </div>
                            
                            <div class="form-group">
                                <div class="input-group">
                                    <select class="form-control" id="category" name="category[]" data-name="{{__('texte.references_arr.filters.category')}}" multiple>
                                        @foreach($categories as $current_category)
                                        <option data-level="1" value='{{$current_category->id}}' {{isset($input['category']) && in_array($current_category->id,$input['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->id}}" value='{{$current_sub_category->id}}' {{isset($input['category']) && in_array($current_sub_category->id,$input['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->id}}" data-parent="{{$current_sub_category->id}}" value='{{$current_sub_sub_category->id}}' {{isset($input['category']) && in_array($current_sub_sub_category->id,$input['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>

                            <div class="form-group">
                                <div class="input-group">
                                    <select class="form-control" id="producer" name="producer[]" data-name="{{__('texte.references_arr.filters.producer')}}" multiple>
                                        @foreach ($producers as $producer)
                                            <option value="{{ $producer->id }}" {{isset($input['producer']) && in_array($producer->id,$input['producer']) ? "selected" : ""}}>{{ $producer->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="input-group">
                                    <select class="form-control" id="mark" name="mark[]" data-name="{{__('texte.references_arr.filters.mark')}}" multiple>
                                        @foreach ($marks as $mark)
                                            <option value="{{$mark->id}}" {{isset($input['mark']) && in_array($mark->id,$input['mark']) ? "selected" : ""}}>{{ $mark->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="input-group">
                                    <select class="form-control wrappage" id="package" name="package[]" data-name="{{__('texte.references_arr.filters.package')}}" multiple>
                                        @foreach ($packages as $package)
                                            <option value="{{ $package->id }}" {{isset($input['package']) && in_array($package->id,$input['package']) ? "selected" : ""}}>{{ mb_ucfirst($package->name) }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="input-group">
                                    <select class="form-control wrappage" id="material" name="material[]" data-name="{{__('texte.references_arr.filters.material')}}" multiple>
                                            @foreach ($materials as $material)
                                                    <option value="{{ $material->id }}" {{isset($input['material']) && in_array($material->id,$input['material']) ? "selected" : ""}}>{{ mb_ucfirst($material->name) }}</option>
                                            @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="input-group">
                                    <select class="form-control" id="size" name="size[]" data-name="{{__('texte.references_arr.filters.quantity')}}" multiple>
                                            @foreach ($sizes as $size)
                                                <option value="{{ $size->id}}" {{isset($input['size']) && in_array($size->id,$input['size']) ? "selected" : ""}}>{{ $size->value.' '.App\Size::SHORT_TYPES[$size->unit]}}</option>
                                            @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="input-group">
                                    <select class="form-control" id="product" name="product[]" data-name="{{__('texte.references_arr.filters.product')}}" multiple>
                                            @foreach ($products as $product)
                                                <option value="{{ $product->id}}" {{isset($input['product']) && in_array($product->id,$input['product']) ? "selected" : ""}}>{{ $product->name}}</option>
                                            @endforeach
                                    </select>
                                </div>
                            </div>  
                            
                            <div class="form-group">
                                <div class="input-group">
                                    <button type='button' class='btn btn-warning dark_bordered_warning' onclick="reset_filters();" title='{{__('texte.references_arr.stocks.reset_filters')}}' data-toggle='tooltip'>Изчисти филтрите</button>
                                </div>
                            </div>
                            
                            <div class="form-group">
                                <div class="input-group">
                                    <button id="btn" type='submit' class="btn btn-primary btn-submit dark_bordered_warning">Търси</button> 
                                </div>
                            </div>
                        </div>
                    </form>
                    <!-- Modal -->
                    <div id="modal-edit" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal-label">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 id="modal-label" class="modal-title">Редакция на количество</h4>
                                </div>                                
                                <div class="modal-body">
                                    <h3></h3>
                                    </br>
                                    <input type="hidden" id='product_quantity_id' name="id" value =""/>
                                    
                                    <div class="form-group">
                                        <label for="total_quantity" class="control-label col-xs-6 col-sm-6 col-md-6">Общо количество</label>
                                        <input type="text" id="total_quantity" name="total_quantity" value =""/>
                                    </div>
                                    <div class="form-group">
                                        <label for="available_quantity" class="control-label col-xs-6 col-sm-6 col-md-6">Налично количество</label>
                                        <input type="text" id="available_quantity" name="available_quantity" value =""/>
                                    </div>
                                    <div class="form-group">
                                        <label for="reserved_quantity" class="control-label col-xs-6 col-sm-6 col-md-6">Резервирано количество</label>
                                        <input type="text" id="reserved_quantity" name="reserved_quantity" value =""/>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button id="confirm_update" type="button" class="btn btn-default">Промени</button>
                                    <button type="button" class="btn btn-danger" data-dismiss="modal"> Откажи </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>                         
                
                <div class="panel-body">
                    @if(isset($product_quantities) && count($product_quantities) > 0) 
                        <table id='myTable' class="table table-striped table-bordered table-hover dataTables-example dataTable" width="100%">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Склад</th>
                                    <th>Продукт</th>
                                    <th>Общо количество</th>
                                    <th>Резервирано количество</th>
                                    <th>Налични</th>
                                    <th>Редакция</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($product_quantities as $product_quantity)                                
                                <tr>
                                    <td>{{$product_quantity->id}}</td>
                                    <td>{{$product_quantity->storage_name}}</td>
                                    <td>{{$product_quantity->product_name}}</td>
                                    <td>{{$product_quantity->total_quantity}}</td>
                                    <td>{{$product_quantity->reserved_quantity}}</td>
                                    <td>{{$product_quantity->available_quantity}}</td>
                                    <td>
                                        <button type="button" class="btn btn-warning edit" data-id="{{$product_quantity->id}}">Промени</button>
                                    </td>
                                </tr>
                                @endforeach 
                            </tbody>
                        </table>
                    @endif
                </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 !!}
    
    $('#results').chosen();
    
    $('#category,#mark,#package,#material,#producer,#size,#product,#storage').each(function(){
        var select_element = $(this);
        select_element.chosen({placeholder_text_multiple: '--- '+ select_element.attr('data-name') + ' ---'});
    });

    $('#category_chosen .chosen-drop').css({"width": "400px"});
    
    $('#category_chosen .chosen-drop').css({"width": "400px"});

    
    $('#producer').on('change', function(){
        var producer = $('#producer').val();

        if(producer!=''){
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/get_marks',
                type: 'POST',
                data: {'producer' : producer},
                success: function(response){
                            $('#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>';
                                 }
                            }
                            $('#mark').html(options).trigger("chosen:updated");
                        }
            });   
        }
        else{
                $('#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>';
                }
                $('#mark').html(options).trigger("chosen:updated");
        }       
    }).change();
    
    
    $('.edit').on('click', function(){
        var row = $(this).closest('tr');
        
        var id = $(row).find('td:eq(0)').text();
        var product = $(row).find('td:eq(2)').text();
        var total_quantity = $(row).find('td:eq(3)').text();
        var reserved_quantity = $(row).find('td:eq(4)').text();
        var available_quantity = $(row).find('td:eq(5)').text();
        
        $('.modal-body h3').text(product);
        
        $('#product_quantity_id').val(id);
        $('#total_quantity').val(total_quantity);
        $('#available_quantity').val(available_quantity);
        $('#reserved_quantity').val(reserved_quantity);
        
        $('#modal-edit').modal('show');
    });
    
    $('#confirm_update').on('click',function(){
        var id = $('#product_quantity_id').val();
        var total_quantity = $('#total_quantity').val();
        var reserved_quantity = $('#reserved_quantity').val();
        var available_quantity = $('#available_quantity').val();
        
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            url: '/update_product_quantity',
            type: 'POST',
            data: {'id' : id,
                   'total_quantity' : total_quantity,
                   'available_quantity' : available_quantity,
                   'reserved_quantity' : reserved_quantity},
               
            success: function(response){
                       if(response.success){
                           var changed_row = $('.edit[data-id="'+id+'"]').closest('tr');
                           $(changed_row).find('td:eq(3)').text(total_quantity);
                           $(changed_row).find('td:eq(4)').text(available_quantity);
                           $(changed_row).find('td:eq(5)').text(reserved_quantity);
                       }
                       else{
                           alert(response.warning);
                       }
                       $('#modal-edit').modal('hide');
                    }
        }); 
    });
});


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



</script>
@endsection