	<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>
    <?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet type="text/xsl" href="//blog.180smoke.ca/wp-content/plugins/wordpress-seo-premium/css/main-sitemap.xsl"?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
	<sitemap>
		<loc>https://blog.180smoke.ca/post-sitemap.xml</loc>
		<lastmod>2025-07-11T11:20:02+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://blog.180smoke.ca/page-sitemap.xml</loc>
		<lastmod>2024-06-19T20:09:21+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://blog.180smoke.ca/project-sitemap.xml</loc>
	</sitemap>
	<sitemap>
		<loc>https://blog.180smoke.ca/divi_mega_pro-sitemap.xml</loc>
		<lastmod>2022-06-15T12:38:56+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://blog.180smoke.ca/category-sitemap.xml</loc>
		<lastmod>2025-07-11T11:20:02+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://blog.180smoke.ca/post_tag-sitemap.xml</loc>
		<lastmod>2023-09-11T16:47:23+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://blog.180smoke.ca/author-sitemap.xml</loc>
		<lastmod>2024-05-14T16:06:09+00:00</lastmod>
	</sitemap>
</sitemapindex>
<!-- XML Sitemap generated by Yoast SEO -->