<?php if ( ! defined( 'ABSPATH' ) ) {
exit;} ?>
<div class="bg-dark bg-opacity-25 elex-multi-vendor-for-woocommerce-popup row justify-content-end w-100 mt-4" id="elex-multi-vendor-for-woocommerce-edit-vendor">



	<div class="toast p-2 position-fixed top-1 start-50 translate-middle-x bg-white" id="elex_edit_vendor_admin_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='elex_edit_vendor_admin_toast_msg'><?php echo esc_html__( 'Updated Successfully', 'elex-multi-vendor-for-woocommerce' ); ?></span></strong>
			<button type="button" class="btn-close" data-bs-dismiss="toast"></button>
		</div>
	</div>

	<div class="elex-multi-vendor-for-woocommerce-loader-vendor d-none position-absolute start-0 top-0 w-100 h-100 " style="z-index: 9999;background: #80808094;">
		<div class="d-flex justify-content-center align-items-center h-100 pb-4">
		<img class="pb-5" style="width:100px" src="<?php echo esc_url( ELEX_MULTI_VENDOR_MAIN_URL_PATH . 'images/Rolling_elex_loader.gif' ); ?>" alt="">
		</div>
		
	</div>

	<div class="col-lg-7 col-md-9 bg-white h-100 ms-auto overflow-auto">
		<div class="py-2 px-4 text-center position-relative mt-4">
			<div class="fs-5 mb-1 fw-semi-bold">Edit Vendor</div>
			<button class="btn mt-1 rounded-circle position-absolute top-0 end-0 elex-multi-vendor-for-woocommerce-edit-vendor-close-btn">
				<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">
					<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>
			</button>
		</div>

		<ul class="nav nav-tabs bg-info bg-opacity-10 px-md-4 px-2 justify-content-between" role="tablist">
			<li class="nav-item" role="presentation">
				<button class="nav-link active px-0" id="elex-multi-vendor-for-woocommerce-edit-prod-details-tab" data-bs-toggle="tab" data-bs-target="#elex-multi-vendor-for-woocommerce-edit-prod-details" type="button" role="tab" aria-controls="elex-multi-vendor-for-woocommerce-edit-prod-details" aria-selected="true">Store Details</button>
			</li>
			<li class="nav-item" role="presentation">
				<button class="nav-link px-0" id="elex-multi-vendor-for-woocommerce-edit-price-stock-tab" data-bs-toggle="tab" data-bs-target="#elex-multi-vendor-for-woocommerce-edit-price-stock" type="button" role="tab" aria-controls="elex-multi-vendor-for-woocommerce-edit-price-stock" aria-selected="false">Store Address</button>
			</li>
			<li class="nav-item" role="presentation">
				<button class="nav-link px-0" id="elex-multi-vendor-for-woocommerce-edit-ship-tab" data-bs-toggle="tab" data-bs-target="#elex-multi-vendor-for-woocommerce-edit-ship" type="button" role="tab" aria-controls="elex-multi-vendor-for-woocommerce-edit-ship" aria-selected="false">Payment & Commission</button>
			</li>
			<li class="nav-item" role="presentation">
				<button class="nav-link px-0" id="elex-multi-vendor-for-woocommerce-edit-vendor-capabilites-tab" data-bs-toggle="tab" data-bs-target="#elex-multi-vendor-for-woocommerce-edit-vendor-capabilites" type="button" role="tab" aria-controls="elex-multi-vendor-for-woocommerce-edit-vendor-capabilites" aria-selected="false">Capabilites</button>
			</li>
		</ul>

		<form action="" id="vendor-edit-details-form">

			<div class="tab-content">
				<!-- store details -->
				<div class="tab-pane fade show active" id="elex-multi-vendor-for-woocommerce-edit-prod-details" role="tabpanel" aria-labelledby="elex-multi-vendor-for-woocommerce-edit-prod-details-tab">
					<div class="px-md-4 px-2 py-3">
						<div class="form-group mb-3">
							<div class="fs-6 mb-1 fw-semi-bold">Vendor Image</div>
							<div class="d-flex align-items-center gap-4">
								<div class="card shadow-sm border border-secondary  elex-multi-vendor-for-woocommerce-profile-pic-card rounded-3 overflow-hidden">
									<div class="card-body p-0 position-relative">

										<img id="elexPreviewImageVendorEditUpload" src="<?php echo esc_url( ELEX_MULTI_VENDOR_MAIN_URL_PATH . 'assets/images/default-store-icon.svg' ); ?>" alt="" width="100px">

										<input type="file" id="elex-multi-vendor-for-woocommerce-vendor-edit-filetag" name="elex-multi-vendor-for-woocommerce-vendor-filetag" class="opacity-0 position-absolute w-100 h-100 top-0 start-0">

									</div>
									<div class="card-footer bg-secondary bg-opacity-50 py-1 px-0 d-flex justify-content-center">
										<button type="button" class="btn btn-sm border-0 border-end border-secondary py-0 elex-multi-vendor-for-woocommerce-vendor-edit-filetag-btn" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-outline-primary" data-bs-placement="bottom" title="edit"><i class="fa-regular fa-pen-to-square"></i>
										</button>
										<button class="btn btn-sm  py-0" type="button"><i class="fa-regular fa-trash-can elex-multi-vendor-for-woocommerce-vendor-edit-filetag-delete-btn" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-outline-primary" data-bs-placement="bottom" title="remove"></i>
										</button>
									</div>
								</div>
							</div>

						</div>
						<div class="form-group mb-3">
							<div class="fs-6 mb-1 fw-semi-bold">Vendor Name <span class="text-danger">*</span></div>
							<input type="text" placeholder="Enter Your User Name" class="form-control border-2 border-secondary" name="user_name" id="elex_multivendor_vendor_edit_user_name">
							<input hidden type="text" class="form-control border-2 border-secondary" name="prev_user_name" id="elex_multivendor_vendor_edit_prev_user_name">

							<div id="elex_multivendor_vendor_edit_user_name_error"></div>
						</div>
						<input type="text" class="form-control border-2 border-secondary" name="deleted_image" id="elex_multivendor_vendor_edit_deleted_image" hidden>
						<input type="text" hidden class="form-control border-2 border-secondary" name="bypass_validation" value="true">
						<input type="text" hidden class="form-control border-2 border-secondary" name="is_setup_finished" value="true">

						<?php wp_nonce_field( 'elex_mv_manage_vendors_nonce', 'nonce' ); ?>

						<input type="text" class="form-control border-2 border-secondary" name="vendor_id" id="elex_multivendor_vendor_edit_user_id" hidden>
						<input type="text" class="form-control border-2 border-secondary" name="status" id="elex_multivendor_vendor_edit_status" hidden>

						<div class="form-group mb-3">
							<div class="fs-6 mb-1 fw-semi-bold">Store Name <span class="text-danger">*</span></div>
							<input type="text" placeholder="Enter Your Unique Store Name" class="form-control border-2 border-secondary" name="store_name" id="elex_multivendor_vendor_edit_store_name">
							<input hidden type="text" class="form-control border-2 border-secondary" name="prev_store_name" id="elex_multivendor_vendor_edit_prev_store_name">

							<div id="elex_multivendor_vendor_edit_store_name_error"></div>

						</div>
						<div class="form-group mb-3">
							<div class="fs-6 mb-1 fw-semi-bold">Email Id <span class="text-danger">*</span></div>
							<input type="text" placeholder="Enter Your User Email Id" class="form-control border-2 border-secondary" name="email_id" type="email" id="elex_multivendor_vendor_edit_email">
							<div id="elex_multivendor_vendor_edit_email_error"></div>

						</div>
						<div class="form-group mb-3">
							<div class="fs-6 mb-1 fw-semi-bold">Phone Number <small class="text-secondary fw-normal">(optional)</small></div>
							<input type="hidden" class="form-control border-2 border-secondary" name="dial_code" id="elex_multivendor_vendor_edit_dial_code">

							<input type="hidden" class="form-control border-2 border-secondary" name="country_iso" id="elex_multivendor_vendor_edit_country_iso">

							<input type="text" placeholder="Enter Your User Phone Number" class="form-control border-2 border-secondary" name="phone_number" id="elex_multivendor_vendor_edit_phone_number">
							<div id="elex_multivendor_vendor_edit_phone_number_error"></div>

						</div>

						<div class="fs-6 mb-1 fw-semi-bold">PayPal Email ID (Optional)</div>
							<div class="form-group">
								<input type="text" placeholder="Enter Your PayPal Email Id(Optional)" class="form-control border-2 border-secondary" name="paypal_email" id="elex_multivendor_vendor_edit_paypal_email">
								<div id="elex_multivendor_vendor_edit_paypal_email_error"></div>
							</div>
							<br>
						<div class="d-flex gap-2">

							<button class="btn btn-primary w-100 vendor-edit-page-save-btn" type="button" data-button-id="1">Save Changes</button>
						</div>

					</div>
				</div>

				<!-- store address -->
				<div class="tab-pane fade" id="elex-multi-vendor-for-woocommerce-edit-price-stock" role="tabpanel" aria-labelledby="elex-multi-vendor-for-woocommerce-edit-price-stock-tab">
					<div class="px-md-4 px-2 py-3">
						<div class=" mb-3">
							<div class="fs-6 mb-1 fw-semi-bold">Store Address 1</div>
							<input type="text" placeholder="Enter Store Address" class="form-control border-2 border-secondary" name="store_full_addr1" id="elex_multivendor_vendor_edit_store_full_addr1">
							<div id="elex_multivendor_vendor_edit_store_full_addr1_error"></div>
						</div>
						<div class=" mb-3">
							<div class="fs-6 mb-1 fw-semi-bold">Store Address 2</div>
							<input type="text" placeholder="Enter Store Address" class="form-control border-2 border-secondary" name="store_full_addr2" id="elex_multivendor_vendor_edit_store_full_addr2">
							<div id="elex_multivendor_vendor_edit_store_full_addr2_error"></div>
						</div>

						<div class="form-group mb-3">
							<div class="fs-6 mb-1 fw-semi-bold">Country</div>
							<select autocomplete="off" name="country" class="form-control border-2 border-secondary mw-100" id="elex_multivendor_vendor_edit_country">
								<option value="">--Select Store Country-- </option>

								<?php
								$wc_countries = new \WC_Countries();
								$countries    = $wc_countries->get_countries();
								foreach ( $countries  as $country_code => $country_name ) :
									?>
									<option value="<?php echo esc_html( $country_code ); ?>"><?php echo esc_html( $country_name ); ?></option>
								<?php endforeach; ?>
							</select>
							<div id="elex_multivendor_vendor_edit_country_error"></div>
						</div>

						<div class="form-group mb-3">
							<div class="fs-6 mb-1 fw-semi-bold">State / County</div>
							<select class="form-control border-2 border-secondary" name="state" id="elex_multivendor_vendor_edit_state"></select>
							<div id="elex_multivendor_vendor_edit_state_error"></div>
						</div>

						<div class="form-group mb-3">
							<div class="fs-6 mb-1 fw-semi-bold">City</div>
							<input type="text" placeholder="Enter Store City" class="form-control border-2 border-secondary" name="city" id="elex_multivendor_vendor_edit_city">
							<div id="elex_multivendor_vendor_edit_city_error"></div>
						</div>
						<div class="form-group mb-3">
							<div class="fs-6 mb-1 fw-semi-bold">Postcode / Zip</div>
							<input type="text" placeholder="Enter Store Postal Code" class="form-control border-2 border-secondary" name="postal_code" id="elex_multivendor_vendor_edit_postal_code">
							<div id="elex_multivendor_vendor_edit_postal_code_error"></div>
						</div>
						<div class="d-flex gap-2">

							<button class="btn btn-primary w-100 vendor-edit-page-save-btn" type="button" data-button-id="2">Save Changes</button>
						</div>
					</div>
				</div>

				<div class="tab-pane fade" id="elex-multi-vendor-for-woocommerce-edit-ship" role="tabpanel" aria-labelledby="elex-multi-vendor-for-woocommerce-edit-price-ship">
					<div class="px-md-4 px-2 py-3">
						<div class=" mb-3">
							
							<br>
							<div class="row mb-3">
								<div class="col-xl-7 col-md-12">
									<div class="d-flex flex-wrap justify-content-between align-items-center mb-2 w-100">
										<small class="fw-bold">Vendor Commission (%) </small>
										<label class="elex-enable-disable-switch">
											<input type="checkbox"  checked="" name="apply_vendor_commission_switch" id="apply_vendor_commission_switch">
											<div class="switch round"></div>
										</label>
									</div>
								
									<input type="number" step="0.01" min="0" name="commission_amount" class=" elex-vendor-commission-screen form-control border-secondary w-100" id="elex_multivendor_vendor_edit_commission">
									<div id="elex_multivendor_vendor_edit_commission_error"></div>

								</div>
							
								<div class="col-xl-5 col-md-5 elex_global_commission_display_field mb-2 d-flex align-items-center">
								
								</div>
											
							

							</div>
							<div class=" mb-3 elex-vendor-commission-screen">

							<div class="row ">
								<div class="col-xl-7 col-md-12">
								<div class="d-flex flex-wrap justify-content-between align-items-center mb-2 w-100">
									<small class="fw-bold">Custom Category Commission</small>
									<label class="elex-enable-disable-switch">
										<input type="checkbox" checked="" name="category_commission_switch_vendor_edit" id="category_commission_switch_vendor_edit">
										<div class="switch round"></div>
									</label>
								</div>
								</div>
							</div>
								
								<div class="border  border-secondary rounded p-3 category_commission_switch_vendor_screen">
									<table class="table table-borderless m-0" >
										<thead>
											<tr>
												<th class="category_commission_switch_vendor_screen_category">Category </th>
												<th class="category_commission_switch_vendor_screen_comission">Commission (%)</th>
												<th class="category_commission_switch_vendor_screen_add"></th>
											</tr>
										</thead>
										<tbody class="elex_mv_category_commission_body" data-category_row_num_val="0" >
											<!-- <tr class="elex_mv_category_commission_template_tr" id="elex_mv_category_commission_template_tr_id-0">
												<td><select type="" multiple class="form-control  border-secondary category_select_dropdown_for_commission_vendor" name="categories_selected_forCommission[0][]" id="category_select_dropdown_for_commission_vendor_id-0"></td>
												<td><input type="text" class="form-control  border-secondary" name="category_commission_vendor[0]"></td>
												<td>
													<button type="button" class="rounded-circle btn  delete_row_category_selected_for_commission_button fs-4 w-100 lh-1 p-1" id="delete_row_category_selected_for_commission_button_id-0">
														<svg xmlns="http://www.w3.org/2000/svg" height="18" viewBox="0 0 448 512"><path fill="#f20202" d="M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>
													</button>
												</td>
												
											</tr> -->

										</tbody>
									</table>

									<button type="button" class="btn btn-outline-primary add_row_categories_selected_for_commission_button fs-6 m-2">
													Add Row
									</button>

									<template id="elex_mv_category_commission_template">
											<tr class="elex_mv_category_commission_template_tr">
												<td><select type="" multiple class="form-control  border-secondary category_select_dropdown_for_commission_vendor" name="categories_selected_forCommission"></td>
												<td><input type="text" class="form-control  border-secondary category_com_dropdown_for_commission_vendor" name="category_commission_vendor"></td>
												<td>
													<button type="button" class="rounded-circle btn  delete_row_category_selected_for_commission_button fs-4 w-100 lh-1 p-1">
														<svg xmlns="http://www.w3.org/2000/svg" height="18" viewBox="0 0 448 512"><path fill="#f20202" d="M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>
													</button>
												</td>
												
											</tr>
									</template>

								</div>
							</div>

							<div class=" mb-3 elex-vendor-commission-screen">
								<div class="row ">
								<div class="col-xl-7 col-md-12">
								<div class="d-flex flex-wrap justify-content-between align-items-center mb-2 w-100">
									<small class="fw-bold">Custom Product Commission</small>
									<label class="elex-enable-disable-switch">
										<input type="checkbox" checked="" name="product_commission_switch_vendor_edit" id="product_commission_switch_vendor_edit" >
										<div class="switch round" ></div>
									</label>
								</div>
								</div>
								</div>
								
								<div class="border border-secondary  rounded p-3 product_commission_switch_vendor_screen">
									<table class="table table-borderless m-0">
										<thead>
											<tr>
												<th class="category_commission_switch_vendor_screen_category">Product</th>
												<th class="category_commission_switch_vendor_screen_comission">Commission (%)</th>
												<th class="category_commission_switch_vendor_screen_add"></th>
											</tr>
										</thead>
										<tbody class="elex_mv_product_commission_body" data-product_row_num_val="0">
											<!-- <tr class="elex_mv_product_commission_template_tr" id="elex_mv_product_commission_template_tr_id-0">
												<td><select type="" multiple class="form-control border-secondary product_select_dropdown_for_commission_vendor" name="products_selected_forCommission[0][]" id="product_select_dropdown_for_commission_vendor_id-0"></td>
												<td><input type="text" class="form-control  border-secondary " name="product_commission_vendor[0]"></td>
												<td>
												<button type="button" class="rounded-circle btn  delete_row_product_selected_for_commission_button fs-4 w-100 lh-1 p-1" id="delete_row_product_selected_for_commission_button_id-0">
														<svg xmlns="http://www.w3.org/2000/svg" height="18" viewBox="0 0 448 512"><path fill="#f20202" d="M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>
												</button>
												</td>
											
											</tr> -->

										</tbody>
									</table>
									<button type="button" class="btn btn-outline-primary add_row_products_selected_for_commission_button fs-6 m-2" >
													Add Row
									</button>

									<template id="elex_mv_product_commission_template">
											<tr class="elex_mv_product_commission_template_tr">
												<td><select type="" multiple class="form-control  border-secondary product_select_dropdown_for_commission_vendor" name="products_selected_forCommission"></td>
												<td><input type="text" class="form-control  border-secondary product_com_dropdown_for_commission_vendor" name="product_commission_vendor"></td>
												<td>
													<button type="button" class="rounded-circle btn  delete_row_product_selected_for_commission_button fs-4 w-100 lh-1 p-1">
														<svg xmlns="http://www.w3.org/2000/svg" height="18" viewBox="0 0 448 512"><path fill="#f20202" d="M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>
													</button>
												</td>
												
											</tr>
									</template>
								</div>
							</div>
							<!-- end -->

						
						</div>
					</div>
					<div class="my-4">
						<button class="btn btn-primary w-100 vendor-edit-page-save-btn" type="button" data-button-id="3">Save Changes</button>
					</div>
				</div>

				<!-- capabilites -->
				<div class="tab-pane fade" id="elex-multi-vendor-for-woocommerce-edit-vendor-capabilites" role="tabpanel" aria-labelledby="elex-multi-vendor-for-woocommerce-edit-vendor-capabilites-tab">
					<div class="px-md-4 px-2 py-3">


						<div class="row mb-3">

							<div class="col-xl-5 col-md-5">
								<small class="fw-bold">Apply Global Capabilities</small>
							</div>
							<div class="col-xl-2 col-md-2">
								<label class="elex-enable-disable-switch">
									<input type="checkbox" checked name="global_capabilities" id="global_capabilities">
									<div class="switch round"></div>
								</label>
							</div>
							<div class="col-xl-5 col-md-5">
								<small class="text-secondary">Disable to use vendor level capabilities</small>
							</div>

						</div>

						<div class="elex_mv_vendor_capabilities_div">

							<div class="row mb-3">
								<div class="col-xl-5 col-md-5">
									<small class="fw-bold">Enable vendors to sell products without approval</small>
								</div>
								<div class="col-xl-2 col-md-2">
									<label class="elex-enable-disable-switch">
										<input type="checkbox" checked name="vendor_to_sell_without_approval" id="vendor_to_sell_without_approval">
										<div class="switch round"></div>
									</label>
								</div>
								<div class="col-xl-5 col-md-5">
									<small class="text-secondary">Allow selling of new product without approval</small>
								</div>

							</div>

							<!-- <div class="row mb-3"> -->

							<!-- <div class="col-xl-5 col-md-5">
										<small class="fw-bold">Allow vendor to enable/disable shipping methods setup by Admin</small>
									</div>
									<div class="col-xl-2 col-md-2">
										<label class="elex-enable-disable-switch">
											<input type="checkbox" checked name="vendor_to_allow_vendor_shipping" id="vendor_to_allow_vendor_shipping">
											<div class="switch round"></div>
										</label>
									</div>
									<div class="col-xl-5 col-md-5">
										<small class="text-secondary">Allow vendor to enable/disable shipping methods setup by Admin</small>
									</div>

								</div> -->


							<!-- <div class="row mb-3">
									<div class="col-xl-5 col-md-5">
										<small class="fw-bold">Allow vendor to override shipping carrier credentials</small>
									</div>
									<div class="col-xl-2 col-md-2">
										<label class="elex-enable-disable-switch" >
											<input type="checkbox" checked name="vendor_to_override_creds" id="vendor_to_override_creds">
											<div class="switch round"></div> 
										</label>
									</div>
								</div> -->

							<!-- <div class="row mb-3">
									<div class="col-xl-5 col-md-5">
										<small class="fw-bold">Allow vendor to choose shipping carrier services</small>
									</div>
									<div class="col-xl-2 col-md-2">
										<label class="elex-enable-disable-switch">
											<input type="checkbox" checked name="vendor_to_choose_ship_services" id="vendor_to_choose_ship_services">
											<div class="switch round"></div>
										</label>
									</div>
								</div> -->


							<div class="row mb-3">
								<div class="col-xl-5 col-md-5">
									<small class="fw-bold">Allow vendor to use woocommerce shipping setup by admin</small>
								</div>
								<div class="col-xl-2 col-md-2">
									<label class="elex-enable-disable-switch">
										<input type="checkbox" checked name="vendor_to_use_flat_rate_service_set_by_admin" id="vendor_to_use_flat_rate_service_set_by_admin">
										<div class="switch round"></div>
									</label>
								</div>
							</div>


							<div class="row mb-3">
								<div class="col-xl-5 col-md-5">
									<small class="fw-bold">Allow vendor to change order status</small>
								</div>
								<div class="col-xl-2 col-md-2">
									<label class="elex-enable-disable-switch">
										<input type="checkbox" checked name="vendor_to_change_order_status" id="vendor_to_change_order_status">
										<div class="switch round"></div>
									</label>
								</div>
							</div>

							<div class="row mb-3">
								<div class="col-xl-5 col-md-5">
									<small class="fw-bold">Allow vendor to generate coupons</small>
								</div>
								<div class="col-xl-2 col-md-2">
									<label class="elex-enable-disable-switch">
										<input type="checkbox" checked name="vendor_to_generate_coupons" id="vendor_to_generate_coupons">
										<div class="switch round"></div>
									</label>
								</div>
							</div>
							<div class="row mb-3">
								<div class="col-xl-5 col-md-5">
									<small class="fw-bold">Allow vendor to create category</small>
								</div>
								<div class="col-xl-2 col-md-2">
									<label class="elex-enable-disable-switch">
										<input type="checkbox" checked name="vendor_to_create_category" id="vendor_to_create_category">
										<div class="switch round"></div>
									</label>
								</div>
							</div>
							<div class="row mb-3">
								<div class="col-xl-5 col-md-5">
									<small class="fw-bold">Show vendor detail on woocommerce store page</small>
								</div>
								<div class="col-xl-2 col-md-2">
									<label class="elex-enable-disable-switch">
										<input type="checkbox" checked name="show_vendor_detail_on_woocom_store_page" id="show_vendor_detail_on_woocom_store_page">
										<div class="switch round"></div>
									</label>
								</div>
								<div class="col-xl-5 col-md-5">
									<small class="text-secondary">Enable to show vendor info on the store page</small>
								</div>

							</div>


							<div class="row mb-3">
								<div class="col-xl-5 col-md-5">
									<small class="fw-bold">Show vendor detail on woocommerce product page</small>
								</div>
								<div class="col-xl-2 col-md-2">
									<label class="elex-enable-disable-switch">
										<input type="checkbox" checked name="show_vendor_detail_on_woocom_product_page" id="show_vendor_detail_on_woocom_product_page">
										<div class="switch round"></div>
									</label>
								</div>
								<div class="col-xl-5 col-md-5">
									<small class="text-secondary">Enable to show vendor info on the product page</small>
								</div>

							</div>

						</div>

						<div class="my-4">
							<button class="btn btn-primary w-100 vendor-edit-page-save-btn" type="button" data-button-id="4">Save Changes</button>
						</div>

					</div>
				</div>

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