<?php
if ( ! defined( 'ABSPATH' ) ) {
exit;
}



$add_product_tabs = array(
	array(
		'title'   => __( 'Store Setup', 'elex-multi-vendor-for-woocommerce' ),
		'slug'    => 'store-setup',
		'data_id' => 1,
	),
	array(
		'title'   => __( 'Vendor Setup', 'elex-multi-vendor-for-woocommerce' ),
		'slug'    => 'vendor-setup',
		'data_id' => 2,
	),
	array(
		'title'   => __( 'Payment Settlement', 'elex-multi-vendor-for-woocommerce' ),
		'slug'    => 'payment-setup',
		'data_id' => 3,
	),
	array(
		'title'   => __( 'Ready To Use', 'elex-multi-vendor-for-woocommerce' ),
		'slug'    => 'ready-setup',
		'data_id' => 4,
	),
);

?>
	<div class="elex-multi-vendor-for-woocommerce-wrap elex-multi-vendor-for-woocommerce-wrap-front">
		<div class="container">

			<div class="row justify-content-center">
				<div class="col-xl-9 position-relative">
					<div class="text-center">
					<img style="width: 160px" class="my-3" src="<?php echo esc_url( ELEX_MULTI_VENDOR_MAIN_URL_PATH ); ?>images/ELEXtensions_logo.png">
						
					</div>
				</div>
			</div>
			<div class="row justify-content-center">
				<div class="col-xl-9">
					<div class="nav position-relative m-5" >
						<!-- progress bar  -->
						<div class="progress w-100" style="height: 3px;">
							<div class="progress-bar bg-primary elex-multi-vendor-for-woocommerce-onboard-active-progress-bar start-0 top-50 translate-middle-y" role="progressbar"
								style="width: 0%; height:5px;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
							<div class="progress-bar bg-secondary bg-opacity-25 elex-multi-vendor-for-woocommerce-onboard-inactive-progress-bar end-0 ms-auto  top-50 translate-middle-y"
								role="progressbar" style="width: 100%; height:5px;" aria-valuenow="50" aria-valuemin="0"
								aria-valuemax="100"></div>
						</div>

						<!-- tabs disabled -->
						<ul class="nav" id="elex-multi-vendor-for-woocommerce-onboard-list" role="tablist">
							<li>
								<button type="button" role="presentation" disabled data-step="0"
									class=" nav-link active elex-multi-vendor-for-woocommerce-onboard-btn elex-multi-vendor-for-woocommerce-on position-absolute top-0 start-0 translate-middle btn btn-sm  bg-white rounded-circle p-1 active"
									id="elex-multi-vendor-for-woocommerce-onboard-store-setup-tab" data-bs-toggle="pill"
									data-bs-target="#elex-multi-vendor-for-woocommerce-onboard-store-setup" type="button" role="tab"
									aria-controls="elex-multi-vendor-for-woocommerce-onboard-store-setup" aria-selected="true">
									<div class=" p-3 rounded-circle"></div>
								</button>
								<h6
									class="position-absolute top-100 start-0 translate-middle-x mt-4 text-primary fw-bold">
									<?php echo esc_html__( 'Store Setup', 'elex-multi-vendor-for-woocommerce' ); ?></h6>
							</li>

							<li>
								<button type="button" role="presentation" disabled data-step="3"
									class="nav-link elex-multi-vendor-for-woocommerce-onboard-btn position-absolute top-0 start-33 translate-middle btn btn-sm  bg-white rounded-circle p-1"
									id="elex-multi-vendor-for-woocommerce-onboard-vendor-setup-tab" data-bs-toggle="pill"
									data-bs-target="#elex-multi-vendor-for-woocommerce-onboard-vendor-setup" type="button" role="tab"
									aria-controls="elex-multi-vendor-for-woocommerce-onboard-vendor-setup" aria-selected="false">
									<div class=" p-3 rounded-circle"></div>
								</button>
								<h6
									class="position-absolute top-100 start-33 translate-middle-x mt-4 text-secondary fw-bold">
									<?php echo esc_html__( 'Vendor Setup', 'elex-multi-vendor-for-woocommerce' ); ?></h6>
							</li>

							<li>
								<button type="button" role="presentation" disabled data-step="6"
									class="nav-link elex-multi-vendor-for-woocommerce-onboard-btn position-absolute top-0 start-66 translate-middle btn btn-sm bg-white rounded-circle p-1"
									id="elex-multi-vendor-for-woocommerce-onboard-payment-setup-tab" data-bs-toggle="pill"
									data-bs-target="#elex-multi-vendor-for-woocommerce-onboard-payment-setup" type="button" role="tab"
									aria-controls="elex-multi-vendor-for-woocommerce-onboard-payment-setup" aria-selected="false">
									<div class=" p-3 rounded-circle"></div>
								</button>
								<h6
									class="position-absolute top-100 start-66 translate-middle-x mt-4 text-secondary fw-bold">
									<?php echo esc_html__( 'Payment Settlement', 'elex-multi-vendor-for-woocommerce' ); ?></h6>
							</li>

							<li>
								<button type="button" role="presentation" disabled data-step="9"
									class="nav-link elex-multi-vendor-for-woocommerce-onboard-btn position-absolute top-0 start-100 translate-middle btn btn-sm bg-white rounded-circle p-1"
									id="elex-multi-vendor-for-woocommerce-onboard-ready-setup-tab" data-bs-toggle="pill"
									data-bs-target="#elex-multi-vendor-for-woocommerce-onboard-ready-setup" type="button" role="tab"
									aria-controls="elex-multi-vendor-for-woocommerce-onboard-ready-setup" aria-selected="false">
									<div class=" p-3 rounded-circle"></div>
								</button>
								<h6
									class="position-absolute top-100 start-100 translate-middle-x mt-4 text-secondary fw-bold text-nowrap">
									<?php echo esc_html__( 'Ready to Use', 'elex-multi-vendor-for-woocommerce' ); ?></h6>
							</li>
						</ul>
					</div>
				</div>
			</div>
			
<div class="toast p-2 position-fixed top-0 start-50 translate-middle-x bg-white mt-5" id="wsdesk_add_admin_settings_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>
					<?php echo esc_html__( 'Updated Successfully', 'elex-multi-vendor-for-woocommerce' ); ?></strong>
				<button type="button" class="btn-close" data-bs-dismiss="toast"></button>
			</div>
			
</div>
			
			<form id="elex-multi-vendor-for-woocommerce-admin-intallation-setup" action="">
			<?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 'store-setup' === $tabs_req['slug'] ? esc_attr( 'active' ) : '' ; ?>" id="elex-multi-vendor-for-woocommerce-onboard-<?php echo esc_attr( $tabs_req['slug'] ); ?>" role="tabpanel" aria-labelledby="elex-multi-vendor-for-woocommerce-onboard-<?php echo esc_attr( $tabs_req['slug'] ); ?>-tab" data-page = "<?php echo esc_attr( $tabs_req['data_id'] ); ?>">
							<?php
								
							/**
							 * Send data to admin page
							 *
							 * @since 1.0.0
							 */ 
							do_action( 'elex_mv_admin_setup_page_' . $tabs_req['slug'] );
							?>
							
							</div>
					<?php
			}
							
			?>
			</div>
			</form>
		

</div>





