@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/style.css') }}");
    

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #337ab7;
        background: #337ab7;
        color: #fff;
    }
</style>
<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.create_products.add_product')}}</h3>
                    <div class="pull-right">
                        <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.brochures_arr.create_products.back')}}</button>
                    </div>
                </div>

                <div class="panel-body">
                    <form id="create_brochure_product" method="POST" action="{{ route('brochures_products.store', $brochure_id) }}" role="form" class="form form-horizontal">
                        {{ 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.create_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.create_products.category')}} ---</option>
                                    @foreach($categories as $current_category)
                                        <option value='{{$current_category->id}}' {{old('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') == $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') == $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.create_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.create_products.producer')}} ---</option>
                                        @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('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.create_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" disabled 
                                    @nonepermission('brochure_product-form-mark-write')
                                            disabled 
                                    @endnonepermission
                                    ><option value="0">--- {{__('texte.brochures_arr.create_products.mark')}} ---</option>
                                </select>
                                @if ($errors->has('mark'))
                                    <span class="help-block"><strong>{{ $errors->first('mark') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </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.create_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.create_products.package')}} ---</option>
                                    @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('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.create_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.create_products.material')}} ---</option>
                                    @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('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.create_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" size="1"
                                    @nonepermission('brochure_product-form-product-write')
                                        disabled 
                                    @endnonepermission
                                >   <option value="">--- {{__('texte.brochures_arr.create_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') == $product->id ? "selected" : ""}}>{{ $product->name}} {{isset($product->value) ? ' - '.$product->value : '' }} {{isset($product->producer_code) ? ' - '.$product->producer_code : '' }} {{isset($product->producer_second_code) ? ' - '.$product->producer_second_code : '' }}</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.create_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.create_products.price_type')}} ---</option>
                                     @for($i=1;$i<=count(Lang::get('texte.price_arr'));$i++)
                                        <option value="{{$i}}" {{old('price')==$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.create_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') }}" placeholder="{{__('texte.brochures_arr.create_products.discount')}}" required 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') }}" placeholder="{{__('texte.brochures_arr.create_products.price')}}" required 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-create') disabled @endnonepermission>{{__('texte.brochures_arr.create_products.add')}}</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() {
        
        <!-- Trigger select plugin on product select-->
        $('#category,#producer,#mark,#package,#material,#product,#price_type').chosen();
        
        $('#price_type').chosenReadonly(true).trigger('chosen:updated');
        
        <!-- Get producer marks on change-->
        $('#producer').on('change', function(){
            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){
                                           options += '<option value="' + response[i].id + '" name="'+ response[i].name + '">' + 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');
        }).change();
        
        <!-- 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();
             $.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>';
                                     for (var i in response){
                                            options += '<option value="' + response[i].id + '" 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) + '">' + 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('Не са намерени продукти по зададените критерии');
                                     $('#price_type').chosenReadonly(true).trigger('chosen:updated');
                                     $(':button[type="submit"]').prop('disabled', true);
                                 }
                            }
            });
        });
        
        $('#product').on('change',function(){
            if($(this).val()!=''){
                $('#price_type').chosenReadonly(false);
                
                var product = $(this).val();
                var brochure_id = $('input[name="brochure_id"]').val();
                
                $.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('');
            }                                    
        });

    });  
</script>
@endsection