jaymascarenas
9/27/2019 - 1:48 PM

Age Verification Question - VWO

function enableAgeQuestion(title) {
    const question = path => {
        return `<fieldset class="card" id="age-verification-${path}-vwo">
    <div class="inner-container">
        <p class="question-label">Follow Up Question</p>
        <h4 class="question">${title || 'How old are you?'}</h4>
        <div class="button-list vertical-list">
            <select name="age" class="input" id="age${path === 'refinance' ? '' : '-p'}">
            <option selected disabled value="">Choose One:</option>
            <option value="20">18-25</option>
            <option value="30">26-35</option>
            <option value="40">36-45</option>
            <option value="50">46-55</option>
            <option value="60">56-61</option>
            <option value="62">62 or older</option>
            </select>
        </div>
        <div class="next-button-container">
            <button type="button" class="btn-primary next-button">
                <p>Next</p>
                <div class="icon-container"><span class="icon-next-arrow"></span></div>
            </button>
            <br>
            <button type="button" class="back-button">Back</button>
        </div>
    </div>
</fieldset>
`
    }

    $('#employment-step-refinance').before(question('refinance'))
    $('#employment-step-purchase').before(question('purchase'))
}