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


<div class="elex-multi-vendor-for-woocommerce-wrap elex-multi-vendor-for-woocommerce-wrap-front" style="height:auto;">


<!-- =====================main-content================== -->
<div class="elex-multi-vendor-for-woocommerce-main">
	
	<div class="elex-multi-vendor-for-woocommerce-store-content">
		<div class="tab-content" id="myTabContent">
			<div class="tab-pane fade show active" id="category-1" role="tabpanel" aria-labelledby="category-1-tab">
				<div class="px-5">
					<div class="row">
						<?php 
						foreach ( $vendor_stores  as $store ) {
						
							?>

							<div class="col-md-4 mb-3">
								<div class="border border-2 border-secondary">

									<?php
									if ( 'publish' === $store['post_status'] && isset( $admin_params['elex_mv_store_slug'] ) && isset( $store['post_title'] ) ) {
										?>
										<a target="_blank" rel="noopener noreferrer" href="<?php echo esc_url( home_url( '/' . $admin_params['elex_mv_store_slug'] . '/' . $store['post_title'] ) ); ?>" >
									<?php
									}
									
									?>
										<div class="ratio ratio-16x9">
										<img style="object-fit:cover;" class="w-100" src="<?php echo has_post_thumbnail( $store['ID'] ) ? esc_url( get_the_post_thumbnail_url( $store['ID'] ) ) : esc_url( ELEX_MULTI_VENDOR_MAIN_URL_PATH . 'assets/images/default-store-icon.svg' ); ?>" alt="">
										</div>	
										</a>
										

								</div>
							  
								<div class="fs-3 mb-1 fw-semi-bold top-0 left-0 ms-1 mt-1" style="z-index:99;"><?php echo esc_html( $store['post_title'] ); ?></div>
							</div>    
									
						<?php } ?>
							  
					</div>
				</div>
			</div>

		</div>
	</div>


</div>













