<?php if ( ! defined( 'ABSPATH' ) ) {
exit;} ?>
	<!-- ======================main content============ -->

	<div class="elex-multi-vendor-for-woocommerce-main ps-2 flex-1">
		<!-- ===========side panel open button========= -->
		<div class="toast p-2 position-fixed top-0 start-50 translate-middle-x bg-white mt-4" id="vendor_store_setting_saved_success_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 elex-toast-icon-success">
						<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>
					<svg xmlns="http://www.w3.org/2000/svg" width="22.415" height="22.026" viewBox="0 0 22.415 22.026" class="me-2 elex-toast-icon-error d-none">
						<g id="Icon_feather-x-circle" data-name="Icon feather-x-circle" transform="translate(-1.998 -1.979)">
							<circle cx="13" cy="13" r="10" fill="none" stroke="#dc3545" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
							<line x1="10" y1="10" x2="16" y2="16" stroke="#dc3545" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
							<line x1="16" y1="10" x2="10" y2="16" stroke="#dc3545" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
						</g>
					</svg>
					<span id="toast_message_mv" >Changes Saved Successfully</span></strong>
				<button type="button" class="btn-close" data-bs-dismiss="toast"></button>
			</div> 
			</div>

		<div class="d-flex mb-3 gap-4 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>
		<div>
			<div class=" d-flex bg-info bg-opacity-10 justify-content-between ">
				<ul class="elex-multi-vendor-for-woocommerce-shipping-link d-flex gap-3 nav px-3 ">
					<li class="nav-item ">
						<a href="?menu_tab=store_profile" class="nav-link">Store Profile</a>
					</li>
					<!-- <li class="nav-item ">
						<a href="?menu_tab=general_settings" class="nav-link ">General Settings</a>
					</li> -->
					<li class="nav-item ">
						<a href="?menu_tab=store_page_settings" class="nav-link active ">Store Settings</a>
					</li>
				</ul>
			</div>



			<div class="row p-3 ">
				<div class="col-lg-7 col-md-9  ">
					<form id="vendor-settings-details-form">
						<?php wp_nonce_field( 'elex_mv_settings_page_nonce', 'vendor_settings_nonce' ); ?>
						<input type="hidden" name="action" value="elex_mv_store_settings_details"></input>
						<div class="form-group mb-3">
							<label for=" ">Store Banner Image</label>
							<i class="fa-regular fa-circle-question elex-multi-vendor-for-woocommerce-dashboard-net-sales" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-outline-primary" data-bs-placement="bottom" title="" data-bs-original-title="Recommended image format jpg. Recommended format: 1600 * 400" aria-label="Recommended image format jpg. Recommended format: 1600 * 400" aria-hidden="true"></i>
							
							<div class="elex-multi-vendor-for-woocommerce-profile-pic-card rounded-3 ">

								<!-- -->

								<div class="d-flex gap-3 align-items-center">

										<img id="elexImageVendorUpload" src="<?php echo ! empty( $thumbnail_url ) ? esc_url( $thumbnail_url ) : esc_url( ELEX_MULTI_VENDOR_MAIN_URL_PATH . 'assets/images/default-store-icon.svg' ); ?>"  alt="" width="100px">
											<button class="btn fw-bold text-info elex-multi-vendor-for-woocommerce-store-setting-edit-filetag-btn" id="elex-multi-vendor-for-woocommerce-upload-image-btn">Upload</button>
											<input type="file" id="elex-multi-vendor-for-woocommerce-store-setting-filetag" name="elex-multi-vendor-for-woocommerce-store-setting-filetag" class="opacity-0 w-100 h-100 top-0 start-0">
								</div>
								<div  class="elex-multi-vendor-for-woocommerce-vend-img-name-div-admin mb-5 
								<?php 
								if ( ! isset( $ven_image_name ) ) {
									echo esc_attr( 'd-none' );
								} 
								?>
								" style="z-index:999;" >
									<div class = "d-flex gap-2 align-items-center" >
										<div class="elex-multi-vendor-for-woocommerce-vend-img-name-admin fs-6 lh-1 text-wrap" >
										<?php 
										if ( $ven_image_name ) {
echo esc_html( $ven_image_name );} 
										?>
										</div>
										<button type="button" class=" btn btn-sm rounded-circle p-1 elex-multi-vendor-for-woocommerce-store-setting-filetag-delete-btn" ><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>

						</div>
						<input type="text" class="form-control border-2 border-secondary" name="deleted_image" id="elex_mv_store_edit_deleted_image" value="" hidden>
						<input type="text" class="form-control border-2 border-secondary" name="user_id" id="user_id" value="<?php echo esc_attr( $store_id ); ?>" hidden>

						<div class="form-group mb-3 ">
							<label for=" ">Display Text on the Banner Image</label>
							<?php 
							$banner_image_text = get_post_meta( $store_id, 'elex_mv_banner_image_text', true );
							$banner_image_text = ! empty( $banner_image_text ) ? $banner_image_text : '';
							?>
							<input type="text" name="banner_image_text" id="banner_image_text" value="<?php echo esc_html( $banner_image_text ); ?>" class="form-control ">
							<div id="elex_vendor_settings_name_error"></div>
						</div>

						<div class="row mb-3">
							<div class="col-lg-8">
								<div class="fw-semi-bold fs-6 mb-1">Show Product Name on the Store Page</div>
							</div>
							<div class="col text-end">
								<label class="elex-enable-disable-switch">
									<input type="checkbox" class="name_to_show_on_product" name="name_to_show_on_product" <?php echo esc_attr( ! empty( get_post_meta( $store_id, 'elex_mv_name_to_show_on_product', true ) ) ? ( ( 'on' === get_post_meta( $store_id, 'elex_mv_name_to_show_on_product', true ) ) ? 'checked' : '' ) : '' ); ?>>
									<div class="switch round"></div>
								</label>
							</div>
						</div>
						<div class="row mb-3">
							<div class="col-lg-8">
								<div class="fs-6 fw-semi-bold mb-1">Show Product Price on the Store Page</div>
							</div>
							<div class="col text-end">
								<label class="elex-enable-disable-switch">
									<input type="checkbox" class="price_to_show_on_product" name="price_to_show_on_product" <?php echo esc_attr( ! empty( get_post_meta( $store_id, 'elex_mv_price_to_show_on_product', true ) ) ? ( ( 'on' === get_post_meta( $store_id, 'elex_mv_price_to_show_on_product', true ) ) ? 'checked' : '' ) : '' ); ?>>
									<div class="switch round"></div>
								</label>
							</div>
						</div>
						<div class="row mb-3">
							<div class="col-lg-8">
								<div class="fs-6 fw-semi-bold mb-1">Show categories filter on Vendor Store Page 	<i class="fa-regular fa-circle-question elex-multi-vendor-for-woocommerce-dashboard-net-sales" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-outline-primary" data-bs-placement="bottom" title="" data-bs-original-title="Enabling this we will get the categories select option for that vendor on the store page." aria-label="Enabling this we will get the categories select option for that vendor on the store page." aria-hidden="true"></i>
								</div>
								
							</div>
							<div class="col text-end">
								<label class="elex-enable-disable-switch">
									<input type="checkbox" class="show_all_categories" name="show_all_categories" <?php echo esc_attr( ! empty( get_post_meta( $store_id, 'elex_mv_show_all_categories', true ) ) ? ( ( 'on' === get_post_meta( $store_id, 'elex_mv_show_all_categories', true ) ) ? 'checked' : '' ) : '' ); ?>>
									<div class="switch round"></div>
								</label>
							</div>
						</div>

						<div class="row mb-3">
							<div class="col-lg-8">
								<div class="fs-6 fw-semi-bold mb-1">Allow Only Verified Purchase Users to Review The Product</div>
							</div>
							<div class="col text-end">
								<label class="elex-enable-disable-switch">
									<input type="checkbox" class="verify_user" name="verify_user" <?php echo esc_attr( ! empty( get_post_meta( $store_id, 'elex_mv_verify_user_review', true ) ) ? ( ( 'on' === get_post_meta( $store_id, 'elex_mv_verify_user_review', true ) ) ? 'checked' : '' ) : '' ); ?>>
									<div class="switch round"></div>
								</label>
							</div>
						</div>


						<div class="my-4 d-flex gap-3 ">
							<button type="button" class="btn btn-lg fs-6 btn-outline-primary" data-bs-toggle="modal" id="store-setting-preview" data-bs-target="#elexPreviewModal">Preview Changes</button>

							<button class="btn btn-lg btn-primary fs-6 store-setting-save-changes" id="store-setting-save-changes" type="button">Save Changes</button>



						</div>
					</form>
				</div>

			</div>
		
			<div class="modal" tabindex="-1" id="elexPreviewModal" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
				<div class="modal-dialog modal-lg store_preview_modal">
					<div class="modal-content">
					<button type="button" style="z-index:3;" class="btn-close fs-3 m-2 position-absolute end-0 lh-1" data-bs-dismiss="modal" aria-label="Close">
				</button>

							<div class="fs-1 mb-1 fw-bold ms-1">
							<?php
							if ( ! empty( $banner_image_text ) ) {
								echo esc_html( $banner_image_text );
							} 
							?>
						</div>

							<div class="elex-multi-vendor-for-woocommerce-store-banner position-relative d-flex align-items-center">
								<img class="w-100" src="
								<?php 
								if ( $thumbnail_url ) {
															echo esc_url( $thumbnail_url );
								} else {
									echo esc_url( ELEX_MULTI_VENDOR_MAIN_URL_PATH . 'images/placementarea.png' );
								} 
								?>
								" alt="">
							</div>
							<div class="elex-multi-vendor-for-woocommerce-store-tab-link row align-items-center px-5 ">
								<div class="col-md-8">
								
										<?php 
										if ( isset( $show_all_categories ) && 'on' === $show_all_categories ) {
											?>

											<div style="width: 300px;" class="input-group input-group-lg my-2 border rounded">
												<select  type="text" class="form-control border-0 w-25" placeholder="Search Product"">
												<option value="">--Search--</option>
												</select>
											</div>

											<?php
										}
										?>
									
								</div>


								<div class="col-md-4">
									<div class="input-group input-group-lg my-2 border rounded">
										<input type="text" class="form-control border-0" placeholder="Search Product" aria-label="Recipient's username" aria-describedby="basic-addon2">
										<span class="input-group-text border-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg></span>
									</div>
								</div>


							</div>
							<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 
												for ( $i = 0 ; $i <= 3 ; $i++ ) {
													?>
													<div class="col-md-6 mb-3">
													<div class="position-relative">
													<img class="w-100" src="
														<?php
																					echo esc_url( ELEX_MULTI_VENDOR_MAIN_URL_PATH . 'images/storedummyproduct.png' );
														?>
																				" alt="">
													<?php 
													if ( isset( $name_to_show_on_product ) && 'on' === $name_to_show_on_product ) {
														?>
														<div class="fs-3 fw-semi-bold" style="z-index:99;">Product Name</div>
													<?php
													}
													?>
												<?php 
													if ( isset( $price_to_show_on_product ) && 'on' === $price_to_show_on_product ) {
														?>
												<div class="fs-3 fw-semi-bold" style="z-index:99;"><?php echo esc_html( get_woocommerce_currency_symbol() . '10' ); ?></div>
												<?php
													}
													?>
														
													</div>
													</div>
												<?php	  
												}
												?>
											
											</div>
										</div>
									</div>
									<div class="tab-pane fade" id="category-2" role="tabpanel" aria-labelledby="category-2-tab">
									

									<div class="px-5">
											<div class="row">
												<?php 
												for ( $i = 0 ; $i <= 3 ; $i++ ) {
													?>
													<div class="col-md-6 mb-3">
													<div class="border border-2 border-secondary position-relative">
														
													<?php 
													if ( isset( $name_to_show_on_product ) && 'on' === $name_to_show_on_product ) {
														?>
														<div class="fs-3 fw-semi-bold position-absolute top-0 left-0 ms-4 mt-5" style="z-index:99;">Product Name</div>
													<?php
													}
													?>
												<?php 
													if ( isset( $price_to_show_on_product ) && 'on' === $price_to_show_on_product ) {
														?>
												<div class="fs-3 fw-semi-bold position-absolute top-50 left-0 ms-4 mt-5" style="z-index:99;"><?php echo esc_html( get_woocommerce_currency_symbol() . '10' ); ?></div>
												<?php
													}
													?>
														<img class="w-100" src="
														<?php
																					echo esc_url( ELEX_MULTI_VENDOR_MAIN_URL_PATH . 'images/storedummyproduct.png' );
														?>
																				" alt="">
													</div>
													</div>
												<?php	  
												}
												?>
											
											</div>
										</div>
									</div>
									<div class="tab-pane fade" id="category-3" role="tabpanel" aria-labelledby="category-3-tab">
									

									<div class="px-5">
											<div class="row">
												<?php 
												for ( $i = 0 ; $i <= 3 ; $i++ ) {
													?>
													<div class="col-md-6 mb-3">
													<div class="border border-2 border-secondary position-relative">
														
													<?php 
													if ( isset( $name_to_show_on_product ) && 'on' === $name_to_show_on_product ) {
														?>
														<div class="fs-3 fw-semi-bold position-absolute top-0 left-0 ms-4 mt-5" style="z-index:99;">Product Name</div>
													<?php
													}
													?>
												<?php 
													if ( isset( $price_to_show_on_product ) && 'on' === $price_to_show_on_product ) {
														?>
												<div class="fs-3 fw-semi-bold position-absolute top-50 left-0 ms-4 mt-5" style="z-index:99;"><?php echo esc_html( get_woocommerce_currency_symbol() . '10' ); ?></div>
												<?php
													}
													?>
														<img class="w-100" src="
														<?php
																					echo esc_url( ELEX_MULTI_VENDOR_MAIN_URL_PATH . 'images/storedummyproduct.png' );
														?>
																				" alt="">
													</div>
													</div>
												<?php	  
												}
												?>
											
											</div>
										</div>
									</div>
								</div>
							</div>
					</div>
				</div>
			</div>



			<!-----------------------------===============popup=========--------------------->











		</div>

