@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/jquery-ui.min.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">
                            <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.product_prices_arr.create.back')}}</button>
                        </div>
                        <span class="glyphicon glyphicon-ice-lolly-tasted"></span> {{__('texte.product_prices_arr.create.product_prices')}}
                    </h3><br />
                </div>
                <div class="panel-body">
                    <form id="product_price_change" method="POST" action="{{ route('products.store_prices') }}" class="form form-horizontal">
                        {{ csrf_field() }}
                        
                        @permission('product_price-form-date_from-read')
                        <div class="form-group{{ $errors->has('date_from') ? ' has-error' : '' }}">
                            <label for="date_from" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.product_prices_arr.create.date_from')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                <input type="text" class="form-control" id="date_from" name="date_from" value="{{ old('date_from') }}" placeholder="{{__('texte.product_prices_arr.create.date_from')}}" required 
                                    @nonepermission('product_price-form-date_from-write')
                                        readonly 
                                    @endnonepermission
                                    />
                                    @if ($errors->has('date_from'))
                                        <span class="help-block"><strong>{{ $errors->first('date_from') }}</strong></span>
                                    @endif
                                    <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('product_price-form-category-read')
                        <div class="form-group{{ $errors->has('category') ? ' has-error' : '' }}">
                            <label for="category" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.product_prices_arr.create.category')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				<span class="input-group-addon"><i class="glyphicon glyphicon-indent-right"></i></span>
                                <select class="form-control" id="category" name="category" data-name="{{__('texte.product_prices_arr.create.category')}}" multiple
                                    @nonepermission('product_price-form-category-write')
                                        readonly 
                                    @endnonepermission
                                    >
                                    @foreach($categories as $current_category)
                                        <option value='{{$current_category->id}}'>{{$current_category->name}}</option>
                                        @if(count($current_category->children)>0)
                                            @foreach($current_category->children as $current_sub_category)
                                                <option value='{{$current_sub_category->id}}'>&nbsp;&nbsp;&nbsp;&nbsp;{{$current_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 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>
                                @if ($errors->has('category'))
                                    <span class="help-block"><strong>{{ $errors->first('category') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('product_price-form-producer-read')
                        <div class="form-group{{ $errors->has('producer') ? ' has-error' : '' }}">
                            <label for="producer" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.product_prices_arr.create.producer')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				<span class="input-group-addon"><i class="glyphicon glyphicon-compressed"></i></span>
                                <select class="form-control" id="producer" name="producer" data-name="{{__('texte.product_prices_arr.create.producer')}}" multiple 
                                    @nonepermission('product_price-form-producer-write')
                                        readonly 
                                    @endnonepermission
                                    >
                                    @foreach ($producers as $producer)
                                        <option value="{{ $producer->id }}" {{old('producer') == $producer->id ? 'selected' : ''}}>{{ $producer->name }}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('producer'))
                                    <span class="help-block"><strong>{{ $errors->first('producer') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('product_price-form-mark-read')
                        <div class="form-group{{ $errors->has('mark') ? ' has-error' : '' }}">
                            <label for="mark" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.product_prices_arr.create.mark')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-registration-mark"></i></span>
                                <select class="form-control" id="mark" name="mark"  data-name="{{__('texte.product_prices_arr.create.mark')}}" multiple disabled
                                    @nonepermission('product_price-form-mark-write')
                                        readonly 
                                    @endnonepermission
                                    >
                                </select>
                                @if ($errors->has('mark'))
                                    <span class="help-block"><strong>{{ $errors->first('mark') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('product_price-form-package-read')
                        <div class="form-group{{ $errors->has('package') ? ' has-error' : '' }}">
                            <label for="package" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.product_prices_arr.create.package')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8 package_select">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-folder-close"></i></span>
                                <select class="form-control wrappage" id="package" name="package" data-name="{{__('texte.product_prices_arr.create.package')}}" multiple
                                    @nonepermission('product_price-form-package-write')
                                        readonly 
                                    @endnonepermission
                                    >
                                    @foreach ($packages as $package)
                                        <option value="{{ $package->id }}" {{old('package') == $package->id ? 'selected' : ''}}>{{ $package->name }}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('package'))
                                    <span class="help-block"><strong>{{ $errors->first('package') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('product_price-form-material-read')
			<div class="form-group{{ $errors->has('material') ? ' has-error' : '' }}">
                            <label for="material" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.product_prices_arr.create.material')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				<span class="input-group-addon"><i class="glyphicon glyphicon-gift"></i></span>
                                <select class="form-control wrappage" id="material" name="material"  data-name="{{__('texte.product_prices_arr.create.material')}}" multiple
                                    @nonepermission('product_price-form-material-write')
                                        readonly 
                                    @endnonepermission
                                    >
                                    @foreach ($materials as $material)
                                            <option value="{{ $material->id }}" {{old('material') == $material->id ? 'selected' : ''}}>{{ $material->name }}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('material'))
                                    <span class="help-block"><strong>{{ $errors->first('material') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('product_price-form-size-read')
			<div class="form-group{{ $errors->has('size') ? ' has-error' : '' }}">
                            <label for="size" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.product_prices_arr.create.size')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				<span class="input-group-addon"><i class="glyphicon glyphicon-gift"></i></span>
                                <select class="form-control wrappage" id="size" name="size" data-name="{{__('texte.product_prices_arr.create.size')}}" multiple
                                    @nonepermission('product_price-form-size-write')
                                        readonly 
                                    @endnonepermission
                                    >
                                    @foreach ($sizes as $size)
                                            <option value="{{ $size->id }}" {{old('size') == $size->id ? 'selected' : ''}}>{{ $size->value }} {{$size->unit==0 ? __('texte.product_prices_arr.create.l') : __('texte.product_prices_arr.create.kg')}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('size'))
                                    <span class="help-block"><strong>{{ $errors->first('size') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('product_price-form-product-read')
                        <div class="form-group{{ $errors->has('product') ? ' has-error' : '' }}">
                            <label for="product" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.product_prices_arr.create.product')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8" style="z-index: 100">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-home"></i></span>
                                <select class="form-control" id="product" name="product" size="1" data-name="{{__('texte.product_prices_arr.create.product')}}" multiple
                                    @nonepermission('product_price-form-product-write')
                                        disabled 
                                    @endnonepermission
                                >                                       
                                    @foreach ($products as $product)
                                        <option value="{{ $product->id }}" {{old('product') == $product->id ? "selected" : ""}}>{{ $product->name }}</option>
                                    @endforeach
                                    <div class="errorBox"></div>
                                </select>
                            </div>
                        </div>
                        @endpermission
                        
                        <div class="form-group">
                            <label for="product" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.product_prices_arr.create.wrappage_applicable')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8" style="z-index: 100">
                                <input type="checkbox" id="wrappage_applicable" name="wrappage_applicable" value="1"/>
                            </div>    
                        </div>
                        
                        @permission('product_price-form-change_mode-read')
                        <div class="form-group{{ $errors->has('price_change_mode') ? ' has-error' : '' }}">
                            <label class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.product_prices_arr.create.change_mode')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <label class="control-label">
                                    <input type="radio" class="wrappage" id="price_change_mode_1" name="price_change_mode" value="1" 
                                        @nonepermission('product_price-form-change_mode-write')
                                            readonly 
                                        @endnonepermission
                                        @if (old('price_change_mode', 1) === 1)
                                            checked 
                                        @endif
                                    /> {{__('texte.product_prices_arr.create.auto')}} 
                                </label>
                                <label class="control-label">
                                    <input type="radio" class="wrappage" id="price_change_mode_0" name="price_change_mode" value="0" 
                                        @nonepermission('product_price-form-price_change_mode-write')
                                            readonly 
                                        @endnonepermission
                                        @if (old('price_change_mode') === 0)
                                            checked 
                                        @endif
                                    /> {{__('texte.product_prices_arr.create.hand')}} 
                                </label>
                                @if ($errors->has('price_change_mode'))
                                    <span class="help-block"><strong>{{ $errors->first('price_change_mode') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
			@endpermission
                        
                    <div id='auto_input'>
                        @permission('product_price-form-price-read')
                        <div class="form-group{{ $errors->has('price_from') ? ' has-error' : '' }}">
                            <label for="category" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.product_prices_arr.create.price_from')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-indent-right"></i></span>
                                <select class="form-control" id="price_from" name="price_from" required
                                    @nonepermission('product_price-form-price-write')
                                            disabled 
                                    @endnonepermission
                                >
                                    <option value="">--- {{__('texte.product_prices_arr.create.price')}} ---</option>
                                     @foreach(Lang::get('texte.table_price_arr') as $key=>$value)
                                        <option value="{{$key}}" {{old('price_from')==$key ? "selected" : ''}}>{{$value}}</option>
                                     @endforeach
                                </select>
                                @if ($errors->has('price'))
                                    <span class="help-block"><strong>{{ $errors->first('price_from') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                       </div>
                        @endpermission
                        
                        @permission('product_price-form-price-read')
                        <div class="form-group{{ $errors->has('price_to') ? ' has-error' : '' }}">
                            <label for="category" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.product_prices_arr.create.price_to')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-indent-right"></i></span>
                                <select class="form-control" id="price_to" name="price_to" required
                                    @nonepermission('product_price-form-price-write')
                                            disabled 
                                    @endnonepermission
                                >
                                    <option value="">--- {{__('texte.product_prices_arr.create.price')}} ---</option>
                                      @foreach(Lang::get('texte.table_price_arr') as $key=>$value)
                                        <option value="{{$key}}" {{old('price_from')==$key ? "selected" : ''}}>{{$value}}</option>
                                     @endforeach
                                </select>
                                @if ($errors->has('price_to'))
                                    <span class="help-block"><strong>{{ $errors->first('price_to') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                       </div>
                        @endpermission
                        
                        @permission('product_price-form-change_type-read')
                        <div class="form-group{{ $errors->has('price_change_type') ? ' has-error' : '' }}">
                            <label class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.product_prices_arr.create.change_type')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <label class="control-label">
                                    <input type="radio" class="wrappage" id="price_change_type_1" name="price_change_type" value="1" 
                                        @nonepermission('product_price-form-change_type-write')
                                            readonly 
                                        @endnonepermission
                                        @if (old('price_change_type', 1) === 1)
                                            checked 
                                        @endif
                                    /> {{__('texte.product_prices_arr.create.amount')}} 
                                </label>
                                <label class="control-label">
                                    <input type="radio" class="wrappage" id="price_change_type_0" name="price_change_type" value="0" 
                                        @nonepermission('product_price-form-price_change_type-write')
                                            readonly 
                                        @endnonepermission
                                        @if (old('price_change_type') === 0)
                                            checked 
                                        @endif
                                    /> {{__('texte.product_prices_arr.create.percent')}} 
                                </label>
                                @if ($errors->has('price_change_type'))
                                    <span class="help-block"><strong>{{ $errors->first('price_change_type') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
			@endpermission
                        
                        @permission('product_price-form-price_change-read')
                        <div class="form-group{{ $errors->has('price_change') ? ' has-error' : '' }}">
                            <label for="price_base" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.product_prices_arr.create.price_change')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-usd"></i></span>
                                <input type="text" class="form-control price" id="price_change" name="price_change" value="{{ old('price_change') }}" pattern="^\d+\.?\d{0,5}$" placeholder="0.00000" maxlength="255" required 
                                    @nonepermission('product_price-form-price_change-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('price_change'))
                                    <span class="help-block"><strong>{{ $errors->first('price_change') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
			@endpermission
                        
                        @permission('product_price-form-price_change_direction-read')
                        <div class="form-group{{ $errors->has('price_change_direction') ? ' has-error' : '' }}">
                            <label class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.product_prices_arr.create.change_direction')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <label class="control-label">
                                    <input type="radio" class="wrappage" id="price_change_direction_1" name="price_change_direction" value="1" 
                                        @nonepermission('product_price-form-price_change_direction-write')
                                            readonly 
                                        @endnonepermission
                                        @if (old('measure', 1) === 1)
                                            checked 
                                        @endif
                                    /> {{__('texte.product_prices_arr.create.increase')}} 
                                </label>
                                <label class="control-label">
                                    <input type="radio" class="wrappage" id="price_change_direction_0" name="price_change_direction" value="0" 
                                        @nonepermission('product_price-form-price_change_direction-write')
                                            readonly 
                                        @endnonepermission
                                        @if (old('measure') === 0)
                                            checked 
                                        @endif
                                    /> {{__('texte.product_prices_arr.create.decrease')}} 
                                </label>
                                @if ($errors->has('price_change_direction'))
                                    <span class="help-block"><strong>{{ $errors->first('price_change_direction') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
			@endpermission
                    </div>
                        
                    <div id='hand_input'>
                        @permission('product_price-form-price-read')
                        <div class="form-group{{ $errors->has('price') ? ' has-error' : '' }}">
                            <label for="category" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.product_prices_arr.create.price')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-indent-right"></i></span>
                                <select class="form-control" id="price" name="price"
                                    @nonepermission('product_price-form-price-write')
                                            disabled 
                                    @endnonepermission
                                >
                                    <option value="">--- {{__('texte.product_prices_arr.create.price')}} ---</option>
                                     @foreach(Lang::get('texte.table_price_arr') as $key=>$value)
                                        <option value="{{$key}}" {{old('price_from')==$key ? "selected" : ''}}>{{$value}}</option>
                                     @endforeach
                                </select>
                                @if ($errors->has('price'))
                                    <span class="help-block"><strong>{{ $errors->first('price') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                       </div>
                        @endpermission
                    </div>
                        
                        <div class="form-group">
                            <div class="col-xs-12 col-xs-offset-5 col-sm-12 col-sm-offset-5 col-md-12 col-md-offset-5">
                                <button type="button" class='btn  btn-warning dark_bordered_warning' onclick="show_changes();" title='{{__('texte.product_prices_arr.create.show_changes')}}' data-toggle='tooltip'>{{__('texte.product_prices_arr.create.show_changes')}}</button>
                            </div>
                        </div>
                        <div class='gap-30'></div>
                        <div class="form-group">   
                            <div id="products_table" style="margin-left:16.8%" class="input-group col-xs-8 col-sm-8 col-md-8">
                                
                            </div> 
                            
                        </div>
                    </form>             
                </div>
            </div>
        </div>
    </div>
</div>

<script src="{{ asset('js/moment-with-locales.min.js') }}"></script>
<script src="{{ asset('js/footable.min.js') }}"></script>
<script src="{{ asset('js/chosen.js') }}"></script>
<script src="{{ asset('js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('js/jquery.validate.js') }}"></script>
<script src="{{ asset('js/validation.js') }}"></script>
<script src="{{ asset('js/datepicker-bg.js') }}"></script>

<script type="text/javascript" charset="utf-8">

var table_price_arr = {"1" : 'Доставна', "2" : 'Базова', "3" : 'Препоръчителна', "4" : 'Единична'};    
    
$(document).ready(function(){   
    
    
    $('#category,#mark,#package,#material,#producer,#size,#product,#price_from,#price_to,#price').each(function(){
        var select_element = $(this);
        select_element.chosen({placeholder_text_multiple: '--- '+ select_element.attr('data-name') + ' ---'});
    });
        
    moment.locale('bg');
    
    $('#date_from').datepicker({option: $.datepicker.regional['bg'],minDate: 0, setDate: new Date()}).datepicker("setDate", new Date()); 
    
    $('#producer').on('change', function(){
        var mark = {{old('mark',0)}};
        if($(this).val()!=0){ 
                var producer = $(this).val();
                $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/get_producers_marks',
                type: 'POST',
                data: {'producers' : producer},
                success: function(response){
                            if(response.length>0){
                                $('#mark').find('option').remove().end();
                                var options='<option value="0"> --- Марка --- </option>';
                                 for (var i in response){
                                    if(response[i].id==mark)
                                        var selected = "selected";
                                    else
                                        var selected = "";   
                                    options += '<option value="' + response[i].id + '" name="'+ response[i].name + '"'+ selected +'>' + response[i].name + '</option>';
                                 }
                                 $('#mark').html(options);
                                 $('#mark').attr('disabled',false);
                            }
                            else{
                                 $('#mark').attr('disabled',true);
                            }
                            $('#mark').trigger('chosen:updated');
                        }
            });
        }
        else{
            $('#mark').val("");
            $('#mark').attr('disabled',true).trigger('chosen:updated');            
        }
    }).change();
    
    $(document).on('click','.submit_btn', function(e){        
        if($("input[name=price_change_mode]:checked").val()==0){            
            $('.product_price').each(function(){
                if($(this).val()==0 || $(this).val()==''){
                    e.preventDefault();
                    $('#products_table').find('.errorBox').html('<label id="product_price[]-error" class="error" for="product_price[]">Моля, въведете стойност по-голяма или равна на 0.00001.</label>');
                   
                }
            });
        }
    });

    <!-- Filter products on select change-->
    $('#category,#producer,#mark,#material,#package,#size').on('change',function(){
        $('#products_table').html('');
        var category = $('#category').val();
        var producer = $('#producer').val();
        var mark = $('#mark').val();
        var material = $('#material').val();
        var package = $('#package').val();
        var size = $('#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){
                                $('#product').find('option').remove().end();
                                var options='<option value="0"> --- Продукт --- </option>';
                                 for (var i in response){
                                       options += '<option value="' + response[i].id + '" name="'+ response[i].name + '">' + response[i].name + '</option>';
                                 }
                                 $('#product').html(options);
                                 $('#product').attr('disabled',false).trigger("chosen:updated");
                             }
                             else{
                                 alert('Не са намерени продукти по зададените критерии !');
                                 $('#product').attr('disabled',true).trigger("chosen:updated");
                             }
                        }
        });
    });
    
    $('#product,#price_from,#price_to,#price').change(function(){
        $('#products_table').html('');
    });
    
    $('#price_change').on('input',function(){
        $('#products_table').html('');
    });
    
    $('#wrappage_applicable').on('change',function(){
        $('#products_table').html('');
    });
    
    $('input[type=radio]').change(function(){
        $('#products_table').html('');
    });
    
    $("#product_price_change").validate();

    <!-- Replace ',' with '.' in all fileds with forma float-->
    $('#price_change,.product_price').keyup(function() {
        $(this).val($(this).val().replace(/,/g,"."));
    });
    
    $(document).on('click','.hand_input_all', function(){
        var checked = $(this).is(':checked');
        $('.hand_input').each(function(){
            $(this).click();
        });
    });
    
    $(document).on('click','.remove', function(){
        $(this).closest('tr').remove();
        if($('.remove').length==0){
            $('#products_table').html('');
        }
    });
    
    $(document).on('click','.hand_input', function(){
        if($(this).is(':checked')){
            $(this).closest('tr').find('.product_price').attr('readonly',false);
        }
        else{
            $(this).closest('tr').find('.product_price').attr('readonly',true);
            $(this).closest('tr').find('.product_price').val($(this).closest('tr').find('.product_price').attr('data-calculated_value'));
        }
    });
    
    $('input[name=price_change_mode]').change(function(){
        if($('input[name=price_change_mode]:checked').val()==1){
            $('#auto_input').show();
            $('#price_from').attr('required',true);
            $('#price_to').attr('required',true);
            $('#price_change').attr('required',true);
            $('#hand_input').hide();
            $('#price').attr('required',false);
        }
        else{
            $('#auto_input').hide();
            $('#price_from').attr('required',false);
            $('#price_to').attr('required',false);
            $('#price_change').attr('required',false);
            $('#hand_input').show();
            $('#price').attr('required',true);
        }
    }).change();
});

function show_changes(){  // capture the click
    if($("#product_price_change").valid()){   // test for validity        
        var category = $('#category').val();
        var producer = $('#producer').val();
        var mark = $('#mark').val();
        var material = $('#material').val();
        var size = $('#size').val();
        var package = $('#package').val();
        var product = $('#product').val();
        var mode = $('input[name=price_change_mode]:checked').val();
        var wrappage_applicable = $('#wrappage_applicable').prop('checked')==true ? 1 : 0;
        
        $.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,
                       'product' : product,
                       'size' : size},
                success: function(response){
                    if(response.length>0){
                        if(mode==1){
                            var html = "<table class='table table-bordered table-striped table-hover'><thead><tr><th>ID</th><th>Продукт</th><th>Цена от</th><th>Стойност</th><th>Цена към</th><th>Стойност</th><th>Промяна</th><th>Промяна в</th><th>Посока</th><th>Нова стойност</th><th>Премахни</th></tr></thead><tbody>";
                            for (var i in response){
                                if(wrappage_applicable==1 || response[i].is_wrappage==0){ 
                                    var price_from = parseFloat($('#price_from').val()==1 ? response[i].price_supply : ($('#price_from').val()==2 ? response[i].price_base : ($('#price_from').val()==3 ? response[i].price_recommend : response[i].price_piece)));
                                    price_from = isNaN(price_from) ? 0 : price_from*1.2;
                                    var price_to = parseFloat($('#price_to').val()==1 ? response[i].price_supply : ($('#price_to').val()==2 ? response[i].price_base : ($('#price_to').val()==3 ? response[i].price_recommend : response[i].price_piece)));
                                    price_to = isNaN(price_to) ? 0 : price_to*1.2;
                                    var calculated_price = ($('input[name=price_change_direction]:checked').val()==1 ? (price_from+($('input[name=price_change_type]:checked').val()==1 ? parseFloat($('#price_change').val()) : (price_from * $('#price_change').val()/100))) : (price_from-($('input[name=price_change_type]:checked').val()==1 ? parseFloat($('#price_change').val()) : (price_from*$('#price_change').val()/100))));
                                    html+= '<tr><td>'+response[i].id+'</td><td><input type="hidden" name="product_id[]" value="'+response[i].id+'"/>' + response[i].name + '</td><td>' + table_price_arr[$('#price_from').val()] + '</td><td>' + price_from.toFixed(5) + '</td><td>' + table_price_arr[$('#price_to').val()] + '</td><td>' + price_to.toFixed(5) + '</td><td>'+$('#price_change').val()+'</td><td>'+($('input[name=price_change_type]:checked').val()==1 ? 'лв' : '%')+'</td><td>'+($('input[name=price_change_direction]:checked').val()==1 ? 'Увеличаване' : 'Намаляване')+'</td><td><input type="text" class="product_price" name="product_price[]" data-calculated_value="'+ calculated_price.toFixed(5) +'" value="'+ calculated_price.toFixed(5) +'" readonly="readonly" min="0.00001"/></td><td><button type="button" class="btn btn-danger btn-xs remove" title="Премахни" data-toggle="tooltip"><i class="glyphicon glyphicon-trash"></i></button></td></tr>';
                                }
                            }                            
                        }
                        else{
                            var html = "<table class='table table-bordered table-striped table-hover'><thead><tr><th>ID</th><th>Продукт</th><th>Цена</th><th>Стойност</th><th>Нова стойност</th><th>Премахни</th></tr></thead><tbody>";
                            for (var i in response){
                                if(wrappage_applicable==1 || response[i].is_wrappage==0){
                                    var price = parseFloat($('#price').val()==1 ? response[i].price_supply*1.2 : ($('#price').val()==2 ? response[i].price_base*1.2 : ($('#price').val()==3 ? response[i].price_recommend*1.2 : response[i].price_piece*1.2)));
                                    html+= '<tr><td>'+response[i].id+'</td><td><input type="hidden" name="product_id[]" value="'+response[i].id+'"/>' + response[i].name + '</td><td>' + table_price_arr[$('#price').val()] + '</td><td>' + price.toFixed(5) + '</td><td><input type="text" class="product_price" name="product_price[]" value="0" required min="0.00001"/></td><td><button type="button" class="btn btn-danger btn-xs remove" title="Премахни" data-toggle="tooltip"><i class="glyphicon glyphicon-trash"></i></button></td></tr>';
                                }
                            }
                        }
                        html+='</tbody></table><div class="errorBox"></div>';
                        html+='<button style="margin-left:39%;" type="submit" class="btn  btn-warning dark_bordered_warning submit_btn">Промяна цени</button>';
                        $('#products_table').html(html);
                        if($('#products_table tbody tr').length == 0){
                            $('.submit_btn').hide();
                        }
                    }
                    else{
                        alert('Не са намерени продукти по зададените критерии!');
                    } 
                }
        });
    }
}
</script>
@endsection