	<section v-if="!ageVerified" id="age_verification" class="age-verification d-none" v-bind:style="{ background: selectedStateAge ? 'rgb(255, 255, 255)' : 'rgb(0, 0, 0)', display: !ageVerified ? 'block!important' : '' }">
        <header style="background:#000"><a class="main-logo" href="https://www.180smoke.ca"><img src="https://blog.180smoke.ca/wp-content/plugins/180-age-check/assets/img/logo.svg" alt="180Smoke"></a></header>
        <div class="container-fluid">
            <div class="age-verification__body row">
                <div class="text-center col">
                    <div class="age-verification__title">Welcome to <strong>180 Smoke</strong></div>
                    <p style="color: inherit;">Select your province to validate your age.</p>
                    <div class="age-verification__form-state form-group">
                        <select name="state" aria-label="State" required="" id="state" class="form-control" @change="onChangeState($event)">
                            <option selected="" value="">Select your Province</option>
                            <option v-for="(location, idx) in ageVerificationLocations" v-bind:key="location.region_id" v-bind:value="idx">{{ location.name }}</option>
                        </select>
                    </div>
                    <p v-if="!selectedStateAge" class="age-verification__message_1">This website hosts promotional and sales material for<br> adults only (18/19+), not intended for minors.</p>
                    <p v-if="!selectedStateAge" class="age-verification__message_1">Government ID verification is required to enter our<br> stores, and to complete all deliveries for online<br> purchases.</p>
                    <p v-if="selectedStateAge"><strong><u>We only sell to adults age {{selectedStateAge}} years or older in your province.</u></strong></p>
                    <p v-if="selectedStateAge" style="color: inherit;">Please select your birthdate to confirm you are at least {{selectedStateAge}} years of age.</p>
                </div>
            </div>
        </div>
        <div v-if="selectedStateAge" class="age-verification__form-birth row" v-cloak>
            <div class="text-center col">
                <form @submit="handleSubmit">
                    <p><strong style="color: #fff!important;">DATE OF BIRTH</strong></p>
                    <div class="form-row">
                        <div class="form-group col">
                            <input type="number" placeholder="MM" :value="month" id="month" max="12" min="1" class="text-center form-control" @change="onChangeMonth($event)"/>
                        </div>
                        <div class="form-group col">
                            <input type="number" placeholder="DD" :value="date" id="day" max="31" min="1" class="text-center form-control" @change="onChangeDate($event)"/>
                        </div>
                        <div class="form-group col">
                            <input type="number" placeholder="YYYY" :value="year" id="year" max="2122" min="1900" class="text-center form-control" @change="onChangeYear($event)"/>
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="mt-md-4 form-group col">
                            <p>Yes, I am {{selectedStateAge}} years or older</p>
                            <button type="submit" class="d-block w-100 uppercase btn btn-primary">Verify</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <div v-if="selectedStateAge" class="row" style="padding-left: 15px; padding-right: 15px;">
            <div class="text-center m-auto col">
                <p class="age-verification__message_1">This website hosts promotional and sales material for<br> adults only (18/19+), not intended for minors.</p>
                <p class="age-verification__message_1">Government ID verification is required to enter our<br> stores, and to complete all deliveries for online<br> purchases.</p>
            </div>
        </div>
    </section>
    {"id":48,"count":3,"description":"","link":"https:\/\/blog.180smoke.ca\/fr\/category\/tanks\/","name":"Tanks","slug":"tanks","taxonomy":"category","parent":0,"meta":[],"_links":{"self":[{"href":"https:\/\/blog.180smoke.ca\/fr\/wp-json\/wp\/v2\/categories\/48"}],"collection":[{"href":"https:\/\/blog.180smoke.ca\/fr\/wp-json\/wp\/v2\/categories"}],"about":[{"href":"https:\/\/blog.180smoke.ca\/fr\/wp-json\/wp\/v2\/taxonomies\/category"}],"wp:post_type":[{"href":"https:\/\/blog.180smoke.ca\/fr\/wp-json\/wp\/v2\/posts?categories=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}