https://www.atlasroofing.com/resources/js/components/general-contact-form.js?v=20260924033757

1let contactReasonInput = document.querySelector(
2    'form input[id="contact_reason__c'
3)
4
5let general_info = `<div class="container d-none" id="contact-form-info">
6    <p class="fs-3 mb-0">Consumer Services Contact</p>
7    <p class="mb-2">If you have any questions regarding <b>Pending Claims or a Potential Product Defect for Asphalt Shingles</b>, please contact us by phone, toll free at:</p>
8    <p class="fs-5 fw-bold mb-0">Consumer Services</p>
9    <a href="tel:8004780258">(800) 478-0258</a>
10    <p class="text-muted mb-2">You can also send written correspondence and completed warranty registration forms to the Consumer Services Department at:</p>
11    <p class="fs-3 fw-bold mb-1">Atlas Roofing Corporation <br/>Attn: Consumer Services</p>
12    <a target="_blank" href="https://www.google.com/maps?q=802+HWY+19+N,+Suite+170+Meridian,+MS+39307&amp;um=1&amp;ie=UTF-8&amp;sa=X&amp;ved=0ahUKEwj5loz8xPzcAhXC1lMKHUpRDvIQ_AUICigB">802 HWY 19 N, Suite 170 <br> Meridian, MS 39307</a>
13    </div>`
14if (contactReasonInput) {
15    let form = contactReasonInput.closest('form')
16    form.insertAdjacentHTML('afterend', general_info)
17    contactReasonInput.addEventListener('change', e => {
18        if (e.target.checked === true) {
19            // hiding recaptcha
20            form.querySelector('.g-recaptcha').style.display = 'none'
21            // disable button
22            form.querySelector('button').classList.add('d-none')
23            // selecting all elements to hide
24            let elements = form.querySelectorAll(
25                'input[type="text"], select, textarea, input[type="tel"], input[type="hidden"]'
26            )
27            // hide element and labels
28            elements.forEach(element => {
29                let div = element.closest('.col-md-6')
30                if (div != null) {
31                    div.classList.add('d-none')
32                }
33            })
34            // show the info div
35            document
36                .getElementById('contact-form-info')
37                .classList.remove('d-none')
38        }
39        if (e.target.checked === false) {
40            // show recaptcha
41            form.querySelector('.g-recaptcha').style.display = 'block'
42            //   enable button
43            form.querySelector('button').classList.remove('d-none')
44            // selecting all elements to hide
45            let elements = form.querySelectorAll(
46                'input[type="text"], select, textarea, input[type="tel"], button, input[type="hidden"]'
47            )
48            // hide element and labels
49            elements.forEach(element => {
50                let div = element.closest('.col-md-6')
51                if (div != null) {
52                    div.classList.remove('d-none')
53                }
54            })
55            // hide the info div
56            document.getElementById('contact-form-info').classList.add('d-none')
57        }
58    })
59}