@extends('layouts.app')

@section('content')
<style type="text/css">
    @import url("{{ asset('css/footable.bootstrap.min.css') }}");
    @import url("{{ asset('css/jquery-ui.min.css') }}");
    @import url("{{ asset('css/multiple-select.css') }}");
    
    @import url("{{ asset('css/style.css') }}");
    @import url("{{ asset('css/jquery-ui.min.css') }}");
    @import url("{{ asset('css/jquery.datetimepicker.css') }}");

</style>
<div class="container">

    <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.brochures_arr.edit_products.edit_product')}}</h3>
                        <div class="pull-right">
                            <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.brochures_arr.edit_products.back')}}</button>
                        </div>
                </div>

                <div class="panel-body">
                    <form id="edit_brochure_product" method="POST" action="{{ route('brochures_products.update',['list_id'=>$brochure_id,'id'=>$brochure_product->id]) }}?page={{ request('page', 1) }}" role="form" class="form form-horizontal">
                        {{ method_field('PATCH') }}
                        {{ csrf_field() }}


                        @permission('brochure_product-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.brochures_arr.edit_products.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" 
                                    @nonepermission('product-form-category-write')
                                        readonly 
                                    @endnonepermission
                                    ><option value="0">--- {{__('texte.brochures_arr.edit_products.category')}} ---</option>
                                        @foreach($categories as $current_category)
                                            <option value='{{$current_category->id}}' {{old('category',$brochure_product->category == $current_category->id) ? "selected" : ""}}>{{$current_category->name}}</option>
                                            @if(count($current_category->children)>0)
                                                @foreach($current_category->children as $current_sub_category)
                                                    <option value='{{$current_sub_category->id}}' {{old('category',$brochure_product->category == $current_sub_category->id) ? "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 value='{{$current_sub_sub_category->id}}' {{old('category',$brochure_product->category == $current_sub_sub_category->id) ? "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>
                                @if ($errors->has('category'))
                                    <span class="help-block"><strong>{{ $errors->first('category') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('brochure_product-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.brochures_arr.edit_products.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" 
                                        @nonepermission('brochure_product-form-producer-write')
                                            disabled 
                                        @endnonepermission
                                        ><option value="0">--- {{__('texte.brochures_arr.edit_products.producer')}} ---</option>
                                        @foreach ($producers as $producer)
                                            <option value="{{ $producer->id }}" {{old('producer',$brochure_product->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>
                        </div>
                        @endpermission

                        @permission('brochure_product-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.brochures_arr.edit_products.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" {{!isset($brochure_product->producer) || ($brochure_product->producer==0) ? 'disabled' : ''}} 
                                    @nonepermission('brochure_product-form-mark-write')
                                            disabled 
                                    @endnonepermission
                                ><option value="0">--- {{__('texte.brochures_arr.edit_products.mark')}} ---</option>
                                    @foreach ($marks as $mark)
                                        <option value="{{ $mark->id }}" {{old('mark',$brochure_product->mark) == $mark->id ? "selected" : ""}}>{{ $mark->name }}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('mark'))
                                    <span class="help-block"><strong>{{ $errors->first('mark') }}</strong></span>
                                @endif
                            </div>
                        </div>
                        @endpermission
                                            
                        @permission('brochure_product-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.brochures_arr.edit_products.package')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-home"></i></span>
                                <select class="form-control" id="package" name="package"
                                @nonepermission('brochure_product-form-package-write')
                                    disabled 
                                @endnonepermission
                                ><option value="0">--- {{__('texte.brochures_arr.edit_products.package')}} ---</option>
                                    @foreach ($packages as $package)
                                        <option value="{{ $package->id }}" {{old('package',$brochure_product->package) == $package->id ? "selected" : ""}}>{{ $package->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('brochure_product-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.brochures_arr.edit_products.material')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-home"></i></span>
                                <select class="form-control" id="material" name="material"
                                @nonepermission('brochure_product-form-material-write')
                                    disabled 
                                @endnonepermission
                                ><option value="0">--- {{__('texte.brochures_arr.edit_products.material')}} ---</option>
                                    @foreach ($materials as $material)
                                        <option value="{{ $material->id }}" {{old('material',$brochure_product->material) == $material->id ? "selected" : ""}}>{{ $material->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('brochure_product-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.brochures_arr.edit_products.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"
                                    @nonepermission('brochure_product-form-product-write')
                                        disabled 
                                    @endnonepermission
                                >   <option value="">--- {{__('texte.brochures_arr.edit_products.product')}} ---</option>
                                    @foreach ($products as $product)
                                        <option value="{{ $product->id }}" data-price_base="{{ number_format($product->price_base*1.2,5,'.','') }}" data-price_supply="{{ number_format($product->price_supply*1.2,5,'.','') }}" data-price_recommend="{{ number_format($product->price_recommend*1.2,5,'.','') }}" {{old('product',$brochure_product->product) == $product->id ? "selected" : ""}}>{{ $product->name }}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('product'))
                                    <span class="help-block"><strong>{{ $errors->first('product') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('brochure_product-form-price-read')
                        <div class="form-group{{ $errors->has('price_type') ? ' has-error' : '' }}">
                            <label for="price_type" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.brochures_arr.edit_products.price_type')}}</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_type" name="price_type" required
                                    @nonepermission('brochure_product-form-price-write')
                                            disabled 
                                    @endnonepermission
                                >
                                    <option value="">--- {{__('texte.brochures_arr.edit_products.price_type')}} ---</option>
                                     @for($i=1;$i<=count(Lang::get('texte.price_arr'));$i++)
                                        <option value="{{$i}}" {{old('price_type',$brochure_product->price_type)==$i ? "selected" : ''}}>{{Lang::get('texte.price_arr')[$i]}}</option>
                                     @endfor
                                </select>
                                @if ($errors->has('price'))
                                    <span class="help-block"><strong>{{ $errors->first('price') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                       </div>     
                        

                        <div id="discount_div" class="form-group{{ $errors->has('discount') ? ' has-error' : '' }}">
                            <label for="discount" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.brochures_arr.edit_products.discount')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-barcode"></i></span>
                                <input type="text" class="form-control" id="discount" name="discount" value="{{ old('discount',$brochure_product->discount) }}" placeholder="{{__('texte.brochures_arr.edit_products.discount')}}" required {{$brochure_product->price_type==4 ? 'readonly' : ''}}
                                    @nonepermission('brochure_product-form-price-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('discount'))
                                    <span class="help-block"><strong>{{ $errors->first('discount') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>

                        <div id="fixed_price_div" class="form-group{{ $errors->has('price') ? ' has-error' : '' }}">
                            <label for="price" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.brochures_arr.create_products.price')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-barcode"></i></span>
                                <input type="text" class="form-control amount" id="price" name="price" value="{{ old('price',number_format($brochure_product->price*1.2,5,'.','')) }}" placeholder="{{__('texte.brochures_arr.create_products.price')}}" required {{$brochure_product->price_type!=4 ? 'readonly' : ''}}
                                    @nonepermission('brochure_product-form-price-write')
                                            readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('price'))
                                    <span class="help-block"><strong>{{ $errors->first('price') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        <input type="hidden" name="brochure_id" value="{{$brochure_id}}"/>
                                            

                        <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="submit" class="btn btn-primary" @nonepermission('brochure_products-route-edit') disabled @endnonepermission>{{__('texte.brochures_arr.edit_products.change')}}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="{{ asset('js/chosen.js') }}"></script>
<script src="{{ asset('js/chosen-readonly.js') }}"></script>
<script src="{{ asset('js/jquery.validate.js') }}"></script>
<script src="{{ asset('js/validation.js') }}"></script>

<script type="text/javascript" charset="utf-8">
    $( document ).ready(function() {
        
         $(function() {
            var category = {{$brochure_product->category}};
            var producer = {{$brochure_product->producer}};
            var mark = {{$brochure_product->mark}};
            var material = {{$brochure_product->material}};
            var product = {{$brochure_product->product}};
            var package = {{$brochure_product->package}}
            get_products(category,producer,mark,material,product,package);
         });
        
        <!-- Get producer marks on change-->
        $('#producer').on('change', function(){
            var mark = {{$brochure_product->mark}}
            if($(this).val()!=0){ 
                    var producer = $(this).val();
                    $.ajax({
                    headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/get_marks',
                    type: 'POST',
                    async:false,
                    data: {'producer' : 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);
                                }
                            }
                });
            }
            else{
                $('#mark').val(0);
                $('#mark').attr('disabled',true);            
            }
            $('#mark').trigger("chosen:updated");
        });
        
        <!-- Trigger select plugin on product select-->
        $('#product,#category,#producer,#mark,#material,#package,#price_type').chosen();
        
        <!-- Filter products on select change-->
        $('#category,#producer,#mark,#material,#package').on('change',function(){
            var category = $('#category').val();
            var producer = $('#producer').val();
            var mark = $('#mark').val();
            var material = $('#material').val();
            var package = $('#package').val();
            var product = {{$brochure_product->product}}
            get_products(category,producer,mark,material,product,package); 
        });
        
        $('#product').on('change',function(){
            if($(this).val()!=''){
                $('#price_type').chosenReadonly(false);
                
                var product = $(this).val();
                var brochure_id = $('input[name="brochure_id"]').val();
                
                if(product!={{$brochure_product->product}}){
                    $.ajax({
                        headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/check_brochure_products',
                        type: 'POST',
                        data: {'product' : product,
                               'brochure_id' : brochure_id},
                        success: function(response){
                                    if(response.id){
                                        alert('Този продукт вече е добавен към брошурата');
                                    }
                                }
                    });
                }
            }
            else{
                $('#price_type').chosenReadonly(true);
            }
            $('#price_type').val('').trigger('chosen:updated');
            $('#discount').val('');
            $('#price').val('');
        });
       
        $('.amount').on('input', function() {
            //$(this).val($(this).val().match(/^\d+\.?\d{0,5}$/));
            var valid = /^\d+\.?\d{0,5}$/.test(this.value),
            val = this.value;

            if(!valid){
                this.value = val.substring(0, val.length - 1);
            }
        });
        
   
        $('#price_type').on('change', function(){
            if($(this).val()==''){
                $('#discount').val('').attr('readonly',true);
                $('#price').val('').attr('readonly',true);
            }
            else if($(this).val()==4){
                $('#discount').val('').attr('readonly',true);
                $('#price').val('').attr('readonly',false);
            }
            else{
                $('#discount').val('').attr('readonly',false);
                $('#price').val('').attr('readonly',true);
            }                                                
        });
        
        
        $('#discount').on('input', function(){
            if($(this).val()!=''){
                var discount = $(this).val();
                var price_type = ($('#price_type').val()=='1' ? 'supply' : ($('#price_type').val()=='2' ? 'recommend' : 'base' ));
                var price = $('#product option:selected').attr('data-price_'+price_type);

                $('#price').val(parseFloat(price-(price*discount/100)).toFixed(5));
            }
            else{
                $('#price').val('');
            }                                    
        });
        
    });
    
    function get_products(category,producer,mark,material,product,package){
        $.ajax({
                        headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/get_filtered_products',
                        type: 'POST',
                        data: {'category' : category,
                               'producer' : producer,
                               'mark' : mark,
                               'material' : material,
                               'package' : package},
                        success: function(response){
                                    if(response.length>0){
                                        $('#product').find('option').remove().end();
                                        var options='<option value=""> --- Продукт --- </option>';
                                        var selected = "";
                                         for (var i in response){
                                            if(response[i].id==product)
                                               selected = "selected";

                                            else
                                               selected = "";

                                            options += '<option value="' + response[i].id + '" data-kiro="kieree" name="'+ response[i].name + '" data-price_supply="'+ parseFloat(response[i].price_supply*1.2).toFixed(5) + '" data-price_base="'+ parseFloat(response[i].price_base*1.2).toFixed(5) + '" data-price_recommend="'+ parseFloat(response[i].price_recommend*1.2).toFixed(5) + '"' + selected +'>' + response[i].name + (response[i].value!=null ? ' - ' + response[i].value : '') +(response[i].producer_code!=null ? ' - ' + response[i].producer_code : '') + (response[i].producer_second_code!=null ? ' - ' + response[i].producer_second_code : '') +'</option>';
                                         }
                                         $('#product').html(options);
                                         $('#product').trigger("chosen:updated");
                                         $(':button[type="submit"]').prop('disabled', false);
                                     }
                                     else{
                                         alert('Не са намерени продукти по зададените критерии');
                                         $(':button[type="submit"]').prop('disabled', true);
                                     }
                                }
                });
    }
</script>
@endsection