Checkout - City dropdown snippet not working with Bricks

How To
1

Hi guys,
On other sites I use this snippet to create (and limit) a city dropdown in the checkout area. But I cannot get it to work for Bricks. This snippet is essential for local businesses here who can only deliver within the Metro manila area.

Does this snippet needs to be adjusted?

<?php // Change "city" checkout billing and shipping fields to a dropdown add_action( 'wp_footer', 'override_checkout_city_fields_script' ); function override_checkout_city_fields_script() { ?> 
<script>
    document.addEventListener('DOMContentLoaded', function() {
        var option_cities = {
            '' : '<?php echo esc_html__( 'Select your city', 'text-domain' ); ?>',
            'Caloocan' : 'Caloocan',
            'Las Piñas' : 'Las Piñas',
            'Makati' : 'Makati',
            'Malabon' : 'Malabon',
            'Mandaluyong' : 'Mandaluyong',
            'Manila' : 'Manila',
            'Marikina' : 'Marikina',
            'Muntinlupa' : 'Muntinlupa',
            'Navotas' : 'Navotas',
            'Parañaque' : 'Parañaque',
            'Pasay' : 'Pasay',
            'Pasig' : 'Pasig',
            'Pateros (Municipality)' : 'Pateros (Municipality)',
            'Quezon City' : 'Quezon City',
            'San Juan' : 'San Juan',
            'Taguig' : 'Taguig',
            'Valenzuela' : 'Valenzuela'
        };

        var billingCity = document.getElementById('billing_city');
        if (billingCity) {
            billingCity.innerHTML = ''; // Clear existing options
            for (var key in option_cities) {
                var option = document.createElement('option');
                option.value = key;
                option.text = option_cities[key];
                billingCity.appendChild(option);
            }
        }

        var shippingCity = document.getElementById('shipping_city');
        if (shippingCity) {
            shippingCity.innerHTML = ''; // Clear existing options
            for (var key in option_cities) {
                var option = document.createElement('option');
                option.value = key;
                option.text = option_cities[key];
                shippingCity.appendChild(option);
            }
        }
    });
</script>
<?php

}

// Remove checkout fields
add_filter( ‘woocommerce_checkout_fields’, ‘custom_override_checkout_fields’ );
function custom_override_checkout_fields( $fields ) {
unset( $fields[‘billing’][‘billing_country’] );
unset( $fields[‘billing’][‘billing_state’] );
return $fields;
}

2 
// Hook in
add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );

// Our hooked in function - $fields is passed via the filter!
function custom_override_checkout_fields( $fields ) {
    $fields['billing']['billing_state']['label'] = 'Provinsi';
    $fields['billing']['billing_city']['label'] = 'Kota';
    $fields['billing']['billing_address_2']['label'] = 'Kecamatan';
    $fields['billing']['billing_postcode']['label'] = 'Kode Pos (wajib diisi untuk menghitung pengiriman)';   
    return $fields;
}

I have some issue too, Woocommerce Checkout field using bricks, the value of modified tittle or placeholder return to default value.