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

<div class="box">
    <div class="box-title">
        	<b>{{trans('businessecommerce.add-a-product-to-sell')}}</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() }}	
              @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" autocomplete="off"/>
                </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}}">{{$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" required="required">
                    	<option value="">{{trans('businessecommerce.select')}}</option>
                        <option value="1">Product in container</option>
                        <option value="2">Wearable</option>
                        <option value="0">Other product/service</option>
                    </select>
                </div>
              </div>


              <div class="liquid-mode-box">
                  <div class="form-group liquid-inside-values">
                        <label class="col-sm-12 control-label">{{trans('businessecommerce.define-container-size')}}</label>
                        
                        <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>                           
                  </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">
                  <div class="form-group size-inside-values">
                        <label class="col-sm-12 control-label">{{trans('businessecommerce.add-size-type')}}</label>
						
                        <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="convert_val_to_decimal 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="convert_val_to_decimal 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>                    
                     </div>
                 
                     <div class="clearboth"></div>
                     <!--<div class="row">
                          <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>
              
              <!--<div class="color-mode-box">
                  <div class="form-group color-inside-values">
                        <label class="col-sm-12 control-label">{{trans('businessecommerce.add-colors')}}</label>
                        
                        <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>    
                  </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="form-group hide-for-wearable-product">
              	<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" autocomplete="off"/>
                        </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')}}" required="required" autocomplete="off"/>
                        </div>
                    </div>
                 </div>
              </div>
                
              <div class="form-group">
              		<div class="row">
                		<div 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')}}" required="required" autocomplete="off"/>
                            </div>
                        </div>    
              
                        <div class="col-sm-6 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" checked>YES (i.e. %)</label>
                                
           						<label class="radio-inline"><input type="radio" name="val[is_discounted]" value="0"class="product_discount_btn">NO</label>
                            
                                <div class="product-discount-box">
                                     <input type="text" class="form-control accept_only_numbers_decimal" id="product_discount_value" name="val[discount]" placeholder="{{trans('businessecommerce.enter-the-discount-percent')}}" autocomplete="off"/>
                                </div>     
                            </div>
                      </div>
              	  </div>
              </div>

                            <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" checked="checked" />
                                                Physical product
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div id="product_shipping_fields">
                                <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">Custom package</option>
                                                            <option value="default" selected="selected">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"></small>

                                                <input type="hidden" name="val[length]" id="shipping_length" value="" />
                                                <input type="hidden" name="val[width]" id="shipping_width" value="" />
                                                <input type="hidden" name="val[height]" id="shipping_height" value="" />
                                                <input type="hidden" name="val[dimensions_unit]" id="shipping_dimensions_unit" value="cm" />
                                                <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" autocomplete="off" />
                                            </div>
                                            <div class="col-sm-5">
                                                <select class="form-control" name="val[weight_unit]">
                                                    <option value="kg" selected="selected">kg</option>
                                                    <option value="lbs">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" 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">Yes</option>
                                                            <option value="no" selected="selected">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="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">Yes</option>
                                                            <option value="no" selected="selected">No</option>
                                                        </select>
                                                    </td>
                                                   
                                                </tr>
                                                <tr>
                                                    <td>3</td>
                                                    <td>
                                                        <input style="margin-bottom:0px" name="val[shipping_cost_3_free]" 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="0.00" autocomplete="off" />
                                                    </td>
                                                    <td>
                                                        <select style="margin-bottom:0px" class="form-control free-shipping-toggle" data-target="#shipping_cost_3_input">
                                                            <option value="yes">Yes</option>
                                                            <option value="no" selected="selected">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" />
                                                    </div>
                                                    <div class="col-sm-3">
                                                        <input type="text" class="form-control accept_only_numbers_decimal" id="shipping_modal_width" placeholder="Width" />
                                                    </div>
                                                    <div class="col-sm-3">
                                                        <input type="text" class="form-control accept_only_numbers_decimal" id="shipping_modal_height" placeholder="Height" />
                                                    </div>
                                                    <div class="col-sm-3">
                                                        <select id="shipping_modal_dimensions_unit" class="form-control">
                                                            <option value="cm" selected="selected">cm</option>
                                                            <option value="inches">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" checked="checked">{{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">{{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" autocomplete="off"/>
                </div>
              </div>-->
              

              
              <!-- Weight and Dimensions Section for Regular Products/Services (Canada Post Shipping) -->
              
              
              <!--<div class="form-group regular-product-dimensions" style="display:none;">
                <label class="col-sm-12 control-label" style="color:#0066c0; font-weight: bold; margin-top: 15px;">Product Weight & Dimensions</label>
                <div class="row">
                  <div class="col-sm-6">
                    <label class="col-sm-12 control-label">Weight</label>
                    <div class="col-sm-8">
                      <input type="text" class="form-control accept_only_numbers_decimal" name="val[weight]" placeholder="Enter product weight" autocomplete="off"/>
                    </div>
                    <div class="col-sm-4">
                      <select class="form-control" name="val[weight_unit]">
                        <option value="kg">kg</option>
                        <option value="lbs">lbs</option>
                      </select>
                    </div>
                  </div>
                </div>
              </div>

              <div class="form-group regular-product-dimensions" style="display:none;">
                <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" 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" 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" 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">cm</option>
                      <option value="inches">inches</option>
                    </select>
                  </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"/>
                </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">CAD</option>
                        <option value="USD">USD</option>
                        <option value="INR">INR</option>
                     </select>
                </div>
              </div>-->
              
              <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>
              
               <div class="form-group product-image-2-box">
                    <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>
              
               <div class="form-group product-image-3-box">
                    <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>
              
              <div class="form-group product-image-4-box">
                    <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>
              
                                <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')}}"></textarea>
                </div>
              </div>

             
              <div class="divider"></div>
             
              <div class="form-group">
                  <div class="col-sm-12">
                  <button type="submit" class="btn btn-sm red-color-button pull-right">{{trans('businessecommerce.add-product-btn')}}</button>
    
              	  </div>
        	 </div>      
      </form>
      <br />
    </div>
</div>    

{!! Theme::section('profile.modal_photo_editor') !!}