WooCommerce Attribute Filter with No Plugin - php

Question

Okay so I'm trying to create dynamic product filters that display certain product attributes for certain categories. The attributes that are displayed are chosen via checkbox on the "Edit Category" page.
I have a majority of the coding done, but I'm stuck on this one part. How do I leverage WooCommerce Layered-Nav or WordPress AJAX to turn this form and checkboxes into active product filters?
$ischecked is the array that contains the desired attributes to filter by. The WP_Query grabs all active values for our checked attributes.
<?php
echo '<form action="https://monroedirect.com/mrohardware/product-category/knobs/" method="GET">';
foreach ($ischecked as $display_attribute) {
$tax_val = str_replace(' ', '-', preg_replace('/[^\p{L}\p{N}\s]/u', '', strtolower($display_attribute)));
echo '<div class="attribute_filter" data-op="OR" data-taxonomy="pa_'.$tax_val.'" data-name="'.$display_attribute.'" id="af_'.$i.'">
';
echo '<div class="af_head"><h3>'.$display_attribute.'</h3></div>';
echo '<input type="hidden" name="query_type_'.$tax_val.'" value="or">';
$output = array(); // Initializing
$products = ( new WP_Query($args) );
if ( $products->have_posts() ) {
while ( $products->have_posts() ) {
$products->the_post();
$product = wc_get_product( get_the_id() );
$product_attributes = $product->get_attributes();
$attributes = $ischecked;
foreach ( $attributes as $attribute ) {
$taxonomy = 'pa_' . $attribute;
$values = $product->get_attribute($taxonomy);
if ( ! empty($values) ) {
if($attribute == $display_attribute) {
array_push($output, $values);
}
}
}
}
}
$attrib_list = array_unique($output);
echo '<ul>';
foreach ($attrib_list as $atrib) {
$atribraw = str_replace(' ', '-', strtolower($atrib));
echo '<li>
<input data-name="'.$atrib.'" id="filter_'.$tax_val.'" name="filter_'.$tax_val.'" type="checkbox" value="'.$atrib.'">'.$atrib.'</li>';
}
echo '</ul>';
?>
<?php
echo '</div>';
$i++;
}
echo '<button>Filter Products</button>';
echo '</form>';
?>