<?php if ( ! defined( 'ABSPATH' ) ) {
exit;} ?>
<div class="px-5 py-3">

							
							
							<div class=" form-group mb-3">
								<div class="fs-6 fw-semi-bold mb-1">Product Image</div>
								<div class="d-flex align-items-center gap-4">
									<img id="elexPreviewImageUpload" src="<?php echo esc_url( ELEX_MULTI_VENDOR_MAIN_URL_PATH . 'images/default.jpg' ); ?>" alt="" width="100px">
									<div class="position-relative">
										<button class="btn fw-bold text-info" id="elex-multi-vendor-for-woocommerce-upload-image-btn">Upload</button>
										<input type="file" id="elex-multi-vendor-for-woocommerce-filetag" name="elex-multi-vendor-for-woocommerce-filetag" class="opacity-0 position-absolute w-100 h-100 top-0 start-0">
									</div>
								</div>
								<div  class="elex-multi-vendor-for-woocommerce-prod-img-name-div d-none" >
									<div class = "d-flex gap-2 align-items-center" >
										<div class="elex-multi-vendor-for-woocommerce-prod-img-name"></div>
										<button type="button" class=" btn btn-sm rounded-circle p-1 elex-multi-vendor-for-woocommerce-product-form-remove-image" ><svg xmlns="http://www.w3.org/2000/svg" height="1.5em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c-9.4 9.4-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0z"/></svg>
										</button>
									</div>
								</div>
								<div id="elex_multivendor_new_product_image_error"></div>

							</div>
							<div class=" form-group mb-3">
								<div class="fs-6 fw-semi-bold mb-1">Product Name <span class="text-danger">*</span></div>
								<input type="text" class="form-control border-2 border-secondary" name="product_name" id="elex_multivendor_new_product_name" >
								<div id="elex_mv_show_error_new_product_name"></div>	
							</div>
							<input type="hidden" class="form-control " name="commission" id="elex_multivendor_new_product_commission"  value="<?php echo isset( $site_settings['commission_for_each_sale'] ) ? esc_html( $site_settings['commission_for_each_sale'] ) : ''; ?>">
							<input type="hidden" class="form-control " name="commission_type" id="elex_multivendor_new_product_commission_type"  value="<?php echo isset( $site_settings['commission_type_of_sale'] ) ? esc_html( $site_settings['commission_type_of_sale'] ) : ''; ?>">

							<div class="form-group mb-3">
								<div class="fs-6 fw-semi-bold mb-1">Product Description <small class="text-secondary fw-normal"></small></div>
								<textarea rows="2" class="form-control border-2 border-secondary" name="product_description" id="elex_multivendor_new_product_description"></textarea>
								<div id="elex_mv_show_error_new_product_description"></div>	
							</div>
							<div class="form-group mb-3">
								<div class="fs-6 fw-semi-bold mb-1">Category</div>
								<div id='identify_elex_category' style="position:relative;">
									<select type="text" style="width:100% !important" name="product_category[]" class="elex-vendor-add-edit-product-category" id="elex-vendor-add-product-category" class=" form-select border-2 border-secondary " multiple="true" >
									</select>
							
								</div>
							</div>
							<div class="form-group mb-3">
								<div class="fs-6 fw-semi-bold mb-1">Product Type<small class="text-secondary fw-normal"></small></div>
								<select rows="2" class="form-control border-2 border-secondary" name="product_type" id="elex_multivendor_new_product_type">
									<option value="simple">Simple</option>
									<option value="variable">Variable</option>

								</select>
								<div id="elex_mv_show_error_new_product_type"></div>	
							</div>

							<div class="d-flex gap-3 mb-3 elex-multi-vendor-for-woocommerce-regular-price-sale-price-div">

								<div class="flex-fill gap-3 mb-3">
									<div class="fs-6 fw-semi-bold mb-1">Regular Price</div>
									<div class="input-group border border-2 border-secondary rounded-3">
										<input type="text" class="form-control border-secondary border-0" name="regular_price" id="elex_multivendor_regular_price">
										<span class="input-group-text border-0 border-secondary px-5 bg-info bg-opacity-25"><?php echo esc_html( get_woocommerce_currency() ); ?></span>
									</div>
									<div id='elex_multivendor_regular_price_error'></div>
								</div>
								<div class="flex-fill gap-3">
									<div class="fs-6 fw-semi-bold mb-1">Sale Price <a role="button" href="#" class="elex_mv_product_schedule_btn">Schedule</a> </div>
									<div class="input-group border border-2 border-secondary rounded-3">
										<input type="text" class="form-control border-secondary border-0" name="sale_price" id="elex_multivendor_sale_price">
										<span class="input-group-text border-0 border-secondary px-5 bg-info bg-opacity-25"><?php echo esc_html( get_woocommerce_currency() ); ?></span>
									</div>
									<div id='elex_multivendor_sale_price_error'></div>

								</div>
							</div>				
							<div class="d-none elex_mv_product_schedule_sec mb-3">
									<div class="d-flex gap-3">
										<div class="flex-fill">
											<div class="fs-6 mb-1">Sale Start Date</div>
											<input type="date"
												class="form-control mb-3 border rounded border-2 border-secondary" id="elex_mv_sale_start_date" name="sale_start_date">
										</div>
										<div class="flex-fill">
											<div class="fs-6 mb-1">Sale End Date</div>
											<input type="date"
												class="form-control mb-3 border rounded border-2 border-secondary" id="elex_mv_sale_end_date" name="sale_end_date">
										</div>
									</div>

									<a href="#" class="elex_mv_product_schedule_cancel_btn d-none">Cancel</a>
								</div>

						<div class="row mb-3 align-items-center" id="elex-multi-vendor-for-woocommerce-add-virtual-product-switch-div">

							<div class="col-md-3"  >
								<small><b>Virtual Product</b></small>

							</div>
							<div class="col-md-2">
								<label class="elex-enable-disable-switch">
									<input type="checkbox" name="virtual_product" id="elex-multi-vendor-for-woocommerce-add-virtual-product-switch">
									<div class="switch round"></div>
								</label>
							</div>
					
						</div>

						<div class="row mb-3 align-items-center" id="elex-multi-vendor-for-woocommerce-add-dwn-product-switch-div">
							<div class="col-md-3">
								<small><b>Downloadable Product</b></small>

							</div>
							<div class="col-md-2">
								<label class="elex-enable-disable-switch">
									<input type="checkbox" name="downloadable_product" id="elex-multi-vendor-for-woocommerce-add-dwn-product-switch">
									<div class="switch round"></div>
								</label>
							</div>
					
						</div>

						<div class="gap-3 mb-3 border-2 border-dark elex-multi-vendor-for-woocommerce-edit-download-file-div d-none">

							<div class="table_add_product_download " >								
								<table id="elex_mv_add_table_download_file">
									<thead>
										<tr>
											<th width="200px">Name</th>
											<th>File URL</th>
											<th></th>
											<th></th>
										</tr>
									</thead>
									<tbody>
							
									</tbody>
								</table>	
							</div>
							
							<button type="button" class="btn btn-primary text-wrap elex-multi-vendor-for-woocommerce-add-download-file-row-btn mt-2" >Add File</button>

							

						</div>

						<template id="template-for-add-product-file-download">
							<tr>
								<td>	<input type="text" class="form-control border-1 elex_mv_name_file_download" name="_wc_file_names[]" >
										<input type="text" hidden class="form-control border-1 elex_mv_hash_file_download" name="_wc_file_hashes[]" >
								</td>
								<td>	<input type="text" class="form-control border-1 elex_mv_url_file_download" name="_wc_file_urls[]"></td>
								<td>	<div class="position-relative">
										<button  type="button"  class="btn fw-bold text-info elex-multi-vendor-for-woocommerce-edit-upload-download-file-btn">Choose File</button>
										<input type="file" name="elex_mv_file_download[]" class="opacity-0 position-absolute w-100 h-100 top-0 start-0 elex-multi-vendor-for-woocommerce-file-download">
										</div>
								</td>
								<td>
									<button  type="button"  class="btn elex-multi-vendor-for-woocommerce-remove-dowload-tr-simple-product"><i class="fa-regular fa-circle-xmark"></i></button>

								</td>
							</tr>
						</template>

						<div class="d-flex gap-3 mb-3 elex-multi-vendor-for-woocommerce-dwm-limit-expiry-div d-none" >

							<div class="flex-fill mb-3">
								<div class="fs-6 mb-1 fw-semi-bold">Download Expiry</div>
								<div class="input-group border border-2 border-secondary rounded-3">
									<input type="text" class="form-control border-0" name="download_expiry" id="elex_multivendor_edit_download_expiry">								
								</div>
								<p>Leave blank for unlimited re-downloads</p>			
							</div>
							<div class="flex-fill mb-3">
								<div class="fs-6 mb-1 fw-semi-bold">Download Limit</div>
								<div class="input-group border border-2 border-secondary rounded-3">
									<input type="text" class="form-control border-0" name="download_limit" id="elex_multivendor_edit_download_limit">
								</div>
								<p>Enter the number of days before a download link expires, or leave blank.</p>			

							</div>
						</div>
						
							<div class="d-flex gap-2">
								<button class="btn btn-outline-primary w-100 elex-multi-vendor-for-woocommerce-add-product-form-next-btn save-as-draft " data-step="1" type="button" >Save as Draft</button>
								<!-- <button class="btn btn-primary w-100 elex-multi-vendor-for-woocommerce-add-product-form-next-btn" id="elex-multi-footer-btn-submit">Next</button> -->

								<button class="btn btn-primary w-100 elex-multi-vendor-for-woocommerce-add-product-form-next-btn save-as-draft" data-move="next"   data-step="1" type="button" > Save and Next</button>
							</div>
					</div>
					
	

