<?php if ( ! defined( 'ABSPATH' ) ) {
exit;} ?>
<div class="elex-multi-vendor-for-woocommerce-main p-2 flex-1">

	<!-- ===========side panel open button========= -->
	<div class="d-flex gap-4 mb-3 align-items-center elex-multi-vendor-for-woocommerce-side-panel-open-div d-md-none">
				<!-- side panel open button -->
				<button class=" btn  p-1 shadow-none fs-5   bg-white text-primary position-relative " id="elex-multi-vendor-for-woocommerce-side-panel-open-btn"><svg height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"/></svg></button>
				<div class="fs-5 fw-semi-bold m-0 ">Products</div>
			</div>

	<!-- main content top link and search -->

	<?php
	wp_nonce_field( 'elex_mv_prod_page_nonce', 'elex-page-nonce' );

	$tabi = get_query_var( 'tab', 'product' );

	/**
	* Executes an action hook related to a specific product page tab in a plugin or theme.
	*
	* This action hook allows developers to add custom functionality or content to a specific
	* product page tab dynamically generated by the 'elex_mv_product_page_tab_' action.
	*
	* @since 1.0.0
	*
	* @param string $tabi The identifier or name of the product page tab.
	*/
	do_action( 'elex_mv_product_page_tab_' . $tabi );
	

	?>
					<div id="elex-multi-vendor-for-woocommerce-error-message"></div>

	<div class="bg-dark bg-opacity-25  elex-multi-vendor-for-woocommerce-popup row justify-content-end" id="elex-multi-vendor-for-woocommerce-add-product-vendor-side">
		<div class="col-md-12 col-lg-10 bg-white h-100 ms-auto overflow-auto">
			<div class="py-2 px-4 mt-5 text-center position-relative">
				<button class="elex-multi-vendor-for-woocommerce-add-vendor-product-form-prev-btn ms-2 mt-6 btn btn-sm rounded-pill btn-outline-primary position-absolute top-0 start-0"><i class="fa-solid fa-chevron-left me-1"></i> back</button>
				<div class="fs-5 fw-semi-bold mb-2 my-1">Add Product</div>
				<button class="btn rounded-circle position-absolute top-0 end-0 elex-multi-vendor-for-woocommerce-close-cross-product-btn">
				<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 384 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="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>			</div>
			<div class="toast p-2 position-fixed top-0 start-50 translate-middle-x bg-white mt-4" id="wsdesk_additem_toast">
			<div class="toast-header border-0 ">
				<strong class="me-auto">
					<svg xmlns="http://www.w3.org/2000/svg" width="22.415" height="22.026" viewBox="0 0 22.415 22.026" class="me-2">
						<g id="Icon_feather-check-circle" data-name="Icon feather-check-circle" transform="translate(-1.998 -1.979)">
							<path id="Path_646" data-name="Path 646" d="M23,12.076V13a10,10,0,1,1-5.93-9.139" fill="none" stroke="#28a745" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
							<path id="Path_647" data-name="Path 647" d="M26.5,6l-10,10.009-3-3" transform="translate(-3.5 -1.003)" fill="none" stroke="#28a745" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
						</g>
						</svg>
					<span id="toast_message_mv" >New item Added Successfully</span></strong>
				<button type="button" class="btn-close" data-bs-dismiss="toast"></button>
			</div> 
			</div>
			
			<div class="bg-info bg-opacity-10 px-5 py-1">
				<ul class="nav nav-tabs  justify-content-between m-0" role="tablist">
					<?php 
							$i = 0;
					foreach ( $add_product_tabs as $tabs_req ) {
						?>
							<li class="nav-item" role="presentation">
								<button class="nav-link <?php echo ( isset( $tabs_req['title'] ) && 'Product Details' === $tabs_req['title'] ) ? esc_attr( 'active' ) : ''; ?> px-0 border-0 bg-transparent" id="elex-multi-vendor-for-woocommerce-add-ac-<?php echo esc_html( $tabs_req['slug'] ); ?>-tab" data-bs-toggle="tab" data-bs-target="#elex-multi-vendor-for-woocommerce-add-ac-<?php echo esc_html( $tabs_req['slug'] ); ?>" type="button" role="tab" aria-controls="elex-multi-vendor-for-woocommerce-add-ac-<?php echo esc_html( $tabs_req['slug'] ); ?>" aria-selected="<?php echo 'Product' === $tabs_req['title'] ? esc_attr( 'true' ) : esc_attr( '' ); ?>" data-step="<?php echo esc_html( ++$i ); ?>"> <?php echo esc_html( $tabs_req['title'] ); ?></button>
							</li>

					<?php
					}
					?>
				
				</ul>
				<div class="progress">
					<div class="elex-multi-vendor-for-woocommerce-product-progress progress-bar" role="progressbar" style="width: 10%;border-radius: .25rem" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
				</div>
			</div>

			<form id="elex-multi-vendor-for-woocommerce-product-form">	
					<?php wp_nonce_field( 'elex_mv_add_prod', 'elex-nonce' ); ?>
			<div class="tab-content">
			

				<?php
				foreach ( $add_product_tabs as $tabs_req ) {
					?>
							<div class="tab-pane fade show <?php echo ( isset( $tabs_req['title'] ) && 'Product Details' === $tabs_req['title'] ) ? esc_attr( 'active' ) : ''; ?>" id="elex-multi-vendor-for-woocommerce-add-ac-<?php echo esc_attr( $tabs_req['slug'] ); ?>" role="tabpanel" aria-labelledby="elex-multi-vendor-for-woocommerce-add-ac-<?php echo esc_attr( $tabs_req['slug'] ); ?>-tab">
				<?php
					/**
					 * Product Content tab for adding page
					 *
					 * @since 1.0.0
					 */         
					do_action( 'elex_mv_add_product_tab_content_' . $tabs_req['slug'] );
					?>
							
							</div>
				<?php
				}
		
				?>
				
			
			</div>
			</form>


		</div>
	</div>




</div>
</div>
<?php
ob_end_flush();
?>
