WooCommerce dropdown menu

Here is the code for listing all the product categories in WooCommerce:

<div class="webshop_cats_wrapper">
	<div class="webshop_cats">
		<div class="row text-left"> 
			<?php
			$terms = get_terms( 'product_cat' );
			foreach($terms as $term){
				if($term->parent == 0){
					?>
					<div class="col-4 cat">
						<div class="main_cat">
							<a href="<?= get_term_link($term); ?>" class="<?php if(get_queried_object()->term_id == $term->term_id) print "current"; ?>">
								<span class="cat_name"><?= $term->name; ?></span>
							</a>
						</div>

						<div class="sub_cats">
							<?php
							$sub_terms = get_terms( 'product_cat', array('parent' => $term->term_id) );
							foreach($sub_terms as $sub_term){
								?>
								<div class="sub_cat">
									<a href="<?= get_term_link($sub_term); ?>" class="<?php if(get_queried_object()->term_id == $sub_term->term_id) print "current"; ?>"><?= $sub_term->name; ?></a>
								</div>
								<?php
							}
							?>
						</div>

					</div>
					<?php
				}
			}
			?>
		</div>
	</div>
</div>