Flexi-Roll Carpet Covered Gymnastic Mat

<?php
global $product;
$product_id = $product ? $product->get_id() : get_the_ID();

$min_quantity = get_post_meta($product_id, '_min_quantity', true);
$max_quantity = get_post_meta($product_id, '_max_quantity', true);

$min_quantity = $min_quantity !== '' ? absint($min_quantity) : 1;
$max_quantity = $max_quantity !== '' ? absint($max_quantity) : '';
$start_value = $min_quantity;

// Debug output (remove after testing)
echo "<!-- Debug: Product ID: $product_id, Min: $min_quantity, Max: $max_quantity -->";
?>

<div class="quantity" data-min="<?php echo esc_attr($min_quantity); ?>" data-max="<?php echo esc_attr($max_quantity); ?>" data-product-id="<?php echo esc_attr($product_id); ?>">
    <label class="screen-reader-text" for="quantity_<?php echo esc_attr($product_id); ?>">Product quantity</label>
    <input type="number" id="quantity_<?php echo esc_attr($product_id); ?>" class="input-text qty text" name="quantity" value="<?php echo esc_attr($start_value); ?>" step="1" inputmode="numeric" autocomplete="off">
    <button type="button" class="action minus"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="6" y1="12" x2="18" y2="12"></line></svg></button>
    <button type="button" class="action plus"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="6" x2="12" y2="18"></line><line x1="6" y1="12" x2="18" y2="12"></line></svg></button>
    <div class="quantity-error" style="color: red; display: none; margin-top: 5px;">Minimum quantity required: <?php echo esc_attr($min_quantity); ?></div>
</div>