@extends('layouts.app')


@section('link')
    <link href="{{ asset('css/chosen.min.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">{{__('texte.price_lists_arr.create_condition.add_condition')}}</h3>
                    <div class="pull-right">
                        <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.price_lists_arr.create_condition.back')}}</button>
                    </div>
                </div>
                <div class="panel-body">
                    <form id='create_condition' method="POST" action="{{ session()->has('old_condition_id') ? route('price_lists_conditions.update',['list_id'=>$price_list_id,'id'=>session('old_condition_id')]) : route('price_lists_conditions.store', $price_list_id)}}" role="form" class="form form-horizontal">
                        {{ csrf_field() }}

                        @permission('price_list_conditions-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.price_lists_arr.create_condition.category')}}</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="category" name="category"
                                    @nonepermission('price_list_conditions-form-category-write')
                                        disabled 
                                    @endnonepermission
                                >
                                    <option value="">--- {{__('texte.price_lists_arr.create_condition.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('price_list_conditions-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.price_lists_arr.create_condition.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('price_list_conditions-form-producer-write')
                                        disabled 
                                    @endnonepermission
                                >
                                    <option value="0">--- {{__('texte.price_lists_arr.create_condition.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('price_list_conditions-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.price_lists_arr.create_condition.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('price_list_conditions-form-mark-write')
                                        disabled 
                                    @endnonepermission
                                >
                                    <option value="0">--- {{__('texte.price_lists_arr.create_condition.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('price_list_conditions-form-wrappage_applicable-read')
                        <div class="form-group{{ $errors->has('wrappage_applicable') ? ' has-error' : '' }}">
                            <label for="wrappage_applicable" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.price_lists_arr.create_condition.wrappage_applicable')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                
                                <input type="checkbox" id="wrappage_applicable" name="wrappage_applicable" value="1" 
                                    @nonepermission('price_list_conditions-form-wrappage_applicable-write')
                                        disabled 
                                    @endnonepermission
                                />  
                                
                                @if ($errors->has('wrappage_applicable'))
                                    <span class="help-block"><strong>{{ $errors->first('wrappage_applicable') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('price_list_conditions-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.price_lists_arr.create_condition.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('price_list_conditions-form-package-write')
                                        disabled 
                                    @endnonepermission
                                >
                                    <option value="0">--- {{__('texte.price_lists_arr.create_condition.package')}} ---</option>
                                    @foreach ($packages as $package)
                                        <option value="{{ $package->id }}" {{old('package') == $package->id ? "selected" : ""}}>{{ $package->name }}</option>
                                    @endforeach
                                    <div class="errorBox"></div>
                                </select>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('price_list_conditions-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.price_lists_arr.create_condition.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('price_list_conditions-form-material-write')
                                    disabled 
                                @endnonepermission
                                ><option value="0">--- {{__('texte.price_lists_arr.create_condition.material')}} ---</option>
                                    @foreach ($materials as $material)
                                        <option value="{{ $material->id }}" {{old('material') == $material->id ? "selected" : ""}}>{{ $material->name }}</option>
                                    @endforeach
                                    <div class="errorBox"></div>
                                </select>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('price_list_conditions-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.price_lists_arr.create_condition.size')}}</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="size" name="size"
                                @nonepermission('price_list_conditions-form-size-write')
                                    disabled 
                                @endnonepermission
                                ><option value="0">--- {{__('texte.price_lists_arr.create_condition.size')}} ---</option>
                                    @foreach ($sizes as $size)
                                        <option value="{{ $size->id }}" {{old('size') == $size->id ? "selected" : ""}}>{{ $size->value}} {{$size->unit==0 ? __('texte.price_lists_arr.create_condition.l') : __('texte.price_lists_arr.create_condition.kg')}}</option>
                                    @endforeach
                                    <div class="errorBox"></div>
                                </select>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('price_list_conditions-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.price_lists_arr.create_condition.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('price_list_conditions-form-product-write')
                                        disabled 
                                    @endnonepermission
                                >   
                                    <option value="0">--- {{__('texte.price_lists_arr.create_condition.product')}} ---</option>
                                    @foreach ($products as $product)
                                        <option value="{{ $product->id }}" {{old('product') == $product->id ? "selcted" : ""}}>{{ $product->name }}</option>
                                    @endforeach
                                    <div class="errorBox"></div>
                                </select>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('price_list_conditions-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.price_lists_arr.create_condition.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" required
                                    @nonepermission('price_list_conditions-form-price-write')
                                            disabled 
                                    @endnonepermission
                                >
                                    <option value="">--- {{__('texte.price_lists_arr.create_condition.price')}} ---</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>
                        @endpermission
                        
                        @permission('price_list_conditions-form-discount-read')
                        <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.price_lists_arr.create_condition.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.price_lists_arr.create_condition.discount')}}" required 
                                    @nonepermission('price_list_conditions-form-discount-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('discount'))
                                    <span class="help-block"><strong>{{ $errors->first('discount') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('price_list_conditions-form-fixed_price-read')
                        <div id="fixed_price_div" class="form-group{{ $errors->has('fixed_price') ? ' has-error' : '' }}" hidden="true">
                            <label for="fixed_price" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.price_lists_arr.create_condition.fixed_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" id="fixed_price" name="fixed_price" value="{{ old('fixed_price') }}" placeholder="{{__('texte.price_lists_arr.create_condition.fixed_price')}}" disabled 
                                    @nonepermission('price_list_conditions-form-fixed_price-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('fixed_price'))
                                    <span class="help-block"><strong>{{ $errors->first('fixed_price') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('price_list_conditions-form-condition-read')
                        <div class="form-group{{ $errors->has('condition') ? ' has-error' : '' }}">
                            <label for="condition" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.price_lists_arr.create_condition.condition')}}</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="condition" name="condition" value="{{ old('condition') }}" placeholder="{{__('texte.price_lists_arr.create_condition.condition')}}" maxlength="5" 
                                    @nonepermission('price_list_conditions-form-condition-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('condition'))
                                    <span class="help-block"><strong>{{ $errors->first('condition') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('price_list_conditions-form-condition_period-read')
                        <div class="form-group{{ $errors->has('cond_period') ? ' has-error' : '' }}">
                            <label for="cond_period" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.price_lists_arr.create_condition.condition_period')}}</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="cond_period" name="cond_period" value="{{ old('cond_period') }}" placeholder="{{__('texte.price_lists_arr.create_condition.condition_period')}}" maxlength="5" readonly
                                    @nonepermission('price_list_conditions-form-condition_period-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('cond_period'))
                                    <span class="help-block"><strong>{{ $errors->first('cond_period') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('price_list_conditions-form-condition_discount-read')
                        <div id="cond_discount_div" class="form-group{{ $errors->has('cond_discount') ? ' has-error' : '' }}">
                            <label for="cond_discount" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.price_lists_arr.create_condition.condition_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="cond_discount" name="cond_discount" value="{{ old('cond_discount') }}" placeholder="{{__('texte.price_lists_arr.create_condition.condition_discount')}}" maxlength="5" readonly
                                    @nonepermission('price_list_conditions-form-condition_discount-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('cond_discount'))
                                    <span class="help-block"><strong>{{ $errors->first('cond_discount') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('price_list_conditions-form-condition_fixed_price-read')
                        <div id="cond_fixed_price_div" class="form-group{{ $errors->has('cond_fixed_price') ? ' has-error' : '' }}" hidden="true">
                            <label for="cond_fixed_price" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.price_lists_arr.create_condition.condition_fixed_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" id="cond_fixed_price" name="cond_fixed_price" value="{{ old('cond_fixed_price') }}" placeholder="{{__('texte.price_lists_arr.create_condition.condition_fixed_price')}}" disabled readonly
                                    @nonepermission('price_list_conditions-form-cond_fixed_price-write')
                                        readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('fixed_price'))
                                    <span class="help-block"><strong>{{ $errors->first('cond_fixed_price') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        <input type="hidden" name="price_list_id" value="{{$price_list_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">                                
                                @if(session()->has('old_condition_id'))
                                    {{ method_field('PATCH') }}
                                    <button id="change_old" type="submit" class="btn btn-primary" @nonepermission('price_list_conditions-route-edit') disabled @endnonepermission>{{__('texte.price_lists_arr.create_condition.change_old_condition')}}</button>
                                    <a type="button" class="btn btn-primary" href="{{ route('price_lists_conditions.edit',['list_id'=>$price_list_id,'id'=>session('old_condition_id')]) }}" target="_blank">{{__('texte.price_lists_arr.create_condition.to_old_condition')}}</a>
                                @else
                                    <button type="submit" class="btn btn-primary" @nonepermission('price_list_conditions-route-create') disabled @endnonepermission>{{__('texte.price_lists_arr.create_condition.add')}}</button>
                                @endif
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="{{ asset('js/chosen.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() {
        $('#product,#category,#producer,#mark,#package,#material,#size,#price').chosen();
        <!-- Get producer marks on change-->
        $('#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_marks',
                    type: 'POST',
                    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);
                                }
                                $('#mark').trigger('chosen:updated');
                            }
                });
            }
            else{
                $('#mark').val(0);
                $('#mark').attr('disabled',true);            
            }
        }).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="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");
                                     $(':button[type="submit"]').prop('disabled', false);
                                 }
                                 else{
                                     alert('Не са намерени продукти по зададените критерии');
                                     $('#product').attr('disabled',true).trigger("chosen:updated");
                                     $(':button[type="submit"]').prop('disabled', true);
                                 }
                            }
            });
        });
        
        <!-- Toggle fixed price/discount fields on price select-->
        $('#price').on('change',function(){
            if($(this).val()==4){
                $('#fixed_price_div').attr('hidden',false);
                $('#fixed_price').attr('disabled',false).attr('required',true);
                $('#discount').val('');
                $('#discount').attr('disabled',true);
                $('#discount_div').attr('hidden',true);
                $('#cond_fixed_price_div').attr('hidden',false);
                $('#cond_fixed_price').attr('disabled',false);
                $('#cond_discount').val('');
                $('#cond_discount').attr('disabled',true);
                $('#cond_discount_div').attr('hidden',true);
            }
            else{
                $('#fixed_price_div').attr('hidden',true);
                $('#fixed_price').val('');
                $('#fixed_price').attr('disabled',true).attr('required',false);
                $('#discount').attr('disabled',false);
                $('#discount_div').attr('hidden',false);
                $('#cond_fixed_price_div').attr('hidden',true);
                $('#cond_fixed_price').val('');
                $('#cond_fixed_price').attr('disabled',true);
                $('#cond_discount').attr('disabled',false);
                $('#cond_discount_div').attr('hidden',false);
            }
            $('#condition').blur();
        }).change();
        
        <!-- Enable/disable condition fields for period,discount and fixed price fields on price select-->
        $("#condition").on("blur", function() {
            if($(this).val()!=''){
                $('#cond_period').attr('required',true).attr('readonly',false);
                $('#fixed_price').attr('required',false);
                 if($('#price').val()!=4){
                    $('#cond_discount').attr('required',true).attr('readonly',false);
                }
                else{
                    $('#cond_fixed_price').attr('required',true).attr('readonly',false);
                }
            }
            else{
                $('#cond_period').val('').attr('required',false).attr('readonly',true);
                $('#cond_discount').val('').attr('required',false).attr('readonly',true);
                $('#fixed_price').attr('required',true);
                $('#cond_fixed_price').val('').attr('required',false).attr('readonly',true);
            }
         }).blur();

        <!-- Replace ',' with '.' in all fileds with forma float-->
        $('#discount,#cond_discount,#fixed_price,#cond_fixed_price').keyup(function() {
            $(this).val($(this).val().replace(/,/g,"."));
        });

        <!-- Enable/disable fixed price option in price select based on choosen product(s)-->
        $('#product').on('change', function(){
            if($(this).val()!=0 && $("#product :selected").length<2){
                $('#price option[value="4"]').removeAttr("disabled").trigger("chosen:updated");
            }
            else{
                if($('#price').val()==4)
                    $('#price').val("");
                $('#price option[value="4"]').attr("disabled", "disabled").trigger("chosen:updated");
                $('#price').change();
            }
        }).change();
    });
</script>
@endsection