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

            <div class="panel-body">
                <form id="product_edit" enctype="multipart/form-data" method="POST" action="{{ route('products.update', $product->id) }}?page={{ request('page', 1) }}" class="form form-horizontal">
                    {{ method_field('PATCH') }}
                    {{ csrf_field() }}

                <fieldset>
                        <h2 style="text-align: center;">{{__('texte.products_arr.edit.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.edit.name'))}}</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="name" name="name" value="{{ old('name',$product->name) }}" placeholder="{{__('texte.products_arr.edit.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.edit.category')}}</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="category" name="category" required>
                                    <option value="">--- {{__('texte.products_arr.edit.category')}} ---</option>
                                    @foreach($categories as $current_category)
                                        <option value='{{$current_category->id}}' {{old('category', $product->category_id) == $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', $product->category_id) == $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', $product->category_id) == $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>

                        <div class="form-group row {{ $errors->has('producer') ? ' has-error' : '' }}">
                            <label for="producer" class="col-sm-2 col-form-label required">{{__('texte.products_arr.edit.producer')}}</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="producer" name="producer" required>
                                    <option value="">--- {{__('texte.products_arr.edit.producer')}} ---</option>
                                    @foreach ($producers as $producer)
                                    <option value="{{ $producer->id }}" {{old('producer',$product->producer_id) == $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.edit.code')}}</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="code" name="code" value="{{ old('code',$product->code) }}" placeholder="{{__('texte.products_arr.edit.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.edit.unit')}}</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="unit" name="unit" required>
                                    <option value="">--- {{__('texte.products_arr.edit.unit')}} ---</option>
                                    @foreach (__('texte.units_arr') as $key=>$val)
                                    <option value="{{$key}}" {{old('unit',$product->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.edit.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',$product->input_measure) == 0 ? "checked" : ""}}/> {{__('texte.products_arr.edit.count')}} 
                                </label>
                                <label class="control-label">
                                    <input type="radio" class="is_wrappage_disable" name="input_measure" value="1" {{old('input_measure',$product->input_measure) == 1 ? "checked" : ""}}/> {{__('texte.products_arr.edit.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.edit.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',$product->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',$product->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',$product->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',$product->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.edit.weights_barcodes')}}</h2>
                        
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">{{__('texte.products_arr.edit.weight_barcodes')}}</label>
                            <div class="col-sm-8">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th></th>
                                            <th>{{__('texte.products_arr.edit.count')}}</th>
                                            <th><label class='required'>{{__('texte.products_arr.edit.weight')}}</label></th>
                                            <th>{{__('texte.products_arr.edit.barcode')}}</th>
                                            <th>{{__('texte.products_arr.edit.surface')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <th class='single_piece'>{{__('texte.products_arr.edit.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',$product->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',$product->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',$product->piece_surface) }}" pattern="^\d+\.?\d{0,3}$" placeholder="0123456789" maxlength="255" />
                                                        @if ($errors->has('piece_surface'))
                                                            <span class="help-block"><strong>{{ $errors->first('piece_surface') }}</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.edit.package')}}</option>
                                                            @foreach ($packages as $package)
                                                                <option value="{{ $package->id }}" {{old('package',$product->package_id) == $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', $product->package_count ?? 1)}}" pattern="^\d{1,}$" placeholder="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',$product->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',$product->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',$product->package_surface) }}" pattern="^\d+\.?\d{0,3}$" placeholder="0123456789" maxlength="255" />
                                                        @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.edit.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', $product->pallet_count ?? 1) }}" 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_weight') ? ' has-error' : '' }}">
                                                    <div class="col-sm-8">
                                                        <input type="text" class="form-control wrappage" id="pallet_weight" name="pallet_weight" value="{{ old('pallet_weight',$product->pallet_weight) }}" pattern="^\d+\.?\d{0,3}$" placeholder="0.000" maxlength="255" readonly />
                                                        @if ($errors->has('pallet_weight'))
                                                            <span class="help-block"><strong>{{ $errors->first('pallet_weight') }}</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">
                                                    <div class="col-sm-8">
                                                        <input type="text" class="form-control" placeholder="0123456789" readonly />
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        
                        <h2 style="text-align: center;">{{__('texte.products_arr.edit.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.edit.with_vat')}}</th>
                                            <th style="text-align: right;border-bottom:0px;">{{__('texte.products_arr.edit.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.edit.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', number_format($product->price_supply*1.2,5)) }}" 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',$product->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.edit.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', number_format($product->price_base*1.2,5)) }}" 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',$product->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">{{__('texte.products_arr.edit.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', number_format($product->price_recommend*1.2,5)) }}" pattern="^\d+\.?\d{0,5}$" placeholder="0.00000" maxlength="255" />
                                <input style="width:50%;"  type="text" class="form-control price no_vat" id="price_recommend" name="price_recommend" value="{{ old('price_recommend',$product->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.edit.min_stock')}}</label>
                            <div class="col-sm-8">
                                <input type="text" min="1" class="form-control number" id="min" name="min" value="{{ old('min',$product->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.edit.max_stock')}}</label>
                            <div class="col-sm-8">
                                <input type="text" min="1" class="form-control number" id="max" name="max" value="{{ old('max',$product->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.edit.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',$product->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.edit.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',$product->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.edit.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 }}" {{ count($product->storage_products->where('storage_id',$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)==0 || (!old('storage_measure_'.$storage->id) && count($product->storage_products->where('storage_id',$storage->id))>0 && $product->storage_products->where('storage_id',$storage->id)->pluck(['measure'])[0]==0) ? "checked" : ""}}/> {{__('texte.products_arr.edit.measure')}} 
                                        </label>
                                        <label class="control-label measure_label">
                                            <input type="radio" name="storage_measure_{{ $storage->id }}" value="1" {{old('storage_measure_'.$storage->id)==1 || (!old('storage_measure_'.$storage->id) && count($product->storage_products->where('storage_id',$storage->id))>0 && $product->storage_products->where('storage_id',$storage->id)->pluck(['measure'])[0]== 1) ? "checked" : ""}}/> {{__('texte.products_arr.edit.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.edit.description')}}</label>
                            <div class="col-sm-8">
                                <textarea class="form-control" id="description" name="description" placeholder="{{__('texte.products_arr.edit.description')}}" >{{ old('description',$product->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('active') ? ' has-error' : '' }}">
                            <div class="col-sm-8 col-sm-offset-2">
                                <label for="active" class="col-form-label">
                                    <input type="checkbox" id="active" name="active" value="1" {{$product->active==1 ? "checked" : ""}}/> 
                                    {{__('texte.products_arr.edit.active')}} 
                                </label>
                                @if ($errors->has('active'))
                                    <span class="help-block"><strong>{{ $errors->first('active') }}</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.edit.photos')}}</label>
                            <div class="col-sm-8">
                                @if(count($product->images)>0)
                                    @foreach($product->images as $image)
                                        <div class="edit_image_div">
                                            <div class="img-row-edit">
                                                <img class="edit_element_image" src="{{asset('/images/products/thumbs/'.$image->name)}}" data-name="{{$image->name}}" data-id="{{$image->id}}" alt="here goes the image"/>
                                            </div>
                                            <div class="img-row">
                                                <div class="margin--bottom-5">
                                                    <div class="custom-file">
                                                        <a href="javascript:;" class="btn btn-danger m-btn--icon-only delete_image">
                                                            <i class="glyphicon glyphicon-trash"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clear-both"></div>
                                        </div>
                                    @endforeach
                                @endif
                                <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.edit.add_photo')}}</a>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-xs-12 col-xs-offset-5 col-sm-12 col-sm-offset-5 col-md-12 col-md-offset-5">
                                <button type="submit" class="btn btn-primary">{{__('texte.products_arr.edit.change')}}</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() {
    
    var product = {!!$product!!}
    
    $('#category,#producer,#package,#unit').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(5));
    });
    
    $('.no_vat').on('change',function(){
        $(this).siblings('.vat').val($(this).val()*1.2);
    });

    $('.add_image').on('click',function(){
       if($('.image_div:hidden').length>0){
           $('.image_div').attr('hidden',false);
       }
       else{
            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();
            $(this).closest('.image_div').attr('hidden',false);
        }
    });

    $('.delete_image').click(function(){
       var element = $(this).closest('.edit_image_div');
       var image = element.find('.edit_element_image').attr('data-name');
       var id = element.find('.edit_element_image').attr('data-id');
       $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/delete_image',
                    type: 'POST',
            data: { 
                    'id' : id,
                    'image' : image,
                    'model' : 'products'},
            success: function(response){
                if(response.warning){
                    alert(response.warning);
                }
                else{
                    element.remove();
                    if($('.edit_image_div').length==0){
                        $('.image_div').show();
                    }
                    alert(response.success); 
                }
            }
        });
    });
    
    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){
                    var options = [];
                    options[1] ='<option value=""> --- Амбалаж за брой --- </option>';
                    options[2] ='<option value=""> --- Амбалаж за пакетаж --- </option>';
                    options[3] ='<option value=""> --- Амбалаж за палет --- </option>';
                    
                    if(response.length>0){                                
                        $('#wrappage_piece,#wrappage_package,#wrappage_pallet').find('option').remove().end();
                        for (var i in response){
                            options[response[i].is_wrappage] += '<option value="' + response[i].id + '" name="'+ response[i].name + '"' +(response[i].id==product.wrappage_piece_id ? 'selected' : '') + '>' + response[i].name + '</option>';
                        }
                    }
                    
                    $('#wrappage_piece').html(options[1]).trigger('updated');
                    $('#wrappage_package').html(options[2]).trigger('updated');
                    $('#wrappage_pallet').html(options[3]).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();
    
    $('.is_wrappage_enable').on('change', function(){
       if($(this).prop('checked')===true){
           $('#wrappage_piece,#wrappage_package,#wrappage_pallet').attr('disabled',false).trigger('updated');
       } 
       else{
            $('#wrappage_piece,#wrappage_package,#wrappage_pallet').attr('disabled',true).trigger('updated');
       }
    }).change();
});    
</script>
@endsection