{!! Theme::section('page.profile.products.product-menu',['pageName'=>$pageName]) !!}

<div class="box">
    <div class="box-title">
        	<b><span class="brand-colored-texts">{{$product->product_name}}</span> {{trans('businessecommerce.edit-product')}}</b>
    </div>
    
    <div class="box-content business-product-sell-form">
    	<form class="form-horizontal single-column-form" role="form" action="" method="post" enctype="multipart/form-data">
        
        	  {{ csrf_field() }}	
        	  <input type="hidden" id="business_url" value="{{$page->present()->url()}}" />	
              @if(!empty($message))
                <div class="alert alert-danger">{{$message}}</div> 
                <br />
              @endif
            
              @if (Session::has('success'))
                  <div class="alert alert-dismissible alert-success"> <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>{{Session::get('success')}}</div>
                  <br />
              @endif
              
              <div class="form-group">
                <label class="col-sm-12 control-label">{{trans('businessecommerce.selling-product-name')}}</label>
                <div class="col-sm-12">
                    <input type="text" class="form-control" name="val[product_name]" placeholder="{{trans('businessecommerce.type-the-name-of-the-product')}}" required="required" value="{{$product->product_name}}"/>
                </div>
              </div>
              
              <div class="form-group">
                <label class="col-sm-12 control-label">{{trans('businessecommerce.product-category')}}</label>
                <div class="col-sm-12">
					<select name="val[pr_category]" id="pr_category" class="form-control">
                    	<option value="">{{trans('businessecommerce.select')}}</option>
                        
                        @if($categories)
                        	@foreach($categories as $category)
                            	<option value="{{$category->id}}" @if($product->category_id==$category->id)  selected="selected" @endif>{{$category->name}}</option>
                            @endforeach
                        @endif 
                    </select>
                </div>
              </div>
              
              <div class="form-group">
                <label class="col-sm-12 control-label">{{trans('businessecommerce.define-selling-product-type')}} </label>
                <div class="col-sm-12">
					<select name="val[product_category]" id="ecommerce_product_category" class="form-control" disabled="disabled" readonly>
                    	<option value="">{{trans('businessecommerce.select')}}</option>
                        <option value="1" @if($product->product_category==1) selected="selected" @endif>Product in container</option>
                        <option value="2" @if($product->product_category==2) selected="selected" @endif>Wearable</option>
                        <option value="0" @if($product->product_category==0) selected="selected" @endif>Other product/service</option>
                    </select>
                </div>
              </div>


              <div class="liquid-mode-box" style="@if($product->product_category==1) display:block; @endif">
                  <div class="form-group liquid-inside-values">
                        <label class="col-sm-12 control-label">{{trans('businessecommerce.define-container-size')}}</label>
                        
                                                
                        @if(count($liquidSizes)>0)
                        	@foreach($liquidSizes as $liquidSize)
                            	
                                <div class="liquid-value liquid-value-{{$liquidSize->id}}">
                                    @if($cntt_liq==0)
                                    	<div class="col-sm-5 col-xs-5">
                                             <strong>Container Size</strong>  
                                        </div>
                                        
                                        <div class="col-sm-5 col-xs-5">
                                             <strong>Price</strong>  
                                        </div>
                                    @endif
                                    
                                                                        <div class="col-sm-5 col-xs-5">
                                        <input type="text" class="form-control" name="liquid_mode_value[][{{$liquidSize->id}}]" value="{{$liquidSize->value}}" placeholder="type container size i.e. 30ml, 50ml etc." autocomplete="off"/>
                                    </div>
                                    
                                    <div class="col-sm-5 col-xs-5">
                                        <input type="text" class="form-control accept_only_numbers_decimal" name="liquid_mode_price[][{{$liquidSize->id}}]" value="{{$liquidSize->price}}" placeholder="type container price" autocomplete="off"/>
                                    </div>
                                    
                                    <div class="col-sm-2 col-xs-2">
                                        <span class="delete-liquid-values" data-id="{{$liquidSize->id}}"><i class="fa fa-trash" aria-hidden="true"></i></span>
                                    </div>

                                    <!--<label class="col-sm-12">Weight & Unit</label>
                                   
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control accept_only_numbers_decimal" name="liquid_mode_weight[][{{$liquidSize->id}}]" value="{{$liquidSize->variant_weight}}" placeholder="Weight" autocomplete="off"/>
                                    </div>
                                    
                                    <div class="col-sm-2">
                                        <select class="form-control" name="liquid_mode_weight_unit[][{{$liquidSize->id}}]">
                                            <option value="kg" {{$liquidSize->variant_weight_unit == 'kg' ? 'selected' : ''}}>kg</option>
                                            <option value="lbs" {{$liquidSize->variant_weight_unit == 'lbs' ? 'selected' : ''}}>lbs</option>
                                        </select>
                                    </div>
                                 
                                    <label class="col-sm-12">Dimensions (L x W x H) & Unit</label>
                                               
                                    <div class="col-sm-3">
                                        <input type="text" class="form-control accept_only_numbers_decimal" name="liquid_mode_length[][{{$liquidSize->id}}]" value="{{$liquidSize->variant_length}}" placeholder="Length" autocomplete="off"/>
                                    </div>
                                    <div class="col-sm-3">
                                        <input type="text" class="form-control accept_only_numbers_decimal" name="liquid_mode_width[][{{$liquidSize->id}}]" value="{{$liquidSize->variant_width}}" placeholder="Width" autocomplete="off"/>
                                    </div>
                                    <div class="col-sm-3">
                                        <input type="text" class="form-control accept_only_numbers_decimal" name="liquid_mode_height[][{{$liquidSize->id}}]" value="{{$liquidSize->variant_height}}" placeholder="Height" autocomplete="off"/>
                                    </div>
                                    <div class="col-sm-3">
                                        <select class="form-control" name="liquid_mode_dimensions_unit[][{{$liquidSize->id}}]">
                                            <option value="cm" {{$liquidSize->variant_dimensions_unit == 'cm' ? 'selected' : ''}}>cm</option>
                                            <option value="inches" {{$liquidSize->variant_dimensions_unit == 'inches' ? 'selected' : ''}}>in</option>
                                        </select>
                                    </div>-->
                                    
                                    <div style="clear:both"></div>
                                </div> 
                            @endforeach    
                        @else
                            <div class="liquid-value">
                            	<div class="col-sm-5 col-xs-5">
                                     <strong>Container Size</strong>  
                                </div>
                                
                                <div class="col-sm-5 col-xs-5">
                                     <strong>Price</strong>  
                                </div>
                            
                                <div class="col-sm-5 col-xs-5">
                                    <input type="text" class="form-control" name="liquid_mode_value[][]" placeholder="type container size i.e. 30ml, 50ml etc." autocomplete="off"/>
                                </div>
                                
                                <div class="col-sm-5 col-xs-5">
                                	<input type="text" class="form-control accept_only_numbers_decimal" name="liquid_mode_price[][]" placeholder="type container price" autocomplete="off"/>
                            	</div>
                                
                                <div class="col-sm-2 col-xs-2">
                                    <span class="delete-new-liquid-values"><i class="fa fa-trash" aria-hidden="true"></i></span>
                                </div>

                                <!--<label class="col-sm-12">Weight & Unit</label>
                               
                                <div class="col-sm-5">
                                    <input type="text" class="form-control accept_only_numbers_decimal" name="liquid_mode_weight[][]" placeholder="Weight" autocomplete="off"/>
                                </div>
                                
                                <div class="col-sm-2">
                                    <select class="form-control" name="liquid_mode_weight_unit[][]">
                                        <option value="kg">kg</option>
                                        <option value="lbs">lbs</option>
                                    </select>
                                </div>
                             
                                <label class="col-sm-12">Dimensions (L x W x H) & Unit</label>
                                           
                                <div class="col-sm-3">
                                    <input type="text" class="form-control accept_only_numbers_decimal" name="liquid_mode_length[][]" placeholder="Length" autocomplete="off"/>
                                </div>
                                <div class="col-sm-3">
                                    <input type="text" class="form-control accept_only_numbers_decimal" name="liquid_mode_width[][]" placeholder="Width" autocomplete="off"/>
                                </div>
                                <div class="col-sm-3">
                                    <input type="text" class="form-control accept_only_numbers_decimal" name="liquid_mode_height[][]" placeholder="Height" autocomplete="off"/>
                                </div>
                                <div class="col-sm-3">
                                    <select class="form-control" name="liquid_mode_dimensions_unit[][]">
                                        <option value="cm">cm</option>
                                        <option value="inches">in</option>
                                    </select>
                                </div>-->
                                
                                <div style="clear:both"></div>
                            </div>    
                        @endif    
                  </div>
                  
                  <div class="clearboth"></div>
                  <!--<div class="col-sm-10 col-xs-10">
                  	<span class="add-more-liquid-values"><i class="fa fa-plus"></i> {{trans('businessecommerce.add-another-size')}}</span>
                  </div> --> 
              </div>
              
              <div class="size-mode-box" style="@if($product->product_category==2) display:block; @endif">
                  <div class="form-group size-inside-values">
                        <label class="col-sm-12 control-label">{{trans('businessecommerce.add-size-type')}}</label>
                        @if(count($wearableSizes)>0)
                        	@foreach($wearableSizes as $wearableSize)                              

								<div class="size-value">
									<div class="row" style="margin-right:0px; margin-left:0px;">
										<div class="col-sm-4 col-xs-4">
											<input type="text" value="{{$wearableSize->value}}" class="form-control" name="size_mode_value[][{{$wearableSize->id}}]" placeholder="type size i.e. S,M,L,XL,XXL" autocomplete="off"/>
										</div>
										
										<div class="col-sm-4 col-xs-4">
											<input type="text" value="{{$wearableSize->color}}" class="form-control" name="color_mode_value[][{{$wearableSize->id}}]" placeholder="type Color" autocomplete="off"/>
										</div>
										
										<div class="col-sm-4 col-xs-4">
											 <input type="text" value="{{$wearableSize->price}}" class="convert_val_to_decimal form-control accept_only_numbers_decimal" name="price_mode_value[][{{$wearableSize->id}}]" placeholder="type price" autocomplete="off"/>
										</div>                            
									</div>

									<div class="row" style="margin-right:0px; margin-left:0px;">	
										<div class="col-sm-4 col-xs-4">
											<input type="text" value="{{$wearableSize->article_number}}" class="form-control" name="sku_mode_value[][{{$wearableSize->id}}]" placeholder="SKU" autocomplete="off"/>
										</div>
										
										<div class="col-sm-4 col-xs-4">
											 <input type="text" value="{{$wearableSize->quantity}}" class="convert_val_to_decimal form-control accept_only_numbers_decimal" name="quantity_mode_value[][{{$wearableSize->id}}]" placeholder="type quantity" autocomplete="off"/>
										</div>  
										
										<div class="col-sm-4 col-xs-4">
											   <span class="delete-size-values" data-id="{{$wearableSize->id}}"><i class="fa fa-trash" aria-hidden="true"></i></span>
										</div>
									</div>

									<!--<div class="row" style="margin-right:0px; margin-left:0px;">								
										<label class="col-sm-12">Weight & Unit</label>
										
										<div class="col-sm-5">
											<input type="text" class="form-control accept_only_numbers_decimal" name="size_mode_weight[][{{$wearableSize->id}}]" value="{{$wearableSize->variant_weight}}" placeholder="Weight" autocomplete="off"/>
										</div>
										
										<div class="col-sm-2">
											<select class="form-control" name="size_mode_weight_unit[][{{$wearableSize->id}}]">
												<option value="kg" {{$wearableSize->variant_weight_unit == 'kg' ? 'selected' : ''}}>kg</option>
												<option value="lbs" {{$wearableSize->variant_weight_unit == 'lbs' ? 'selected' : ''}}>lbs</option>
											</select>
										</div>									
									</div>
										
									<div class="row" style="margin-right:0px; margin-left:0px;">
										<label class="col-sm-12" >Dimensions (L x W x H) & Unit</label>
											
										<div class="col-sm-3">
											<input type="text" class="form-control accept_only_numbers_decimal" name="size_mode_length[][{{$wearableSize->id}}]" value="{{$wearableSize->variant_length}}" placeholder="Length" autocomplete="off"/>
										</div>
										<div class="col-sm-3">
											<input type="text" class="form-control accept_only_numbers_decimal" name="size_mode_width[][{{$wearableSize->id}}]" value="{{$wearableSize->variant_width}}" placeholder="Width" autocomplete="off"/>
										</div>
										<div class="col-sm-3">
											<input type="text" class="form-control accept_only_numbers_decimal" name="size_mode_height[][{{$wearableSize->id}}]" value="{{$wearableSize->variant_height}}" placeholder="Height" autocomplete="off"/>
										</div>
										<div class="col-sm-3">
											<select class="form-control" name="size_mode_dimensions_unit[][{{$wearableSize->id}}]">
												<option value="cm" {{$wearableSize->variant_dimensions_unit == 'cm' ? 'selected' : ''}}>cm</option>
												<option value="inches" {{$wearableSize->variant_dimensions_unit == 'inches' ? 'selected' : ''}}>in</option>
											</select>
										</div>
									</div>-->
								</div>
                            @endforeach    
                        @else
                            <div class="size-value">
								<div class="row" style="margin-right:0px; margin-left:0px;">
									<div class="col-sm-4 col-xs-4">
										<input type="text" class="form-control" name="size_mode_value[][]" placeholder="type size i.e. S,M,L,XL,XXL" autocomplete="off"/>
									</div>
									
									<div class="col-sm-4 col-xs-4">
										<input type="text" class="form-control" name="color_mode_value[][]" placeholder="type Color" autocomplete="off"/>
									</div>
									
									<div class="col-sm-4 col-xs-4">
										 <input type="text" class="form-control accept_only_numbers_decimal" name="price_mode_value[][]" placeholder="type price" autocomplete="off"/>
									</div>                            
								</div>

								<div class="row" style="margin-right:0px; margin-left:0px;">	
									<div class="col-sm-4 col-xs-4">
										<input type="text" class="form-control" name="sku_mode_value[][]" placeholder="SKU" autocomplete="off"/>
									</div>
									
									<div class="col-sm-4 col-xs-4">
										 <input type="text" class="form-control accept_only_numbers_decimal" name="quantity_mode_value[][]" placeholder="type quantity" autocomplete="off"/>
									</div>  
									
									<div class="col-sm-4 col-xs-4">
										   <span class="delete-new-size-values"><i class="fa fa-trash" aria-hidden="true"></i></span>
									</div>
								</div>

								<!--<div class="row" style="margin-right:0px; margin-left:0px;">								
									<label class="col-sm-12">Weight & Unit</label>
									
									<div class="col-sm-5">
										<input type="text" class="form-control accept_only_numbers_decimal" name="size_mode_weight[][]" placeholder="Weight" autocomplete="off"/>
									</div>
									
									<div class="col-sm-2">
										<select class="form-control" name="size_mode_weight_unit[][]">
											<option value="kg">kg</option>
											<option value="lbs">lbs</option>
										</select>
									</div>									
								</div>
									
								<div class="row" style="margin-right:0px; margin-left:0px;">
									<label class="col-sm-12" >Dimensions (L x W x H) & Unit</label>
										
									<div class="col-sm-3">
										<input type="text" class="form-control accept_only_numbers_decimal" name="size_mode_length[][]" placeholder="Length" autocomplete="off"/>
									</div>
									<div class="col-sm-3">
										<input type="text" class="form-control accept_only_numbers_decimal" name="size_mode_width[][]" placeholder="Width" autocomplete="off"/>
									</div>
									<div class="col-sm-3">
										<input type="text" class="form-control accept_only_numbers_decimal" name="size_mode_height[][]" placeholder="Height" autocomplete="off"/>
									</div>
									<div class="col-sm-3">
										<select class="form-control" name="size_mode_dimensions_unit[][]">
											<option value="cm">cm</option>
											<option value="inches">in</option>
										</select>
									</div>
								</div>-->
							</div>	 
                        @endif      
                  </div>
                  
                   <div class="clearboth"></div>
                  <!--<div class="col-sm-10 col-xs-10">
                  	<span class="add-more-size-values"><i class="fa fa-plus"></i> {{trans('businessecommerce.add-another-size')}}</span>
                  </div> --> 
              </div>
              
              <!--<div class="color-mode-box" style="@if($product->product_category==2) display:block; @endif">
                  <div class="form-group color-inside-values">
                        <label class="col-sm-12 control-label">{{trans('businessecommerce.add-colors')}}</label>
                        
                        @if(count($colors)>0)
                        	@foreach($colors as $color)
                                 <div class="color-value color-value-{{$color->id}}">
                                    <div class="col-sm-5 col-xs-5">
                                        <input type="text" class="form-control" name="color_mode_value[][{{$color->id}}]" value="{{$color->value}}" placeholder="type color" autocomplete="off"/>
                                    </div>
                                    
                                    <div class="col-sm-5 col-xs-5">
                                 		<input type="text" class="form-control accept_only_numbers_decimal" name="size_mode_price[][{{$color->id}}]"  value="{{$color->price}}" placeholder="type price" autocomplete="off"/>
                            		</div>
                                    
                                    <div class="col-sm-2 col-xs-2">
                                        <span class="delete-color-values" data-id="{{$color->id}}"><i class="fa fa-trash" aria-hidden="true"></i></span>
                                    </div>
                                </div> 
                            @endforeach    
                        @else
                            <div class="color-value">
                                <div class="col-sm-5 col-xs-5">
                                    <input type="text" class="form-control" name="color_mode_value[][]" placeholder="type color" autocomplete="off"/>
                                </div>
                                
                                <div class="col-sm-5 col-xs-5">
                                 <input type="text" class="form-control accept_only_numbers_decimal" name="size_mode_price[][]" placeholder="type price" autocomplete="off"/>
                            	</div>
                                
                                <div class="col-sm-2 col-xs-2">
                                    <span class="delete-new-color-values"><i class="fa fa-trash" aria-hidden="true"></i></span>
                                </div>
                            </div> 
                         @endif            
                  </div>
                  
                  <div class="clearboth"></div>
                  <div class="col-sm-10 col-xs-10">
                  	<span class="add-more-color-values"><i class="fa fa-plus"></i>{{trans('businessecommerce.add-another-color')}}</span>
                  </div>  
              </div>-->
              
               <div class="clearboth"></div>
               
               <div class="form-group hide-for-wearable-product" style="@if($product->product_category==2) display:none; @endif">
              		<div class="row">
                        <div class="col-sm-6 product-2cols-view">
                            <label class="col-sm-12 control-label">SKU</label>
                            <div class="col-sm-12">
                                <input type="text" class="form-control" name="val[item_number]" placeholder="type your product stock keeping unit" value="{{$product->item_number}}"/>
                            </div>
                         </div>
              		
                        <div class="col-sm-6 product-2cols-view">
                            <label class="col-sm-12 control-label">{{trans('businessecommerce.quantity-available')}}</label>
                            <div class="col-sm-12">
                                <input type="text" class="form-control accept_only_numbers" name="val[quantity_available]" id="product_quantity_available" placeholder="{{trans('businessecommerce.type-quantity-available')}}" @if($product->product_category!=2) required="required" @endif value="{{$product->quantity_available}}"/>
                            </div>
                        </div>  
                    </div>      
              </div>
              
              <div class="form-group">
              		<div class="row">
					
                		<div style="@if($product->product_category==1 || $product->product_category==2) display:none; @endif" class="col-sm-6 product-2cols-view selling-price-box">
                            <label class="col-sm-12 control-label">{{trans('businessecommerce.selling-price')}}</label>
                            <div class="col-sm-12">
                                <input type="text" class="form-control accept_only_numbers_decimal price-input-box" name="val[price]" placeholder="{{trans('businessecommerce.enter-selling-price')}}" @if($product->product_category!=1) required="required" @endif value="{{$product->price}}"/>
                            </div>
                        </div>
                          
                        <div class="@if($product->product_category==1 || $product->product_category==2) col-sm-12 @else col-sm-6 @endif  product-2cols-view offering-discount-box">
                            <label class="col-sm-12 control-label">{{trans('businessecommerce.are-you-offering-any-discount')}} <span class="brand-colored-texts">(%)</span> {{trans('businessecommerce.for-this-product')}}</label>
                            <div class="col-sm-12">
                                
                                <label class="radio-inline"><input type="radio" name="val[is_discounted]" value="1" class="product_discount_btn" @if($product->is_discounted==1) checked @endif>YES (i.e. %)</label>
                                
            <label class="radio-inline"><input type="radio" name="val[is_discounted]" value="0"class="product_discount_btn" @if($product->is_discounted==0) checked @endif>NO</label>
            
                                <div class="product-discount-box" style="@if($product->is_discounted==0) display:none; @endif">
                                    <input type="text" class="form-control accept_only_numbers_decimal" name="val[discount]" id="product_discount_value" placeholder="{{trans('businessecommerce.enter-the-discount-percent')}}" value="{{$product->discount}}"/>
                                </div>    
                            </div>
                       </div>
                   </div>
              </div>         

                            @php
                                $isPhysical = ((int) ($product->is_product_physical ?? 1) === 1);
                            @endphp

                            <div class="divider"></div>

                            <div class="form-group">
                                <div class="col-sm-12">
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <label class="control-label" style="font-size:16px; font-weight:bold;">Shipping Cost Calculations</label>
                                        </div>
                                        <div class="col-sm-6 text-right" style="padding-top: 7px;">
                                            <label style="font-weight: normal; margin: 0;">
                                                <input type="hidden" name="val[is_product_physical]" value="0" />
                                                <input type="checkbox" id="shipping_is_physical" name="val[is_product_physical]" value="1" @if($isPhysical) checked="checked" @endif />
                                                Physical product
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div id="product_shipping_fields" style="@if(!$isPhysical) display:none; @endif">
                                @php
                                    $dimsUnit = !empty($product->dimensions_unit) ? $product->dimensions_unit : 'cm';
                                    $packageType = !empty($product->package_type) ? $product->package_type : 'Box';
                                    $dimsText = '';
                                    if (!empty($product->length) || !empty($product->width) || !empty($product->height)) {
                                        $lenText = is_numeric($product->length) ? number_format((float) $product->length, 2, '.', '') : ($product->length ?: '0.00');
                                        $widText = is_numeric($product->width) ? number_format((float) $product->width, 2, '.', '') : ($product->width ?: '0.00');
                                        $heiText = is_numeric($product->height) ? number_format((float) $product->height, 2, '.', '') : ($product->height ?: '0.00');
                                        $dimsText = strtolower($packageType) . ' - ' . $lenText . ' × ' . $widText . ' × ' . $heiText . ' ' . $dimsUnit;
                                    }

                                    $shippingCost1 = (float) ($product->shipping_cost ?? 0);
                                    $shippingCost2 = (float) ($product->shipping_cost_2 ?? 0);
                                    $shippingCost3 = (float) ($product->shipping_cost_3 ?? 0);
                                    
                                    $hasShippingCost1 =  $product->shipping_cost_free;
                                    $hasShippingCost2 =  $product->shipping_cost_2_free;
                                    $hasShippingCost3 =  $product->shipping_cost_3_free;
                                @endphp

                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-sm-8">
                                            <label class="col-sm-12 control-label">&nbsp;</label>
                                            <div class="col-sm-12">
                                                <div class="input-group">
                                                    <select id="shipping_package_select" class="form-control">
                            <option value="custom" @if(!empty($dimsText)) selected="selected" @endif>{{ empty($dimsText) ? 'Custom package' : ('Custom package (' . $dimsText . ')') }}</option>
                            <option value="default" @if(empty($dimsText)) selected="selected" @endif>Store default • box - 10.00 × 10.00 × 10.00 cm, 10.00 kg</option>
                                                    </select>
                                                    <span class="input-group-btn">
                                                        <button type="button" class="btn btn-default" data-toggle="modal" data-target="#shippingPackageModal">Add package</button>
                                                    </span>
                                                </div>
                                                <small class="text-muted" id="shipping_package_summary">{{$dimsText}}</small>

                                                <input type="hidden" name="val[length]" id="shipping_length" value="{{$product->length}}" />
                                                <input type="hidden" name="val[width]" id="shipping_width" value="{{$product->width}}" />
                                                <input type="hidden" name="val[height]" id="shipping_height" value="{{$product->height}}" />
                                                <input type="hidden" name="val[dimensions_unit]" id="shipping_dimensions_unit" value="{{$dimsUnit}}" />
                                                <input type="hidden" name="val[package_type]" id="shipping_package_type_value" value="Box" />
                                            </div>
                                        </div>

                                        <div class="col-sm-4">
                                            <label class="col-sm-12 control-label">Product weight</label>
                                            <div class="col-sm-7">
                                                <input type="text" class="form-control accept_only_numbers_decimal" name="val[weight]" placeholder="0.00" value="{{ is_numeric($product->weight) ? number_format((float) $product->weight, 2, '.', '') : $product->weight }}" autocomplete="off" />
                                            </div>
                                            <div class="col-sm-5">
                                                <select class="form-control" name="val[weight_unit]">
                                                    <option value="kg" @if($product->weight_unit=="kg" || empty($product->weight_unit)) selected="selected" @endif>kg</option>
                                                    <option value="lbs" @if($product->weight_unit=="lbs") selected="selected" @endif>lbs</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group" style="margin-top:10px;">
                                    <div class="col-sm-12">
                                    	<label style="font-size:16px; font-weight:bold;">Shipping cost</label>
                                        <table class="table table-bordered shipping-cost-table" style="margin-bottom:0;">
                                            <thead>
                                                <tr>
                                                    <th style="width: 120px;">Quantity</th>
                                                    <th>Amount</th>
                                                    <th style="width: 180px;">Free Shipping</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>1</td>
                                                    <td>
                                                                <input style="margin-bottom:0px" id="shipping_cost_1_input" type="text" class="form-control accept_only_numbers_decimal shipping-cost-amount" name="val[shipping_cost]" placeholder="0.00" value="{{$product->shipping_cost ? number_format((float) $product->shipping_cost, 2, '.', '') : '0.00' }}" autocomplete="off" />
                                                    </td>
                                                    <td>
                                                        <select style="margin-bottom:0px" name="val[shipping_cost_free]" class="form-control free-shipping-toggle" data-target="#shipping_cost_1_input">
                                                            <option value="yes" @if($hasShippingCost1=='yes') selected="selected" @endif>Yes</option>
                                                            <option value="no" @if($hasShippingCost1=='no') selected="selected" @endif>No</option>
                                                        </select>
                                                    </td>
                                                    
                                                </tr>
                                                <tr>
                                                    <td>2</td>
                                                    <td>
                                                                <input style="margin-bottom:0px" id="shipping_cost_2_input" type="text" class="form-control accept_only_numbers_decimal shipping-cost-amount" name="val[shipping_cost_2]" placeholder="0.00" value="{{ $product->shipping_cost_2 ? number_format((float) $product->shipping_cost_2, 2, '.', '') : '0.00' }}" autocomplete="off" />
                                                    </td>
                                                    <td>
                                                        <select style="margin-bottom:0px" name="val[shipping_cost_2_free]" class="form-control free-shipping-toggle" data-target="#shipping_cost_2_input">
                                                            <option value="yes" @if($hasShippingCost2=='yes') selected="selected" @endif>Yes</option>
                                                            <option value="no" @if($hasShippingCost2=='no') selected="selected" @endif>No</option>
                                                        </select>
                                                    </td>
                                                  
                                                </tr>
                                                <tr>
                                                    <td>3</td>
                                                    <td>
                                                                <input style="margin-bottom:0px" id="shipping_cost_3_input" type="text" class="form-control accept_only_numbers_decimal shipping-cost-amount" name="val[shipping_cost_3]" placeholder="0.00" value="{{ $product->shipping_cost_3 ? number_format((float) $product->shipping_cost_3, 2, '.', '') : '0.00' }}" autocomplete="off" />
                                                    </td>
                                                    <td>
                                                        <select style="margin-bottom:0px" name="val[shipping_cost_3_free]" class="form-control free-shipping-toggle" data-target="#shipping_cost_3_input">
                                                            <option value="yes" @if($hasShippingCost3=='yes') selected="selected" @endif>Yes</option>
                                                            <option value="no" @if($hasShippingCost3=='no') selected="selected" @endif>No</option>
                                                        </select>
                                                    </td>
                                                    
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div class="modal fade" id="shippingPackageModal" tabindex="-1" role="dialog" aria-labelledby="shippingPackageModalLabel">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            <h4 class="modal-title" id="shippingPackageModalLabel">Add package</h4>
                                        </div>
                                        <div class="modal-body" style="padding: 10px 30px !important;">
                                            <div class="form-group">
                                                <label class="control-label">Package type</label>
                                                <select id="shipping_package_type" class="form-control">
                                                    <option value="Box" selected="selected">Box</option>
                                                </select>
                                            </div>

                                            <div class="form-group">
                                                <label class="control-label">Dimensions</label>
                                                <div class="row">
                                                    <div class="col-sm-3">
                                                        <input type="text" class="form-control accept_only_numbers_decimal" id="shipping_modal_length" placeholder="Length" value="{{ $product && is_numeric($product->length) ? number_format((float)$product->length, 2, '.', '') : '' }}" />
                                                    </div>
                                                    <div class="col-sm-3">
                                                        <input type="text" class="form-control accept_only_numbers_decimal" id="shipping_modal_width" placeholder="Width" value="{{ $product && is_numeric($product->width) ? number_format((float)$product->width, 2, '.', '') : '' }}" />
                                                    </div>
                                                    <div class="col-sm-3">
                                                        <input type="text" class="form-control accept_only_numbers_decimal" id="shipping_modal_height" placeholder="Height" value="{{ $product && is_numeric($product->height) ? number_format((float)$product->height, 2, '.', '') : '' }}" />
                                                    </div>
                                                    <div class="col-sm-3">
                                                        <select id="shipping_modal_dimensions_unit" class="form-control">
                                                            <option value="cm" @if($dimsUnit=="cm") selected="selected" @endif>cm</option>
                                                            <option value="inches" @if($dimsUnit=="inches") selected="selected" @endif>inches</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="form-group" style="display:none;">
                                                <label class="control-label">Package name (optional)</label>
                                                <input type="text" class="form-control" id="shipping_modal_package_name" placeholder="e.g. Store default" />
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                                            <button type="button" class="btn btn-primary" id="shipping_package_save_btn">Add package</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
              
              <!--<div class="form-group">
                <label class="col-sm-12 control-label">{{trans('businessecommerce.product-shipping-cost')}}</label>
                <div class="col-sm-12">
                	
                        <label class="radio-inline"><input class="is-free-shipping" type="radio" name="val[is_free_shipping]" value="0" @if($product->is_free_shipping==0) checked="checked" @endif>{{trans('businessecommerce.add-a-shipping-cost')}}</label>
                        <label class="radio-inline"><input class="is-free-shipping" type="radio" name="val[is_free_shipping]" value="1" @if($product->is_free_shipping==1) checked="checked" @endif>{{trans('businessecommerce.free-shipping')}}</label>
                </div>   
                <div class="col-sm-12">
                    	<input type="text" class="form-control free_area" name="val[free_area]" placeholder="describe delivery area & limitations" value="{{$product->free_area}}" style="@if($product->is_free_shipping==1) display:block; @endif"/>
                </div>
              </div>-->
              
              <!--<div class="form-group">
                <label class="col-sm-12 control-label">Tax Applicable</label>
                <div class="col-sm-12">
                    <input type="text" class="form-control" name="val[tax_applicable]" placeholder="Enter tax applicable" value="{{$product->tax_applicable}}"/>
                </div>
              </div>-->


              <!-- Weight and Dimensions Section for Canada Post Shipping -->
              
              <!--<div class="form-group regular-product-dimensions" style="@if($product->product_category==0) display:block; @else display:none; @endif">              
                 <label class="col-sm-12 control-label" style="color:#0066c0; font-weight: bold; margin-top: 15px;">Product Weight & Dimensions</label>
               
                  
                 <label class="col-sm-12 control-label">Weight</label>
                
                 <div class="col-sm-5">
                    <input type="text" class="form-control accept_only_numbers_decimal" name="val[weight]" placeholder="Enter product weight" value="{{$product->weight}}" autocomplete="off"/>
                 </div>
                
                 <div class="col-sm-2">
                   <select class="form-control" name="val[weight_unit]">
                      <option value="kg" @if($product->weight_unit=="kg" || empty($product->weight_unit)) selected="selected" @endif>kg</option>
                      <option value="lbs" @if($product->weight_unit=="lbs") selected="selected" @endif>lbs</option>
                   </select>
                 </div>                
              </div>

			  <div class="form-group regular-product-dimensions"  style="@if($product->product_category==0) display:block; @else display:none; @endif">
                <label class="col-sm-12 control-label">Package Dimensions</label>
                
                  <div class="col-sm-3">
                    <label class="control-label">Length</label>
                    <input type="text" class="form-control accept_only_numbers_decimal" name="val[length]" placeholder="Length" value="{{$product->length}}" autocomplete="off"/>
                  </div>
                  <div class="col-sm-3">
                    <label class="control-label">Width</label>
                    <input type="text" class="form-control accept_only_numbers_decimal" name="val[width]" placeholder="Width" value="{{$product->width}}" autocomplete="off"/>
                  </div>
                  <div class="col-sm-3">
                    <label class="control-label">Height</label>
                    <input type="text" class="form-control accept_only_numbers_decimal" name="val[height]" placeholder="Height" value="{{$product->height}}" autocomplete="off"/>
                  </div>
                  <div class="col-sm-3">
                    <label class="control-label">Unit</label>
                    <select class="form-control" name="val[dimensions_unit]">
                      <option value="cm" @if($product->dimensions_unit=="cm" || empty($product->dimensions_unit)) selected="selected" @endif>cm</option>
                      <option value="inches" @if($product->dimensions_unit=="inches") selected="selected" @endif>inches</option>
                    </select>
                  </div>
              </div>-->
              
             <!-- <div class="form-group">
                <label class="col-sm-12 control-label">Currency</label>
                <div class="col-sm-12">
                	 <select class="form-control" name="val[currency]" required="required">  
                        <option value="">Select Currency</option>                      	
                       <option value="CAD" @if($product->currency=="CAD") selected="selected" @endif>CAD</option>
                                <option value="USD" @if($product->currency=="USD") selected="selected" @endif>USD</option>
                                <option value="INR" @if($product->currency=="INR") selected="selected" @endif>INR</option>
                     </select>
                </div>
              </div>-->
              
              @if($product->image1)
                  <div class="form-group">
                    <label class="col-sm-12 control-label">{{trans('businessecommerce.existing-product-catalog-image-one')}}</label>
                    <div class="col-sm-12">
                        <img src="{{Image::url($product->image1)}}" class="business-product-image-list"/>
						
						<!--<a class="delete-product-image delete-action-confirm-custom" data-url="{{$page->present()->url('deleteproductimg')}}/{{$product->id}}/image1" data-msg="Are you sure to delete this message?">Delete Image</a>-->
                    </div>
                  </div>
              @endif
              
              <div class="form-group">
                <label class="col-sm-12 control-label">{{trans('businessecommerce.add-the-Product-catalog-image-one')}}</label>
                <div class="col-sm-12">
					<div class="uploadfile">
                                

							  <input class="form-control" id="product_image_1" name="product_image_1" type="file" accept="image/*" onchange="getPhotoEditor('product_image_1', this, 'product_image_1');">
							
							  <input type="hidden" name="val[product_image_1_data]" id="product_image_1_data" class="product_image_1_data" />
							 
                              <div class="dragUpload">
                              <div class="drag-drop-texts">{{trans('businessecommerce.add-product-image-one')}}<br />
                                {{trans('businessecommerce.best-view-image-resoultion')}}
                              </div>
                            
                              <div>
                                    <i class="fa fa-upload media-upload-btn" aria-hidden="true"></i>
                              </div>     
    
                              <div class="drag-drop-texts">{{trans('businessecommerce.drag-and-drop-file')}}</div>
                                   <img id="product-image1" class="business-product-image-preview" src="" />	
                              </div>
                   	</div>
				</div>
              </div>
              
              @if($product->image2)
                  <div class="form-group">
                    <label class="col-sm-12 control-label">{{trans('businessecommerce.existing-product-catalog-image-two')}}</label>
                    <div class="col-sm-12">
                        <img src="{{Image::url($product->image2)}}" class="business-product-image-list"/>
						
						<a class="delete-product-image delete-action-confirm-custom" data-url="{{$page->present()->url('deleteproductimg')}}/{{$product->id}}/image2" data-msg="Are you sure to delete this message?">Delete Image</a>
                    </div>
                  </div>
              @endif
              
               <div class="form-group">
                <label class="col-sm-12 control-label">{{trans('businessecommerce.add-the-Product-catalog-image-two')}}</label>
                <div class="col-sm-12">
                    <div class="uploadfile">
                        						
						<input class="form-control" id="product_image_2" name="product_image_2" type="file" accept="image/*" onchange="getPhotoEditor('product_image_2', this, 'product_image_2');">
							
						<input type="hidden" name="val[product_image_2_data]" id="product_image_2_data" class="product_image_2_data" /> 
						
                        <div class="dragUpload">
                              <div class="drag-drop-texts">{{trans('businessecommerce.add-product-image-two')}}<br />
                                {{trans('businessecommerce.best-view-image-resoultion')}}</div>
                            
                              <div>
                                    <i class="fa fa-upload media-upload-btn" aria-hidden="true"></i>
                              </div>     
    
                              <div class="drag-drop-texts">{{trans('businessecommerce.drag-and-drop-file')}}</div>
                            
                               <img id="product-image2" class="business-product-image-preview" src="" />
                        
                        </div>
                    </div>
				</div>
              </div>
              
              @if($product->image3)
                  <div class="form-group">
                    <label class="col-sm-12 control-label">{{trans('businessecommerce.existing-product-catalog-image-three')}}</label>
                    <div class="col-sm-12">
                        <img src="{{Image::url($product->image3)}}" class="business-product-image-list"/>
						
						<a class="delete-product-image delete-action-confirm-custom" data-url="{{$page->present()->url('deleteproductimg')}}/{{$product->id}}/image3" data-msg="Are you sure to delete this message?">Delete Image</a>
                    </div>
                  </div>
              @endif
              
              <div class="form-group">
                <label class="col-sm-12 control-label">{{trans('businessecommerce.add-the-Product-catalog-image-three')}}</label>
                <div class="col-sm-12">
					<div class="uploadfile">
                               							   
							   <input class="form-control" id="product_image_3" name="product_image_3" type="file" accept="image/*" onchange="getPhotoEditor('product_image_3', this, 'product_image_3');">
							
								<input type="hidden" name="val[product_image_3_data]" id="product_image_3_data" class="product_image_3_data" />
								
                                <div class="dragUpload">
                                      <div class="drag-drop-texts">{{trans('businessecommerce.add-product-image-three')}}<br />
                                      	{{trans('businessecommerce.best-view-image-resoultion')}}</div>
                                    
                                      <div>
                                            <i class="fa fa-upload media-upload-btn" aria-hidden="true"></i>
                                      </div>     
            
                                      <div class="drag-drop-texts">{{trans('businessecommerce.drag-and-drop-file')}}</div>
                                	
                                      <img id="product-image3" class="business-product-image-preview" src="" />
                                
                                </div>
                            </div>
				</div>
              </div>
              
              @if($product->image4)
                  <div class="form-group">
                    <label class="col-sm-12 control-label">{{trans('businessecommerce.existing-product-catalog-image-four')}}</label>
                    <div class="col-sm-12">
                        <img src="{{Image::url($product->image4)}}" class="business-product-image-list"/>
						
						<a class="delete-product-image delete-action-confirm-custom" data-url="{{$page->present()->url('deleteproductimg')}}/{{$product->id}}/image4" data-msg="Are you sure to delete this message?">Delete Image</a>
                    </div>
                  </div>
              @endif
              
              <div class="form-group">
                    <label class="col-sm-12 control-label">{{trans('businessecommerce.add-the-Product-catalog-image-four')}}</label>
                    <div class="col-sm-12">
    						<div class="uploadfile">
                               							   
							   <input class="form-control" id="product_image_4" name="product_image_4" type="file" accept="image/*" onchange="getPhotoEditor('product_image_4', this, 'product_image_4');">
							
								<input type="hidden" name="val[product_image_4_data]" id="product_image_4_data" class="product_image_4_data" /> 
								
                                <div class="dragUpload">
                                      <div class="drag-drop-texts">{{trans('businessecommerce.add-product-image-four')}}<br />
                                      	{{trans('businessecommerce.best-view-image-resoultion')}}</div>
                                    
                                      <div>
                                            <i class="fa fa-upload media-upload-btn" aria-hidden="true"></i>
                                      </div>     
            
                                      <div class="drag-drop-texts">{{trans('businessecommerce.drag-and-drop-file')}}</div>
                                	
                                      <img id="product-image4" class="business-product-image-preview" src="" />
                                
                                </div>
                            </div>
    				</div>
              </div>
              
              <br />
              
              @if(!empty($product->product_video))
                    <div class="form-group">
                        <label class="col-sm-12 control-label">Existing Product Video</label>
                        <div class="col-sm-12">
                                                                                      <div class="load-video" data-url="{{URL::route('play-video')}}?path={{$videoUrl}}?modestbranding=1&;showinfo=0&;autohide=1&;rel=0;">
                                <div class="external-video-thumbainl">
                                        <img src="{{Theme::asset()->img('theme/images/play.png')}}" alt="play">
                                </div>
                            </div>
                        </div>
                    </div>
             @endif

             <div class="form-group idhubs-product-video">
                <label class="col-sm-12 control-label">Product Video <span class="idhubs-product-video-note">(Max 10 MB)</span></label>
                <div class="col-sm-12">
                        <div class="idhubs-product-video-wrap well well-sm">
                                <input type="file" class="form-control js-product-video-input" name="product_video" accept="video/*" />
                                <div class="help-block idhubs-product-video-help">Upload limit 10 MB.</div>
                                <div class="alert idhubs-product-video-status js-product-video-status idhubs-hide" role="alert"></div>
                        </div>
                </div>
             </div>

              <div class="form-group">
                <label class="col-sm-12 control-label">{{trans('businessecommerce.product-descriptions')}}</label>
                <input type="hidden" class="business_editor_upload_community" value="{{$page->community_id}}" />
                <input type="hidden" class="business_editor_upload_type" value="product-description" />
                    
                <div class="col-sm-12">
                    <textarea class="form-control business-description" name="val[product_description]" placeholder="{{trans('businessecommerce.write-product-descriptions')}}">{!! $product->product_description !!}</textarea>
                </div>
              </div>

             
              <div class="divider"></div>
             
              <div class="form-group">
                  <div class="col-sm-12">
                  <button type="submit" class="btn btn-sm black-color-button pull-right">{{trans('businessecommerce.save-product-btn')}}</button>
                  
                   <a href="{{$page->present()->url('marketplace')}}" style="margin-right:10px;" class="btn btn-sm red-color-button pull-right">{{trans('businessecommerce.edit-category-cancel')}}</a>
    
              </div>
        </div>      
      </form>
      <br />
    </div>
</div>    
    
{!! Theme::section('profile.modal_photo_editor') !!}