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


<div class="px-md-5 px-2 py-3">
								<div class="d-flex mb-3 gap-3">
									<button type="button" class="btn btn-outline-primary elex-add-new-attribute-button_edit text-nowrap">Add New</button>
									<select style="width: 10%" name="" id="" class="form-select elex_mv_switch_div elex_mv_select_attributes_woocommerce_edit border-2">
									<option></option>

										<?php 
										foreach ( wc_get_attribute_taxonomies() as $values ) {
											?>

												<option value=" <?php echo esc_html( $values->attribute_id ); ?> "><?php echo esc_html( $values->attribute_label ); ?></option>

										  
												<?php                           
										}
										?>
									</select>

									<div class="elex_mv_edit_attribute_expand_close_div d-none">
										<a href="#" class="expand_all_attribute_edit">Expand</a>/<a href="#" class="close_all_attribute_edit">Close</a>
									</div>
								</div>

								<form action="" class="elex_mv_add_attribute_parent_form_edit">

								<div class="elex_mv_add_attribute_parent_edit" id="elex_mv_add_attribute_parent_edit_iden">

							
								</div>
								</form>

							 

								<div class="d-flex gap-2">
								<button type="button"  class="btn btn-outline-primary w-100 elex-save-attributes_edit">Save Attributes</button>
								<button class="btn btn-primary w-100 elex-save-attributes_edit "  data-button="next" type="button" >Save and Next</button>
								</div>
							</div>


								<template id="template-for-attributes_edit">

									<div class="border border-2 mb-3 elex_mv_mini_max_sec_parent_template_edit d-none draggable" draggable="true" >
										<div class="bg-light d-flex justify-content-between px-2 py-1">
											<div class="d-flex gap-3 align-items-center">
												<div class="fs-6 fw-bold elex-multi-vendor-for-woocommerce-attribute-title_edit">New Attribute</div>
											</div>

											<div class="d-flex align-items-center">
												<button type="button" class="btn btn-sm text-danger elex-multi-vendor-for-woocommerce-remove-button-attribute-template_edit">Remove</button>
																								
												<button type="button" class="btn btn-sm text-primary elex_mv_mini_max_btn_edit"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg></button>
											</div>
										</div>

										<div class="p-2 elex_mv_mini_max_sec">
											<div class="d-flex gap-3 justify-content-between align-items-start mb-3">
												<div class="mb-3 elex_mv_switch_div">
													<div class="mb-3">
														<div class="fs-6 mb-1 elex-multi-vendor-for-woocommerce-name-of-attribute_edit">
															Name
														</div>
														<input type="text" class="form-control border border-secondary border-2 elex-multi-vendor-for-woocommerce-name-of-attribute-input_edit" placeholder="f.e Size or Color">
														
													</div>
													<div class="form-check">
														<input class="form-check-input elex-multi-vendor-for-woocommerce-visibile-product_edit" type="checkbox" value="" id="flexCheckDefault">
														<label class="form-check-label" for="flexCheckDefault">
															Visible on Product Page
														</label>
														</div>
														<div class="form-check">
														<input class="form-check-input elex-multi-vendor-for-woocommerce-use-for-variations_edit" type="checkbox" value="" id="flexCheckDefault">
														<label class="form-check-label" for="flexCheckDefault">
															Use for variations
														</label>
														</div>
												</div>
												<div class="mb-3 flex-fill">
													<div class="fs-6 mb-1 elex-multi-vendor-for-woocommerce-attribute-values-label_edit">
														Value(s):
													</div>
													<textarea name="" id="" class="form-control elex-multi-vendor-for-woocommerce-attribute-values-textarea_edit" rows="6" placeholder='Enter the option for customers to choose from f.e "Blue" or "Large". Use "|" to separate different options.''></textarea>
														<button type="button"  class=" d-none btn btn-primary elex_mv_select_all_attribute_values_edit" > Select All</button>
													<button  type="button"  class=" d-none btn btn-primary elex_mv_select_create_attribute_values_edit" >Create Value</button>
												</div>

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

								</template>