	<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>
    {"version":"1.0","provider_name":"180 Fum\u00e9e","provider_url":"https:\/\/blog.180smoke.ca\/fr","title":"Vaping News: Une mise \u00e0 jour hebdomadaire - 2 d\u00e9cembre","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"KEO6mIbQkE\"><a href=\"https:\/\/blog.180smoke.ca\/fr\/vaping-news-a-weekly-update-dec-2\/\">Vaping News: Une mise \u00e0 jour hebdomadaire - 2 d\u00e9cembre<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/blog.180smoke.ca\/fr\/vaping-news-a-weekly-update-dec-2\/embed\/#?secret=KEO6mIbQkE\" width=\"600\" height=\"338\" title=\"\u00ab Vaping News : Une mise \u00e0 jour hebdomadaire \u2013 2 d\u00e9cembre \u00bb \u2014 180 Smoke\" data-secret=\"KEO6mIbQkE\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/*! This file is auto-generated *\/\n!function(c,d){\"use strict\";var e=!1,o=!1;if(d.querySelector)if(c.addEventListener)e=!0;if(c.wp=c.wp||{},c.wp.receiveEmbedMessage);else if(c.wp.receiveEmbedMessage=function(e){var t=e.data;if(!t);else if(!(t.secret||t.message||t.value));else if(\/[^a-zA-Z0-9]\/.test(t.secret));else{for(var r,s,a,i=d.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),n=d.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),o=new RegExp(\"^https?:$\",\"i\"),l=0;l<n.length;l++)n[l].style.display=\"none\";for(l=0;l<i.length;l++)if(r=i[l],e.source!==r.contentWindow);else{if(r.removeAttribute(\"style\"),\"height\"===t.message){if(1e3<(s=parseInt(t.value,10)))s=1e3;else if(~~s<200)s=200;r.height=s}if(\"link\"===t.message)if(s=d.createElement(\"a\"),a=d.createElement(\"a\"),s.href=r.getAttribute(\"src\"),a.href=t.value,!o.test(a.protocol));else if(a.host===s.host)if(d.activeElement===r)c.top.location.href=t.value}}},e)c.addEventListener(\"message\",c.wp.receiveEmbedMessage,!1),d.addEventListener(\"DOMContentLoaded\",t,!1),c.addEventListener(\"load\",t,!1);function t(){if(o);else{o=!0;for(var e,t,r,s=-1!==navigator.appVersion.indexOf(\"MSIE 10\"),a=!!navigator.userAgent.match(\/Trident.*rv:11\\.\/),i=d.querySelectorAll(\"iframe.wp-embedded-content\"),n=0;n<i.length;n++){if(!(r=(t=i[n]).getAttribute(\"data-secret\")))r=Math.random().toString(36).substr(2,10),t.src+=\"#?secret=\"+r,t.setAttribute(\"data-secret\",r);if(s||a)(e=t.cloneNode(!0)).removeAttribute(\"security\"),t.parentNode.replaceChild(e,t);t.contentWindow.postMessage({message:\"ready\",secret:r},\"*\")}}}}(window,document);\n<\/script>","thumbnail_url":null,"thumbnail_width":null,"thumbnail_height":null}