@extends('layouts.app')

@section('content')
<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.products_arr.create.add_product')}}</h3>
                <div class="pull-right">
                    <a class="btn btn-primary back-btn" href="{{route('products.index')}}" @cannot('list_products') disabled="disabled" @endcannot>{{__('texte.products_arr.create.products')}}</a>
                </div>                
            </div>

            <div class="panel-body">
                <form id="product_create" enctype="multipart/form-data" method="POST" action="{{ route('products.store') }}" class="form form-horizontal">
                    {{ csrf_field() }}

                    <fieldset>
                        <h2 style="text-align: center;">{{__('texte.products_arr.create.general_information')}}</h2>
                        <div class="form-group row {{ $errors->has('name') ? ' has-error' : '' }}">
                            <label for="name" class="col-sm-2 col-form-label required">{{ucfirst(__('texte.products_arr.create.name'))}}</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="name" name="name" value="{{ old('name') }}" placeholder="{{__('texte.products_arr.create.name')}}" maxlength="255" required autofocus />
                                @if ($errors->has('name'))
                                    <span class="help-block"><strong>{{ $errors->first('name') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        
                        <div class="form-group row {{ $errors->has('category') ? ' has-error' : '' }}">
                            <label for="category" class="col-sm-2 col-form-label required">{{__('texte.products_arr.create.category')}}</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="category" name="category" required>
                                    <option value="">--- {{__('texte.products_arr.create.category')}} ---</option>
                                    @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>

                        <div class="form-group row {{ $errors->has('producer') ? ' has-error' : '' }}">
                            <label for="producer" class="col-sm-2 col-form-label required">{{__('texte.products_arr.create.producer')}}</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="producer" name="producer" required>
                                    <option value="">--- {{__('texte.products_arr.create.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>

                        <div class="form-group row {{ $errors->has('code') ? ' has-error' : '' }}">
                            <label for="code" class="col-sm-2 col-form-label required">{{__('texte.products_arr.create.code')}}</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="code" name="code" value="{{ old('code') }}" placeholder="{{__('texte.products_arr.create.code')}}" maxlength="255" required/>
                                @if ($errors->has('code'))
                                    <span class="help-block"><strong>{{ $errors->first('code') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        
                        <div class="form-group row {{ $errors->has('unit') ? ' has-error' : '' }}">
                            <label for="unit" class="col-sm-2 col-form-label required">{{__('texte.products_arr.create.unit')}}</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="unit" name="unit" required>
                                    <option value="">--- {{__('texte.products_arr.create.unit')}} ---</option>
                                    @foreach (__('texte.units_arr') as $key=>$val)
                                        <option value="{{$key}}" {{old('unit') == $key ? 'selected' : ''}}>{{ $val }}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('unit'))
                                    <span class="help-block"><strong>{{ $errors->first('unit') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        
                        <div class="form-group row {{ $errors->has('input_measure') ? ' has-error' : '' }}">
                            <label class="col-sm-2 col-form-label">{{__('texte.products_arr.create.input_measure')}}</label>
                            <div class="col-sm-8">
                                <label class="control-label">
                                    <input type="radio" class="is_wrappage_enable" name="input_measure" value="0" {{old('input_measure') == 0 ? "checked" : ""}}/> {{__('texte.products_arr.create.count')}} 
                                </label>
                                <label class="control-label">
                                    <input type="radio" class="is_wrappage_disable" name="input_measure" value="1" {{old('input_measure') == 1 ? "checked" : ""}}/> {{__('texte.products_arr.create.package')}} 
                                </label>                                
                                @if ($errors->has('input_measure'))
                                    <span class="help-block"><strong>{{ $errors->first('input_measure') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        
                        <h2 style="text-align: center;">{{__('texte.products_arr.create.wrappage_data')}}</h2>
                        
                        <div class="form-group row {{ $errors->has('is_wrappage') ? ' has-error' : '' }}">
                            <label class="col-sm-2 col-form-label">{{__('texte.products_arr.create.wrappage')}}</label>
                            <div class="col-sm-8">
                                <label class="control-label">
                                    <input type="radio" class="is_wrappage_enable" name="is_wrappage" value="0" {{old('is_wrappage') == 0 ? "checked" : ""}}/> {{__('texte.products_arr.create.no')}} 
                                </label>
                                <label class="control-label">
                                    <input type="radio" class="is_wrappage_disable" name="is_wrappage" value="1" {{old('is_wrappage') == 1 ? "checked" : ""}}/> {{__('texte.products_arr.create.for_piece')}} 
                                </label>
                                <label class="control-label">
                                    <input type="radio" class="is_wrappage_disable" name="is_wrappage" value="2" {{old('is_wrappage') == 2 ? "checked" : ""}}/> {{__('texte.products_arr.create.for_package')}} 
                                </label>
                                <label class="control-label">
                                    <input type="radio" class="is_wrappage_disable" name="is_wrappage" value="3" {{old('is_wrappage') == 3 ? "checked" : ""}}/> {{__('texte.products_arr.create.for_pallet')}} 
                                </label>
                                @if ($errors->has('is_wrappage'))
                                    <span class="help-block"><strong>{{ $errors->first('is_wrappage') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>

			<div class="form-group row {{ $errors->has('wrappage_piece') ? ' has-error' : '' }}">
                            <label for="wrappage_piece" class="col-sm-2 col-form-label">{{__('texte.products_arr.create.piece_wrappage')}}</label>
                            <div class="col-sm-8">
				<select class="form-control wrappage" id="wrappage_piece" name="wrappage_piece_id">
                                    <option value="">--- {{__('texte.products_arr.create.piece_wrappage')}} ---</option>
                                </select>
                                @if ($errors->has('wrappage_piece'))
                                    <span class="help-block"><strong>{{ $errors->first('wrappage_piece') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>

                        <div class="form-group row {{ $errors->has('wrappage_package') ? ' has-error' : '' }}">
                            <label for="wrappage_package" class="col-sm-2 col-form-label">{{__('texte.products_arr.create.package_wrappage')}}</label>
                            <div class="col-sm-8">
				<select class="form-control wrappage" id="wrappage_package" name="wrappage_package_id">
                                    <option value="">--- {{__('texte.products_arr.create.package_wrappage')}} ---</option>
                                </select>
                                @if ($errors->has('wrappage_package'))
                                    <span class="help-block"><strong>{{ $errors->first('wrappage_package') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>

			<div class="form-group row {{ $errors->has('wrappage_pallet') ? ' has-error' : '' }}">
                            <label for="wrappage_pallet" class="col-sm-2 col-form-label">{{__('texte.products_arr.create.pallet_wrappage')}}</label>
                            <div class="col-sm-8">
				<select class="form-control wrappage" id="wrappage_pallet" name="wrappage_pallet_id">
                                    <option value="">--- {{__('texte.products_arr.create.pallet_wrappage')}} ---</option>
                                </select>
                                @if ($errors->has('wrappage_pallet'))
                                    <span class="help-block"><strong>{{ $errors->first('wrappage_pallet') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        
                        <h2 style="text-align: center;">{{__('texte.products_arr.create.weights_barcodes')}}</h2>
                        
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">{{__('texte.products_arr.create.weight_barcodes')}}</label>
                            <div class="col-sm-8">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th></th>
                                            <th>{{__('texte.products_arr.create.count')}}</th>
                                            <th><label class='required'>{{__('texte.products_arr.create.weight')}}</label></th>
                                            <th>{{__('texte.products_arr.create.barcode')}}</th>
                                            <th>{{__('texte.products_arr.create.surface')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <th class='single_piece'>{{__('texte.products_arr.create.single_piece')}}</th>
                                            <th>1</th>
                                            <td>
                                                <div class="form-group row {{ $errors->has('piece_weight') ? ' has-error' : '' }}">
                                                    <div class="col-sm-8">
                                                        <input type="text" class="form-control weight" id="piece_weight" name="piece_weight" value="{{ old('piece_weight') }}" pattern="^\d+\.?\d{0,3}$" placeholder="0.000" maxlength="255"/>
                                                        @if ($errors->has('piece_weight'))
                                                            <span class="help-block"><strong>{{ $errors->first('piece_weight') }}</strong></span>
                                                        @endif
                                                        <div class="errorBox"></div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="form-group row {{ $errors->has('piece_barcode') ? ' has-error' : '' }}">
                                                    <div class="col-sm-8">
                                                        <input type="text" class="form-control number" id="piece_barcode" name="piece_barcode" value="{{ old('piece_barcode') }}" pattern="^\d{1,}$" placeholder="0123456789" maxlength="255" />
                                                        @if ($errors->has('piece_barcode'))
                                                            <span class="help-block"><strong>{{ $errors->first('piece_barcode') }}</strong></span>
                                                        @endif
                                                        <div class="errorBox"></div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="form-group row {{ $errors->has('piece_surface') ? ' has-error' : '' }}">
                                                    <div class="col-sm-8">
                                                        <input type="text" class="form-control" id="piece_surface" name="piece_surface" value="{{ old('piece_surface') }}" pattern="^\d+\.?\d{0,3}$" placeholder="0.000" maxlength="255" readonly/>
                                                        @if ($errors->has('piece_surface'))
                                                            <span class="help-block"><strong>{{ $errors->first('piece_second_barcode') }}</strong></span>
                                                        @endif
                                                        <div class="errorBox"></div>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="form-group row {{ $errors->has('package') ? ' has-error' : '' }}">
                                                    <div class="col-sm-12 package_select">
                                                        <select class="form-control wrappage" id="package" name="package">
                                                            <option value="">{{__('texte.products_arr.create.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>
                                            </td>
                                            <td>
                                                <div class="form-group row {{ $errors->has('package_count') ? ' has-error' : '' }}">
                                                    <div class="col-sm-8">
                                                        <input type="text" min="1" class="form-control wrappage number" id="package_count" name="package_count" value="{{ old('package_count')}}" placeholder="1" pattern="^\d{1,}$" maxlength="255" />
                                                        @if ($errors->has('package_count'))
                                                            <span class="help-block"><strong>{{ $errors->first('package_count') }}</strong></span>
                                                        @endif
                                                        <div class="errorBox"></div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="form-group row {{ $errors->has('package_weight') ? ' has-error' : '' }}">
                                                    <div class="col-sm-8">
                                                        <input type="text" class="form-control wrappage" id="package_weight" name="package_weight" value="{{ old('package_weight') }}" pattern="^\d+\.?\d{0,3}$" placeholder="0.000" maxlength="255" readonly />
                                                        @if ($errors->has('package_weight'))
                                                            <span class="help-block"><strong>{{ $errors->first('package_weight') }}</strong></span>
                                                        @endif
                                                        <div class="errorBox"></div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="form-group row {{ $errors->has('package_barcode') ? ' has-error' : '' }}">
                                                    <div class="col-sm-8">
                                                        <input type="text" class="form-control wrappage number" id="package_barcode" name="package_barcode" value="{{ old('package_barcode') }}" pattern="^\d{1,}$" placeholder="0123456789" maxlength="255" />
                                                        @if ($errors->has('package_barcode'))
                                                            <span class="help-block"><strong>{{ $errors->first('package_barcode') }}</strong></span>
                                                        @endif
                                                        <div class="errorBox"></div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="form-group row {{ $errors->has('package_surface') ? ' has-error' : '' }}">
                                                    <div class="col-sm-8">
                                                        <input type="text" class="form-control wrappage" id="package_surface" name="package_surface" value="{{ old('package_surface') }}" pattern="^\d+\.?\d{0,3}$" placeholder="0.000" maxlength="255" readonly/>
                                                        @if ($errors->has('package_surface'))
                                                            <span class="help-block"><strong>{{ $errors->first('package_surface') }}</strong></span>
                                                        @endif
                                                        <div class="errorBox"></div>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>{{__('texte.products_arr.create.pallet')}}</th>
                                            <td>
                                                <div class="form-group row {{ $errors->has('pallet_count') ? ' has-error' : '' }}">
                                                    <div class="col-sm-8">
                                                        <input type="text" min="1" class="form-control wrappage number" id="pallet_count" name="pallet_count" value="{{ old('pallet_count') }}" pattern="^\d{1,}$" placeholder="1" maxlength="255" />
                                                        @if ($errors->has('pallet_count'))
                                                            <span class="help-block"><strong>{{ $errors->first('pallet_count') }}</strong></span>
                                                        @endif
                                                        <div class="errorBox"></div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="form-group row {{ $errors->has('pallet_surface') ? ' has-error' : '' }}">
                                                    <div class="col-sm-8">
                                                        <input type="text" class="form-control wrappage" id="pallet_weight" name="pallet_weight" value="{{ old('pallet_weight') }}" pattern="^\d+\.?\d{0,3}$" placeholder="0.000" maxlength="255" readonly />
                                                        @if ($errors->has('pallet_surface'))
                                                            <span class="help-block"><strong>{{ $errors->first('pallet_surface') }}</strong></span>
                                                        @endif
                                                        <div class="errorBox"></div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="form-group row">
                                                    <div class="col-sm-8">
                                                        <input type="text" class="form-control" placeholder="0123456789" readonly />
                                                    </div>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="form-group row {{ $errors->has('pallet_surface') ? ' has-error' : '' }}">
                                                    <div class="col-sm-8">
                                                        <input type="text" class="form-control wrappage" id="pallet_surface" name="pallet_surface" value="{{ old('pallet_surface') }}" pattern="^\d+\.?\d{0,3}$" placeholder="0.000" maxlength="255" readonly/>
                                                        @if ($errors->has('pallet_surface'))
                                                            <span class="help-block"><strong>{{ $errors->first('pallet_surface') }}</strong></span>
                                                        @endif
                                                        <div class="errorBox"></div>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <h2 style="text-align: center;">{{__('texte.products_arr.create.prices_quantities')}}</h2>
                        <div class="form-group row">
                            <div class="col-sm-8">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th style="text-align: right;border-bottom:0px;">{{__('texte.products_arr.create.with_vat')}}</th>
                                            <th style="text-align: right;border-bottom:0px;">{{__('texte.products_arr.create.without_vat')}}</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>

                        <div class="form-group row {{ $errors->has('price_supply') ? ' has-error' : '' }}">
                            <label for="price_supply" class="col-sm-2 col-form-label required">{{__('texte.products_arr.create.supply_price')}}</label>
                            <div class="col-sm-8">
                                <input style="width:50%;float:left;" type="text" class="form-control price vat" id="price_supply_vat" name="price_supply_vat" value="{{ old('price_supply_vat') }}" pattern="^\d+\.?\d{0,5}$" placeholder="0.00000" maxlength="255" required />
                                <input style="width:50%;" type="text" class="form-control price no_vat" id="price_supply" name="price_supply" value="{{ old('price_supply') }}" pattern="^\d+\.?\d{0,5}$" placeholder="0.00000" maxlength="255" required />
                                @if ($errors->has('price_supply'))
                                    <span class="help-block"><strong>{{ $errors->first('price_supply') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>

                        <div class="form-group row {{ $errors->has('price_base') ? ' has-error' : '' }}">
                            <label for="price_base" class="col-sm-2 col-form-label required">{{__('texte.products_arr.create.base_price')}}</label>
                            <div class="col-sm-8">
                                <input style="width:50%;float:left;"  type="text" class="form-control price vat" id="price_base_vat" name="price_base_vat" value="{{ old('price_base_vat') }}" pattern="^\d+\.?\d{0,5}$" placeholder="0.00000" maxlength="255" required />
                                <input style="width:50%;"  type="text" class="form-control price no_vat" id="price_base" name="price_base" value="{{ old('price_base') }}" pattern="^\d+\.?\d{0,5}$" placeholder="0.00000" maxlength="255" required />
                                @if ($errors->has('price_base'))
                                    <span class="help-block"><strong>{{ $errors->first('price_base') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>

                        <div class="form-group row {{ $errors->has('price_recommend') ? ' has-error' : '' }}">
                            <label for="price_recommend" class="col-sm-2 col-form-label required">{{__('texte.products_arr.create.recommend_price')}}</label>
                            <div class="col-sm-8">
                                <input style="width:50%;float:left;"  type="text" class="form-control price vat" id="price_recommend_vat" name="price_recommend_vat" value="{{ old('price_recommend_vat') }}" pattern="^\d+\.?\d{0,5}$" placeholder="0.00000" maxlength="255" required/>
                                <input style="width:50%;"  type="text" class="form-control price no_vat" id="price_recommend" name="price_recommend" value="{{ old('price_recommend') }}" pattern="^\d+\.?\d{0,5}$" placeholder="0.00000" maxlength="255" />
                                @if ($errors->has('price_recommend'))
                                    <span class="help-block"><strong>{{ $errors->first('price_recommend') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>

                        <div class="form-group row {{ $errors->has('min') ? ' has-error' : '' }}">
                            <label for="min" class="col-sm-2 col-form-label">{{__('texte.products_arr.create.min_stock')}}</label>
                            <div class="col-sm-8">
                                <input type="text" min="1" class="form-control number" id="min" name="min" value="{{ old('min') }}" pattern="^\d{1,}$" placeholder="1" maxlength="255" />
                                @if ($errors->has('min'))
                                    <span class="help-block"><strong>{{ $errors->first('min') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>

                        <div class="form-group row {{ $errors->has('max') ? ' has-error' : '' }}">
                            <label for="max" class="col-sm-2 col-form-label">{{__('texte.products_arr.create.max_stock')}}</label>
                            <div class="col-sm-8">
                                <input type="text" min="1" class="form-control number" id="max" name="max" value="{{ old('max') }}" pattern="^\d{1,}$" placeholder="1" maxlength="255" />
                                @if ($errors->has('max'))
                                    <span class="help-block"><strong>{{ $errors->first('max') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
<!--
                        <div class="form-group row {{ $errors->has('min_sale') ? ' has-error' : '' }}">
                            <label for="min_sale" class="col-sm-2 col-form-label">{{__('texte.products_arr.create.min_sale_qty')}}</label>
                            <div class="col-sm-8">
                                <input type="text" min="1" class="form-control number" id="min_sale" name="min_sale" value="{{ old('min_sale') }}" pattern="^\d{1,}$" placeholder="1" maxlength="255" />
                                @if ($errors->has('min_sale'))
                                    <span class="help-block"><strong>{{ $errors->first('min_sale') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>

                        <div class="form-group row {{ $errors->has('max_sale') ? ' has-error' : '' }}">
                            <label for="max_sale" class="col-sm-2 col-form-label">{{__('texte.products_arr.create.max_sale_qty')}}</label>
                            <div class="col-sm-8">
                                <input type="text" min="1" class="form-control number" id="max_sale" name="max_sale" value="{{ old('max_sale') }}" pattern="^\d{1,}$" placeholder="1" maxlength="255" />
                                @if ($errors->has('max_sale'))
                                    <span class="help-block"><strong>{{ $errors->first('max_sale') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>                        
-->
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">{{__('texte.products_arr.create.sales_visibility')}}</label>
                            <div class="col-sm-8">
                                @foreach ($storages as $storage)
                                <div class="input-group col-xs-12 col-sm-12 col-md-12">
                                    <label for="storage_show_{{ $storage->id }}" class="control-label storage_label">
                                        <input class="storage_show" type="checkbox" id="storage_show_{{ $storage->id }}" name="storage_show[{{ $storage->id }}]" value="{{ $storage->id }}" {{ isset(old('storage_show')[$storage->id]) ? "checked" : ""}}/> {{ $storage->name }} 
                                    </label>
                                    <span id="storage_{{ $storage->id }}" class="storage_info">
                                        <label class="control-label">
                                            <input type="radio" name="storage_measure_{{ $storage->id }}" value="0" {{old('storage_measure_'.$storage->id)!=1 ? "checked" : ""}}/> {{__('texte.products_arr.create.measure')}} 
                                        </label>
                                        <label class="control-label measure_label">
                                            <input type="radio" name="storage_measure_{{ $storage->id }}" value="1" {{old('storage_measure_'.$storage->id)== 1 ? "checked" : ""}}/> {{__('texte.products_arr.create.package')}} 
                                        </label>
                                    </span>
                                </div>
                                @endforeach
                            </div>
                        </div>
                        
                        <h2 style="text-align: center;">{{__('texte.products_arr.create.product_description')}}</h2>
                        
                        <div class="form-group row {{ $errors->has('description') ? ' has-error' : '' }}">
                            <label for="description" class="col-sm-2 col-form-label">{{__('texte.products_arr.create.description')}}</label>
                            <div class="col-sm-8">
                                <textarea class="form-control" id="description" name="description" placeholder="{{__('texte.products_arr.create.description')}}" >{{ old('description') }}</textarea>
                                @if ($errors->has('description'))
                                    <span class="help-block"><strong>{{ $errors->first('description') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>

                        <div class="form-group row {{ $errors->has('images.*') ? ' has-error' : '' }}">
                            <label class="col-sm-2 col-form-label">{{__('texte.products_arr.create.photos')}}</label>
                            <div class="col-sm-8">
                                <div class="image_div">
                                    <div class="img-row-edit">
                                        <img class="element_image" src="{{URL::asset('/images/sleeping-dog.jpg')}}" alt="here goes the image"/>
                                    </div>
                                    <div class="img-row">
                                        <div class="margin--bottom-5">
                                            <div class="custom-file">
                                                <label class="btn btn-success m-btn--icon-only">
                                                    <input class="custom-file-input" type="file" name="images[]">
                                                    <i class="glyphicon glyphicon-upload"></i>
                                                </label>
                                                <a href="javascript:;" class="btn btn-danger m-btn--icon-only remove_image">
                                                    <i class="glyphicon glyphicon-trash"></i>
                                                </a>                                                
                                            </div>
                                            @if ($errors->has('images.*'))
                                                <span class="help-block"><strong>{{ $errors->first('images.*') }}</strong></span>
                                            @endif
                                            <div class="errorBox"></div>
                                        </div>
                                    </div>
                                    <div class="clear-both"></div>
                                </div>
                                <div class="add_element_image">
                                    <a href="javascript:;" class="btn btn-primary btn-default add_image">{{__('texte.products_arr.create.add_photo')}}</a>
                                </div>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-sm-12" style="text-align:center">
                                <button type="submit" class="btn btn-primary submit">{{__('texte.products_arr.create.add')}}</button>
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
            <div class="panel-footer"></div>
        </div>
    </div>
</div>

<script src="{{ asset('js/select2.min.js') }}"></script>
<script src="{{ asset('js/jquery.validate.js') }}"></script>
<script src="{{ asset('js/validation.js') }}"></script>
<script src="{{ asset('js/additional_methods.min.js') }}"></script>

<script src="{{ asset('ckeditor4/ckeditor.js') }}"></script>

<script type="text/javascript" charset="utf-8">
$(function() {
    
    $('#category,#producer,#package,#unit,#wrappage_piece,#wrappage_package,#wrappage_pallet').select2();

    $('.weight').on('input', function() {
        $(this).val($(this).val().replace(/,/g, '.'));
        var valid = /^\d+\.?\d{0,3}$/.test(this.value),
        val = this.value;
    
        if(!valid){
            this.value = val.substring(0, val.length - 1);
        }
    });
    $('.number').on('input', function() {
        $(this).val($(this).val().replace(/,/g, '.'));
        var valid = /^\d+$/.test(this.value),
        val = this.value;
    
        if(!valid){
            this.value = val.substring(0, val.length - 1);
        }
    });
    $('.price').on('input', function() {
        $(this).val($(this).val().replace(/,/g, '.'));
        var valid = /^\d+\.?\d{0,5}$/.test(this.value),
        val = this.value;
    
        if(!valid){
            this.value = val.substring(0, val.length - 1);
        }
    });

    $('#piece_weight').on('input', function() {
        $(this).val($(this).val().match(/^\d+\.?\d{0,3}$/));
        $('#package_weight').val((parseFloat($(this).val()!='' ? $(this).val() : '0') * parseFloat($('#package_count').val()!='' ? $('#package_count').val() : '0')).toFixed(3));
        $('#pallet_weight').val((parseFloat($(this).val()!='' ? $(this).val() : '0') * parseFloat($('#pallet_count').val()!='' ? $('#pallet_count').val() : '0')).toFixed(3));
    });
    
    $('#piece_surface').on('input', function() {
        $(this).val($(this).val().match(/^\d+\.?\d{0,3}$/));
        $('#package_surface').val((parseFloat($(this).val()!='' ? $(this).val() : '0') * parseFloat($('#package_count').val()!='' ? $('#package_count').val() : '0')).toFixed(3));
        $('#pallet_surface').val((parseFloat($(this).val()!='' ? $(this).val() : '0') * parseFloat($('#pallet_count').val()!='' ? $('#pallet_count').val() : '0')).toFixed(3));
    });
    
    $('#package_count').on('input', function() {
        $('#package_weight').val((parseFloat($(this).val()!='' ? $(this).val() : '0') * parseFloat($('#piece_weight').val()!='' ? $('#piece_weight').val() : '0')).toFixed(3));
        $('#package_surface').val((parseFloat($(this).val()!='' ? $(this).val() : '0') * parseFloat($('#piece_surface').val()!='' ? $('#piece_surface').val() : '0')).toFixed(3));
    });
    
    $('#pallet_count').on('input', function() {
        $('#pallet_weight').val((parseFloat($(this).val()!='' ? $(this).val() : '0') * parseFloat($('#piece_weight').val()!='' ? $('#piece_weight').val() : '0')).toFixed(3));
    });

    $('#is_wrappage_disable').click(function() {
        $('#measure_1').removeAttr('checked');
        $('#measure_0').attr('checked', true);
    });
    
    
    $('#unit').on('change', function(){
        if($(this).val()==3){
            $('#piece_surface').attr('readonly',false).attr('required',true);
            $('#package_surface').attr('readonly',false);
        }
        else{
            $('#piece_surface').attr('readonly',true).attr('required',false).val('');
            $('#package_surface').attr('readonly',true).val('');
        }
        
        $('.single_piece').html($(this).val()!=='' ? $(this).find('option:selected').text() : 'Единична бройка');
    }).change();
    
    $('.vat').on('change',function(){
        $(this).siblings('.no_vat').val(($(this).val()/1.2).toFixed(2));
    });
    
    $('.no_vat').on('change',function(){
        $(this).siblings('.vat').val(($(this).val()*1.2).toFixed(2));
    });
    
    
    
     $('.add_image').on('click',function(){
        var new_element = $('.image_div').last().clone();
        new_element.find('.element_image').attr('src',"{{URL::asset('/images/sleeping-dog.jpg')}}");
        new_element.find('.errorBox').html('');
        $('.add_element_image').before(new_element);
     });

     function readURL(element,input){
         if(input.files && input.files[0]) {
           var reader = new FileReader();
           reader.onload = function(e) {
             element.closest('.image_div').find('.element_image').attr('src', e.target.result);
           }
           reader.readAsDataURL(input.files[0]);
         }
     }

     $(document).on('change',".custom-file-input",function() {
        var element = $(this);
        $(this).closest('.margin--bottom-5').find('.errorBox').html('');
        $('.submit').attr('disabled',false);
        if($(this).val()!=''){
            if(this.files[0].size>5242880){
                $(this).closest('.margin--bottom-5').find('.errorBox').append('<label class="error size_error">Снимката трябва да бъде до 5МБ</label><br/>');
                $('.submit').attr('disabled',true);
            }
            else{
                $(this).closest('.margin--bottom-5').find('.errorBox').find('.size_error').remove();
            }
            
            if($.inArray(this.value.split('.').pop(),['jpg','jpeg','png','bmp','gif','svg'])==-1){
                $(this).closest('.image_div').find('.element_image').attr('src',"{{URL::asset('/images/sleeping-dog.jpg')}}");
                $(this).closest('.image_div').find('.custom-file-input').val('').change();
                $(this).closest('.margin--bottom-5').find('.errorBox').append('<label class="error extension_error">Файлът трябва да е с разширение jpg, jpeg ,png ,bmp ,gif или svg.</label>');
                $('.submit').attr('disabled',true);
            }
            else{
                $(this).closest('.margin--bottom-5').find('.errorBox').find('.extension_error').remove();
            }
        }
         readURL(element,this);
     });

     $(document).on('click','.remove_image',function(){
         if($('.image_div').length>1){
             $(this).closest('.image_div').remove();
             if(!$('.error').length){
                 $('.submit').attr('disabled',false);
             }
         }
         else{
             $(this).closest('.image_div').find('.element_image').attr('src',"{{URL::asset('/images/sleeping-dog.jpg')}}");
             $(this).closest('.image_div').find('.custom-file-input').val('').change();
         }
     });
     
     
     
     
     CKEDITOR.replace( 'description',{
        extraPlugins: 'imageresize',
        removePlugins: 'easyimage, cloudservices,exportpdf',
        filebrowserUploadUrl: "{{route('images.upload', ['_token' => csrf_token() ])}}",
        filebrowserUploadMethod: 'form'        
    });
});

    $('.storage_show').on('change',function(){
        if(this.checked){
            $('#storage_'+$(this).val()).fadeIn('slow');
        }
        else{
            $('#storage_'+$(this).val()).fadeOut('slow');
        }
    }).change();
    
    $('#producer').on('change', function(){
        if($(this).val()!==''){ 
            var producer = $(this).val();                    
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/get_wrappages',
                type: 'POST',
                data: {'producer' : producer},
                success: function(response){
                    if(response.length>0){                                
                        $('#wrappage_piece,#wrappage_package,#wrappage_pallet').find('option').remove().end();
                        var options = [];
                         options[1] ='<option value=""> --- Амбалаж за бройка --- </option>';
                         options[2] ='<option value=""> --- Амбалаж за пакетаж --- </option>';
                         options[3] ='<option value=""> --- Амбалаж за палет --- </option>';
                         for (var i in response){
                               options[response[i].is_wrappage] += '<option value="' + response[i].id + '" name="'+ response[i].name + '">' + response[i].name + '</option>';
                         }
                         $('#wrappage_piece').html(options[1]).attr('disabled',false).trigger('updated');
                         $('#wrappage_package').html(options[2]).attr('disabled',false).trigger('updated');
                         $('#wrappage_pallet').html(options[3]).attr('disabled',false).trigger('updated');
                    }
                    else{
                         $('#wrappage_piece,#wrappage_package,#wrappage_pallet').attr('disabled',true).trigger('updated');
                    }
                }
            });
        }
        else{
            $('#wrappage_piece').html('<option value=""> --- Амбалаж за бройка --- </option>').val('').trigger('updated');
            $('#wrappage_package').html('<option value=""> --- Амбалаж за пакетаж --- </option>').val('').trigger('updated');
            $('#wrappage_pallet').html('<option value=""> --- Амбалаж за палет --- </option>').val('').trigger('updated');
        }
    }).change();
    
    $('input[name="is_wrappage"]').on('change', function(){
       if($(this).val()==='0'){
           $('#wrappage_piece,#wrappage_package,#wrappage_pallet').attr('disabled',false).trigger('updated');
       } 
       else{
            $('#wrappage_piece,#wrappage_package,#wrappage_pallet').attr('disabled',true).val('').trigger('updated');
       }
    });
    
</script>
@endsection