{exp:stash:set trim="yes" parse_tags="yes" process="start"}
	{stash:entry_id}{segment_1}{segment_2}{segment_3}{/stash:entry_id}
{/exp:stash:set}

{exp:stash:parse process="end"}

	{stash:embed:global-v4:base}

	{exp:stash:set name="{stash:entry_id}_body"}

	{!-- ================= BEGIN BODY MAIN CORE =================  --}	
	<!-- BEGIN .content -->
	<section class="content">

		<div class="wrapper">
				
			<section class="main-content row-fluid">	
				
				<main class="main nosidebar">

<section class="row-fluid article-content" id="budget_top">
	<div class="small-12 column" id="top_drop">
		
		<h2 class="text-center">2022 Hawaii Budget Calculator</h2>
		<h4 class="text-center">Estimate the Cost of your Hawaii Vacation</h4>

		<div class="row-fluid clear">	
        	<div class="small-12 medium-10 medium-offset-1 column end">                
	            <div id="announcements" class="clear clearfix">
					
					<p>Aloha, guest readers can <strong>calculate <em>five (5)</em> trip cost estimates</strong> for Hawaii each day. Rates included within this calculator are based on projected Summer 2022 rates aggregated from current OTA pricing. Rates will be updated regularly.</p>
					
					<p><a href="/premium" target="_blank" rel="noopener"><strong>HawaiiGuide Premium</strong></a> members can submit unlimited trip estimates each day.</p>					
				</div><!--announcements_notpremium-->   
	            
	            <div id="announcements_premium" class="clear clearfix"> 
	            	<p>Aloha, as a <strong>HawaiiGuide Premium</strong> member you can calculate <em>unlimited</em> Hawaii trip cost estimates each day. Mahalo for being a HawaiiGuide Premium member!</p>
	            </div><!--announcements_premium-->
	            
            </div><!--column-->
		</div><!--row-fluid-->

		<div class="wrapper-slim clearfix clear" id="results_view" ><span class="dotted-line mb10" style="border-color:#444;"></span></div>

		<div class="row-fluid clear">	
        	<div class="small-12 column">
                <div id="results">
                </div><!--results-->
            </div><!--column-->
			<div class="small-12 column">
				<div id="announcements_footer" class="clear clearfix">
					<div class="alert alert-yellow" style="position:relative;width:100%;z-index:499;opacity: 0.9;margin:0;">
						<h6>Currently, you have <span id="remaining_footer"></span></h6>
					</div><!--alert-->
				</div><!--announcements_footer-->
			</div><!--column-->
		</div><!--row-fluid-->		

		<div class="wrapper-slim clearfix clear"><span class="dotted-line mb10" style="border-color:#444;"></span></div>

	    <form class="captcha-form" id="hawaii_budget_calculator">

	        <fieldset id="vacation-summary" class="clear clearfix">

			<div class="tab">
		        <h3 class="pt20"><i class="fa-suitcase fa-xl"></i> Calculator Overview</h3>

	            <div class="row-fluid clearfix clear">			            

	                <div class="small-12 column">
	                    <p>This calculator is designed to provide both a <strong>comprehensive and <em>regularly updated</em> budget estimate</strong> for planning a trip to Hawaii. Currently, rates are applicable for the spring, summer, and early fall of 2022. Generally, these rates should provide a good estimate for any time period between 2022-2023.</p>
	                    <h6>This budget tool considers all of the following:</h6>
	                    <ul>
		                    <li><strong><i class="fa-plane fa-xl"></i> Hawaii Flight Costs</strong> including airfare from various destinations, baggage fees, etc.</li>
		                    <li><strong><i class="fa-callbell fa-xl"></i> Hawaii Accommodation Costs</strong> including different lodging types, Hawaii's now roughly 18% accommodation tax, parking fees (if applicable), which island you're staying on, etc.</li>
		                    <li><strong><i class="fa-vehicle fa-xl"></i> Hawaii Vehicle Rental Costs</strong> including various types of vehicles, fuel costs, and number of miles driven daily.</li>
		                    <li><strong><i class="fa-snorkeling fa-xl"></i> Additional Costs</strong> including dining + gratuity, visitor fees to parks, etc., and Hawaii Tours and Activity costs.</li>
	                    </ul>
	                </div><!--column-->
	                
	                {!--
	                <div class="small-12 medium-4 column end text-center">
		                <img data-src="https://www.hawaii-guide.com/files/premium/how-much-hawaii-trip-cost-budget-v3a.png" alt="Hawaii Budget Estimate Calculator" class="lazyload" />
		            </div><!--column--> 
		            --}  
			
	            </div><!--row-fluid-->
			</div><!--tab-->


			<div class="tab">
		        <h3 class="pt20"><i class="fa-plane fa-xl"></i> Hawaii Flight Costs</h3>
		        
		         <p class="text16">First, consider your flight costs to Hawaii. Select your departure location, update the number of travelers (if applicable), and check whether you expect to pay baggage fees, below.</p>
		         
		         <div class="wrapper-slim clearfix clear"><span class="dotted-line mb20" style="border-color:#777;"></span></div>

	            <div class="row-fluid clearfix clear">			            
		            
	                <div class="small-12 medium-6 large-5 column">
	                    <label for="flight_departure"><i class="fa-plane"></i> Departure Location?</label>
	                    <select id="id_flight_departure" name="flight_departure" class="required" >
	                            <option value="">- Select a Location -</option>
	                            <option value="East Coast">East Coast</option>
	                            <option value="West Coast">West Coast</option>
	                            <option value="MidWest">Mid West</option>
	                            <option value="International">International</option>
	                    </select>
	                </div><!--column-->

                	<div class="small-5 medium-4 large-3 column">
						<label for="number_travelers"><i class="fa-users"></i> #of Travelers: </label>
						<input type="number" name="number_travelers" id="id_number_travelers" min="1" placeholder="2" style="max-width:100px;text-align:center;" value="2" />
					</div><!--column-->

                	<div class="small-12 medium-8 large-4 column end">
						<label><i class="fa-suitcase"></i> Baggage Fees: </label><br / >
						<input type="checkbox" name="baggage_fees" id="id_baggage_fee" value="50" class="left mr10 ml10" />
						<label for="id_baggage_fee" class="text14">Optional @ $50; fee is per person.</label>
					</div><!--column-->
			
	            </div><!--row-fluid-->
			</div><!--tab-->
		     
		    <div class="tab">    
	            <h3 class="pt20"><i class="fa-callbell fa-xl"></i> Hawaii Accommodation Costs</h3>
	            
	            <p class="text16">Next, let us know which island you'll be visiting (select the primary island if you're visiting more than one), select a lodging type/classification, update the number of nights (default is set to a week), update the number or rooms (if applicable), and check whether you expect to pay parking fees (common in more densely populated areas on Oahu and/or Maui).</p>
	            
	            <div class="wrapper-slim clearfix clear"><span class="dotted-line mb20" style="border-color:#777;"></span></div>

	            <div class="row-fluid clear clearfix">			            
	                <div class="small-6 medium-5 column">
	                    <label for="island"><i class="fa-question-circle"></i> Which Island</label>
	                    <select id="id_island" name="which_island" class="required" >
	                            <option value="">- Select an Island -</option>
	                            <option value="Oahu">Oahu</option>
	                            <option value="Maui">Maui</option>
	                            <option value="Kauai">Kauai</option>
	                            <option value="Big Island">Big Island</option>
	                            <option value="Undecided">Undecided</option>
	                    </select>
	                </div><!--column-->
	                <div class="small-6 medium-5 column end">
	                    <label for="accommodations_type"><i class="fa-callbell"></i> Lodging Type:</label>
	                    <select id="id_accommodations_type" name="accommodations_type" class="required">
	                            <option value="">- Select an Option -</option>
	                            <option value="Hotel">Hotel (avg. 3 stars)</option>
	                            <option value="Resort">Resort (avg. 4 stars)</option>
	                            <option value="BB-Inn">B&B or Inn</option>
	                            <option value="VR">Vacation Rental</option>
	                            <option value="Undecided">Undecided</option>
	                    </select>
	                </div><!--column--> 
	            </div><!--row-->
	            
				<div class="row-fluid clear clearfix pt20">	
                	<div class="small-6 medium-2 column">
						<label for="accommodation_nights"><i class="fa-clock-o"></i> # of Nights: </label>
						<input type="number" name="accommodation_nights" id="id_accommodation_nights" min="1" placeholder="7" style="max-width:100px;text-align:center;" value="7" />
					</div><!--column-->
                	<div class="small-6 medium-2 column">
						<label for="accommodation_rooms"><i class="fa-hotel"></i> # of Rooms: </label>
						<input type="number" name="accommodation_rooms" id="id_accommodation_rooms" min="1" placeholder="1" style="max-width:100px;text-align:center;" value="1" />
					</div><!--column-->
                	<div class="small-12 medium-6 column end">
						<label for="days_rented"><i class="fa-location-arrow"></i>Parking Fees?</label><br />
						<input type="checkbox" name="parking_fees" id="id_parking_fees" value="30" class="left mr10 ml10" />
						<label for="id_parking_fees" class="text14">Optional; $30/night applicable at certain accommodations.</label>
					</div><!--column-->
	            </div><!--row-->
	            
				<div class="row-fluid clear clearfix pt20">											
	                <div class="small-12 medium-6 column end">					
	                    <label><i class="fa-usd"></i> Taxes:</label><br>
	                    <input type="radio" name="accommodation_taxes" value="1.18" id="id_taxes" class="left mt10" checked>
	                    <label for="taxes" class="pl10"><p><a href="/blog/hawaii-accommodation-tax" target="_blank" rel="noopener" class="text15">Statewide Rate</a>: 18%</p></label>
	                </div><!--column-->
	            </div><!--row-fluid-->
		    </div><!--tab-->

			<div class="tab"> 
	            <h3 class="pt20"><i class="fa-vehicle fa-xl"></i> Hawaii Car Rental Costs</h3>
	            
	            <p class="text16">Now, let's consider your vehicle rental costs (if applicable). If you're not renting a car, select 'No Car,' but for most visitors, we highly recommend a rental. Update the number of days (which will default to +1 day more than you selected in accommodation nights) and choose an estimate for your mileage each day. If you're not sure, we recommend you leave the default option selected.</p>
	            
	            <div class="wrapper-slim clearfix clear"><span class="dotted-line mb20" style="border-color:#777;"></span></div>

	            <div class="row-fluid clear clearfix">			            
	                <div class="small-6 medium-4 column">
	                    <label><i class="fa-vehicle"></i> Type of Vehicle</label>
	                    <select id="id_vehicle" name="vehicle" class="required" >
	                            <option value="">- Select a Type -</option>
	                            <option value="Car">Car</option>
	                            <option value="SUV">SUV</option>
	                            <option value="Convertible">Convertible</option>
	                            <option value="Luxury">Luxury</option>
	                            <option value="None">No Car</option>
	                            <option value="Undecided">Undecided</option>
	                    </select>
	                </div><!--column-->
                	<div class="small-6 medium-4 column end">
						<label for="days_rented"><i class="fa-clock-o"></i> # Days Rented: </label>
						<input type="number" name="days_rented" id="id_days_rented" min="1" placeholder="8" style="max-width:100px;text-align:center;" value="8" />
					</div><!--column-->
	            </div><!--row-->
	            
				<div class="row-fluid clear clearfix pt20">	
					
                	<div class="small-12 medium-4 column end" style="line-height:90%;">
						<label><i class="fa-map-marker"></i> Fuel Costs: </label><br />
						<p class="text14">If you select 'No Car' this will be zeroed out by default!</p>
						<input type="radio" name="fuel_costs" value="5" id="id_fuel_5" class="left">
						<label for="id_fuel_5" class="text15 mb0 pl10">5 Miles/day</label><br /><br />
						<input type="radio" name="fuel_costs" value="10" id="id_fuel_10" class="left">
						<label for="id_fuel_10" class="text15 mb0 pl10">10 Miles/day</label><br /><br />
						<input type="radio" name="fuel_costs" value="20" id="id_fuel_20" class="left" checked>
						<label for="id_fuel_20" class="text15 mb0 pl10">20 Miles/day</label><br /><br />
						<input type="radio" name="fuel_costs" value="50" id="id_fuel_50" class="left">
						<label for="id_fuel_50" class="text15 mb0 pl10">50 Miles/day</label><br /><br />
						<input type="radio" name="fuel_costs" value="75" id="id_fuel_75" class="left">
						<label for="id_fuel_75" class="text15 mb0 pl10">75 Miles/day</label><br /><br />
						<input type="radio" name="fuel_costs" value="100" id="id_fuel_100" class="left">
						<label for="id_fuel_100" class="text15 mb0 pl10">100 Miles/day</label><br /><br />
						<input type="radio" name="fuel_costs" value="150" id="id_fuel_150" class="left">
						<label for="id_fuel_150" class="text15 mb0 pl10">150 Miles/day</label><br /><br />
						<label for="fuel_costs" class="text13">Optional; based on mileage driven each day.</label>
					</div><!--column-->
	            </div><!--row-fluid-->
			</div><!--tab-->

			<div class="tab"> 
	            <h3 class="pt20"><i class="fa-snorkeling fa-xl"></i> Other Hawaii Costs</h3>
	            
	            <p class="text16">Finally, consider a few last potential costs and fees for your trip. There's dining (we've included gratuity in the estimates), and we've selected all three meal options by default. Then, there are potential fees for parks and other attractions, which are a relatively new factor to now consider when estimating a Hawaii budget; select the applicable options below. Finally, select the amount, if any, you expect to spend on Hawaii Tours and/or commercial Activities. Be sure to update the number of people dining and people the fees/tours apply to if applicable; these numbers will default to the same number of people you selected previously for this trip estimate.</p>
	            
	            <div class="wrapper-slim clearfix clear"><span class="dotted-line mb20" style="border-color:#777;"></span></div>

	            <div class="row-fluid clear clearfix">			            
	                <div class="small-12 medium-8 large-5 column">
	                    <label><i class="fa-coffee fa-xl"></i> Type of Meals</label><br />
						<input type="checkbox" name="breakfast" id="id_breakfast" value="15" class="left mr10 ml10" checked />
						<label for="id_breakfast" class="text15">Breakfast @ $15; fee is per person.</label><br />
						<input type="checkbox" name="lunch" id="id_lunch" value="25" class="left mr10 ml10" checked />
						<label for="id_lunch" class="text15">Lunch @ $25; fee is per person.</label><br />
						<input type="checkbox" name="dinner" id="id_dinner" value="45" class="left mr10 ml10" checked />
						<label for="id_dinner" class="text15">Dinner @ $45; fee is per person.</label>
	                </div><!--column-->
                	<div class="small-12 medium-4 column end">
						<label for="days_rented"><i class="fa-user fa-xl"></i> # People Dining: </label>
						<input type="number" name="quantity_dining" id="id_quantity_dining" min="1" placeholder="2" style="max-width:100px;text-align:center;" value="2" />
					</div><!--column-->
	            </div><!--row-->
	            
				<div class="row-fluid clear clearfix pt20">	
	                <div class="small-12 medium-8 large-5 column">
	                    <label><i class="fa-camera fa-xl"></i> Visitor Fees/Tours</label><br />
						<input type="checkbox" name="national_parks" id="id_national_parks" value="35" class="left mr10 ml10" />
						<label for="id_national_parks" class="text15">National Parks @ $35; fee is per person.</label><br />
						<input type="checkbox" name="state_parks" id="id_state_parks" value="10" class="left mr10 ml10" />
						<label for="id_state_parks" class="text15">State Parks @ $10; fee is per person.</label><br />
						<input type="checkbox" name="other_attractions" id="id_other_attractions" value="25" class="left mr10 ml10" />
						<label for="id_other_attractions" class="text15">Other Attractions @ $25; fee is per person.</label>
						<br /><br />
						<label><i class="fa-snorkeling fa-xl"></i> Visitor Tours <small class="text15">(Select One)</small></label><br />
						<input type="radio" name="tours" id="id_tours_0" value="0" class="left mt10" checked />
						<label for="id_tours_0" class="text15 pl10">No Tours @ $0; price is per person.</label><br />
						<input type="radio" name="tours" id="id_tours_50" value="50" class="left mt10" />
						<label for="id_tours_50" class="text15 pl10">Hawaii Tours @ $50; price is per person.</label><br />
						<input type="radio" name="tours" id="id_tours_100" value="100" class="left mt10" />
						<label for="id_tours_100" class="text15 pl10">Hawaii Tours @ $100; price is per person.</label><br />
						<input type="radio" name="tours" id="id_tours_150" value="150" class="left mt10" />
						<label for="id_tours_150" class="text15 pl10">Hawaii Tours @ $150; price is per person.</label>
	                </div><!--column-->
                	<div class="small-12 medium-4 column end">
						<label for="days_rented"><i class="fa-users fa-xl"></i> # People Fees/Tours: </label>
						<input type="number" name="quantity_attractions" id="id_quantity_attractions" min="1" placeholder="2" style="max-width:100px;text-align:center;" value="2" />
					</div><!--column-->
	            </div><!--row-fluid-->
			</div><!--tab-->

	        <div class="tab">  
			        <h3 class="pt20"><i class="fa-envelope-o fa-xl"></i> Email + <i class="fa-calendar-o fa-xl"></i> Expected Travel Dates</h3> 

					<p class="clear clearfix text16">We'll email you a copy of your results to this email address for your records.</p>
					<div class="row-fluid clear" id="regular_email">
						<div class="small-12 medium-4 columns end">
							<label>
								<i class="fa-envelope"></i> Email Address 
								<span class="small small80" style="font-weight:normal"><em>(Required)</em></span>
							</label>
							<input class="form-control required" name="email_address" id="id_email_address" type="text">
						</div><!--column-->
					</div><!--row-->

					<div class="row-fluid clear" id="premium_email">
						<div class="small-12 columns end">
							<span id="premium_email_html"></span>
						</div><!--column-->
					</div><!--row-->
					
					 <div class="wrapper-slim clearfix clear"><span class="dotted-line mb20" style="border-color:#777;"></span></div>

					<p class="clear clearfix text16">You may not have exact dates yet, but provide a rough guess or estimate below. This will help us refine the calculator and provide more accurate data throughout the year. Mahalo!</p>

					<div class="row-fluid clear">
						<div class="small-12 medium-6 columns">
							<div class="form-group">
								<label><i class="fa-calendar"></i> Month of Visit </label>
								<select name="month_of_visit" id="id_month_of_visit" class="required">
								<option value="">- Select an Option -</option>
								<option value="January">January</option>
								<option value="February">February</option>
								<option value="March">March</option>
								<option value="April">April</option>
								<option value="May">May</option>
								<option value="June">June</option>
								<option value="July">July</option>
								<option value="August">August</option>
								<option value="September">September</option>
								<option value="October">October</option>
								 <option value="November">November</option>
								<option value="December">December</option>
								<option value="Undecided">Undecided</option>
								</select>
							</div><!--form-group-->
						</div><!--column-->
						<div class="small-12 medium-6 columns end">
							<div class="form-group">
								<label><i class="fa-calendar"></i> Year of Visit </label>
								<select name="year_of_visit" id="id_year_of_visit" class="required">
								<option value="">- Select an Option -</option>
								<option value="2023">2023</option>
								<option value="2024">2024</option>
								<option value="2025">2025</option>
								<option value="2026">2026</option>
								<option value="Undecided">Undecided</option>
								</select>
							</div><!--form-group-->
						</div><!--column-->
					</div><!--row-->					           
	           
	        </div><!--tab-->   

	           
	        <div class="tab">  
		        <div id="final_questions">
			        <h3 class="pt20"><i class="fa-question-circle fa-xl"></i> Final Question</h3> 
				
					<p class="clear clearfix text15">If you're visiting another island, please let us know below. This will not affect the estimate or rate you're provided. This is for research and calculator improvement purposes only. Mahalo!</p>
					
					<div class="wrapper-slim clearfix clear"><span class="dotted-line mb20" style="border-color:#777;"></span></div>
					
					<div class="row-fluid clear">
						<div class="small-12 medium-6 columns end">
							<div class="form-group">
								<label><i class="fa-question"></i> Second Island </label>
								<select name="second_island" id="id_second_island" class="">
								<option value="Not visiting another island">Not visiting another island</option>
								<option value="Oahu">Oahu</option>
								<option value="Maui">Maui</option>
								<option value="Kauai">Kauai</option>
								<option value="Big Island">Big Island</option>
								<option value="Molokai">Molokai</option>
								<option value="Lanai">Lanai</option>
								<option value="Undecided">Undecided</option>
								</select>
							</div><!--form-group-->
						</div><!--column-->
					</div><!--row-->
					
		        </div><!--final_questions-->
        
		        <div class="wrapper-slim clearfix clear"><span class="dotted-line mb10" style="border-color:#444;"></span></div>
		        
				<div class="row-fluid clear text-center">
					<h5 class="text-center"><label for="btn_estimate">- Click To Estimate Trip Cost -</label></h5>
		        	
		        	<div class="small-12 column">
		                    <button type="submit" class="btn btn-lg btn-green" id="btn_trip_estimate"><i class="fa-traveler"></i> Calculate &raquo;</button>
		                    <button class="btn btn-lg btn-blue" onClick="refreshPage()" id="btn_trip_reset">Start Over</button>
		        								        	
		        	</div><!--column-->
		        	<div class="small-3 column end">
			        	<input id="total_estimate" disabled="true" type="hidden" name="total" >
		            </div><!--column-->
				</div><!--row--> 							           
	           
	        </div><!--tab-->   
	           
			</fieldset>
	
			<div style="overflow:auto;">
			  <div class="text-center pt30">
			    <button type="button" id="prevBtn" class="btn btn-lg btn-teal" onclick="nextPrev(-1)">&laquo; Previous</button>
			    <button type="button" id="nextBtn" class="btn btn-lg btn-green" onclick="nextPrev(1)">Next &raquo;</button>
			  </div>
			</div>
			
			<!-- Circles which indicates the steps of the form: -->
			<div style="text-align:center;margin-top:40px;" id="steps">
			  <span class="step"></span>
			  <span class="step"></span>
			  <span class="step"></span>
			  <span class="step"></span>
			  <span class="step"></span>
			  <span class="step"></span>
			</div>
						            
	    </form>
	    
	</div><!--column-->
</section><!--row--budget_top-->
				
				</main>

			</section><!--main-->
	
		</div><!--wrapper -->
	
	<!-- BEGIN .content -->
	</section>	
	{!-- ================= END BODY MAIN CORE =================  --}	
	
	{/exp:stash:set}

	{exp:stash:set name="{stash:entry_id}_header_tags" parse_tags="yes"}
		<META NAME="ROBOTS" CONTENT="NOINDEX, FOLLOW">
	{/exp:stash:set}

	{!-- HEADER TAGS --}
	{exp:stash:set name="{stash:entry_id}_header_css" parse_tags="yes"}
<style>

</style>
	{/exp:stash:set}
	
	{!-- Set the Entry Title --}		
	{exp:stash:set name="{stash:entry_id}_meta_title" trim="yes"}
		Hawaii 2022 Trip Cost Estimate & Budget Calculator | Hawaii Guide
	{/exp:stash:set}
	
	{exp:stash:set name="{stash:entry_id}_canonical_url" trim="yes"}
		https://www.hawaii-guide.com{if segment_1}/{segment_1}{/if}{if segment_2}/{segment_2}{/if}{if segment_3}{segment_3}{/if}
	{/exp:stash:set}

	{exp:stash:set name="{stash:entry_id}_footer_tags" scope="site"}

{!--<script src='https://aws.hawaii-guide.com/files/js/budget-calculator-v16.js'></script>--}

<script>
/*
############################################################################################################
############################################################################################################

© Copyright 2022 - Guide of US, LLC and Guide of Hawaii, LLC - All Rights Reserved
Developed by: John C. Derrick 

This script may not be copied or reproduced without permission from Guide of US, LLC.

Inspiration for this script originated from the 'Simple Price Calculator' script developed by Femy Praseeth.

############################################################################################################
############################################################################################################
*/

//Include the CSS
var head = document.getElementsByTagName('HEAD')[0]; 
var link = document.createElement('link');
link.rel = 'stylesheet'; 
link.type = 'text/css';
link.href = 'https://aws.hawaii-guide.com/files/css/budget-calculator-v3.css'; 
head.appendChild(link);

//set the maximum allowed non-premium calculator submissions
var calcTimes = 5;
var calcTimesHalf = calcTimes * 0.5;
var currentGasPrice = 4.25;

//Tab Control - load this early to avoid flashing screen
var currentTab = 0; // Current tab is set to be the first tab (0)
showTab(currentTab); // Display the current tab

function showTab(n) {
  // This function will display the specified tab of the form ...
  var x = document.getElementsByClassName("tab");
  x[n].style.display = "block";
  // ... and fix the Previous/Next buttons:
  if (n == 0) {
    document.getElementById("prevBtn").style.display = "none";
  } else {
    document.getElementById("prevBtn").style.display = "inline";
  }
  if (n == 0) {
	  document.getElementById("nextBtn").innerHTML = "Get Started &raquo;";
  } else if (n == (x.length - 1)) {
    document.getElementById("nextBtn").style.display = "none";
    document.getElementById("prevBtn").style.display = "none";
    document.getElementById("steps").style.display = "none";
    
  } else {
    document.getElementById("nextBtn").innerHTML = "Next &raquo;";
  }
  // ... and run a function that displays the correct step indicator:
  fixStepIndicator(n);
}

document.querySelectorAll('.invalid').forEach(item => {
  item.addEventListener('change', event => {
    validateForm();
  })
})

function nextPrev(n) {
  // This function will figure out which tab to display
  var x = document.getElementsByClassName("tab");
  // Exit the function if any field in the current tab is invalid:
  if (n == 1 && !validateForm()) return false;
  // Hide the current tab:
  x[currentTab].style.display = "none";
  // Increase or decrease the current tab by 1:
  currentTab = currentTab + n;
  // if you have reached the end of the form... :
  if (currentTab >= x.length) {
    //...the form gets submitted:
	// return false;
  }
  // Otherwise, display the correct tab:
  showTab(currentTab);
}

function validateForm() {
  // This function deals with validation of the form fields
  var x, y, z, i, valid = true;
  x = document.getElementsByClassName("tab");
  y = x[currentTab].getElementsByTagName("input");
  z = x[currentTab].getElementsByTagName("select");

  // A loop that checks every input field in the current tab:
  for (i = 0; i < y.length; i++) {
    // If a field is empty...
    if (y[i].value == "" ) {
      // add an "invalid" class to the field:
      y[i].className += " invalid";
      // and set the current valid status to false:
      valid = false;
    }
  }
  for (i = 0; i < z.length; i++) {
    // If a field is empty...
    if (z[i].value == "" ) {
      // add an "invalid" class to the field:
      z[i].className += " invalid";
      // and set the current valid status to false:
      valid = false;
    }
  }
  // If the valid status is true, mark the step as finished and valid:
  if (valid) {
    document.getElementsByClassName("step")[currentTab].className += " finish";
  }
  return valid; // return the valid status
}

function fixStepIndicator(n) {
  // This function removes the "active" class of all steps...
  var i, x = document.getElementsByClassName("step");
  for (i = 0; i < x.length; i++) {
    x[i].className = x[i].className.replace(" active", "");
  }
  //... and adds the "active" class to the current step:
  	if (i == x.length) {
	} else {
  		x[n].className += " active";
  	}
}

// set Cookie Function
function createCookieCalculator(cookieName, cookieValue, daysToExpire) {
    var date_estimate = new Date();
    date_estimate.setTime(date_estimate.getTime() + (daysToExpire * 24 * 60 * 60 * 1000));
    document.cookie = cookieName + "=" + cookieValue + "; expires=" + date_estimate.toGMTString() + "; path=/; secure";
}

//Use logic to change values of future fields based on earlier inputs
var inputa = document.getElementById('id_accommodation_nights');
var inputb = document.getElementById('id_days_rented');
inputa.addEventListener('change', function() {
	inputb.value = parseInt(inputa.value) + 1;
});

var inputc = document.getElementById('id_number_travelers');
var inputd = document.getElementById('id_quantity_dining');
var inputf = document.getElementById('id_quantity_attractions');
inputc.addEventListener('change', function() {
	inputd.value = parseInt(inputc.value);
	inputf.value = parseInt(inputc.value);
});

//check to see if user has taken quiz and has cookie - update announcements
var calculator_form = document.getElementById("hawaii_budget_calculator");
var calculator_announcements = document.getElementById('announcements');
var calculator_announcements_footer = document.getElementById('announcements_footer');
var calculator_announcements_premium = document.getElementById('announcements_premium');
var premium_email = document.getElementById('premium_email');
var regular_email = document.getElementById('regular_email');

function getCalcCookie(cname) {
  let name = cname + "=";
  let ca = document.cookie.split(';');
  for(let i = 0; i < ca.length; i++) {
    let c = ca[i];
    while (c.charAt(0) == ' ') {
      c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}

var premium_drip_email = getCalcCookie("premium_email");			
var cookieCheck = getCalcCookie("calculator_times_taken");

//if the user is premium, their remaining times will never change, bc the cookies don't update below
if (cookieCheck == '') {
	var cookieTimesTaken = 0;
	var cookieTimesRemaining = calcTimes;				
} else {
	var cookieTimesTaken = parseInt(getCalcCookie("calculator_times_taken"),10);
	var cookieTimesRemaining = parseInt(getCalcCookie("calculator_times_remaining"),10);
}

var remaining_html_footer = document.getElementById('remaining_footer');
var cookie = document.cookie;
var premium = cookie.indexOf("hawaii-guide-adfree");
var calculator_form = document.getElementById("hawaii_budget_calculator");		
document.getElementById("btn_trip_reset").style.display = 'none';

var remaining_text_verbiage = '<strong class="text-orange"><u>' + cookieTimesRemaining + '</u></strong> estimates remaining';
var remaining_text_critical_verbiage = '<strong class="text-red"><u>' + cookieTimesRemaining + '</u></strong> estimates remaining';

if (premium > -1){
	calculator_announcements.remove();
	calculator_announcements_footer.remove();
} else if(cookieTimesRemaining == 0 ) {
	calculator_form.remove();
	remaining_html_footer.innerHTML = remaining_text_critical_verbiage + '. <a href="/premium" class="text-blue">Get <strong>HawaiiGuide Premiium &rarr;</strong></a>';
	calculator_announcements_premium.remove();
} else if(cookieTimesTaken == ''){
	//no cookie - first time
	remaining_html_footer.innerHTML = remaining_text_verbiage;
	calculator_announcements_premium.remove();
} else if(cookieTimesTaken > 0 && cookieTimesTaken < calcTimesHalf){
	remaining_html_footer.innerHTML = remaining_text_verbiage;
	calculator_announcements_premium.remove();
} else if(cookieTimesTaken > 0 && cookieTimesTaken >= calcTimesHalf){	
	remaining_html_footer.innerHTML = remaining_text_critical_verbiage;		
	calculator_announcements_premium.remove();	
}
	
if(premium_drip_email != ''){
	var premium_email_html = document.getElementById('premium_email_html');
	premium_email_html.innerHTML = "<input type='hidden' name='fields[email]' value='" + premium_drip_email + "' /><p class='text-center'>Aloha, <em><strong class='text-green'>Welcome back!</strong></em> You've already provided your email address... click the button below to obtain your results.</p>";
	regular_email.remove();
} else {
	premium_email.remove();
}
		
// set Global vars
var flight_departure = document.getElementById("id_flight_departure");
var accommodations_type = document.getElementById("id_accommodations_type");
var vehicle_type = document.getElementById("id_vehicle");

var whichMonth = document.getElementById("id_month_of_visit");
var whichYear = document.getElementById("id_year_of_visit");
var secondIsland = document.getElementById("id_second_island");

var island = document.getElementById("id_island");
var baggageFeeBox = document.getElementById("id_baggage_fee");
var parkingFeeBox = document.getElementById("id_parking_fees");
			
var MealBreakfast = document.getElementById("id_breakfast");
var MealLunch = document.getElementById("id_lunch");
var MealDinner = document.getElementById("id_dinner");

var NatParks = document.getElementById("id_national_parks");
var StateParks = document.getElementById("id_state_parks");
var OtherAttractions = document.getElementById("id_other_attractions");

if(premium > -1){
	document.addEventListener('DOMContentLoaded', function(){		
		document.getElementById('hawaii_budget_calculator').addEventListener('submit', estimateTotal);						
	});
} else if (cookieTimesRemaining > 0) {
	document.addEventListener('DOMContentLoaded', function(){		
		document.getElementById('hawaii_budget_calculator').addEventListener('submit', estimateTotal);						
	});				
}
			
function estimateTotal(event) {
	event.preventDefault();

	//remove these elements on submit
	document.getElementById("btn_trip_estimate").remove();	
	document.getElementById("btn_trip_reset").style.display = 'inline-block';

	document.getElementById("final_questions").remove();
	
	//premium_email.remove();	
	//whichMonth.remove();
	//whichYear.remove();
	//secondIsland.remove();
				
	if( accommodations_type.value === ''){
		accommodations_type.focus();
	}

	// Set early vars

	var fuel_costs = document.querySelector('input[name=fuel_costs]:checked').value || 0;
	var tour_costs = document.querySelector('input[name=tours]:checked').value || 0;

	var number_travelers = document.getElementById("id_number_travelers").value;
	var accommodation_nights = document.getElementById("id_accommodation_nights").value;
	var rental_days = document.getElementById("id_days_rented").value;
	var accommodation_rooms = document.getElementById("id_accommodation_rooms").value;
	var qty_dining = document.getElementById("id_quantity_dining").value;
	var qty_attractions = document.getElementById("id_quantity_attractions").value;
	
	let email;
    if(premium_drip_email == ''){
    	email = document.getElementById("id_email_address").value;
    } else {
	    email = premium_drip_email;
    }							
	var taxes = document.querySelector('input[name=accommodation_taxes]:checked').value || '';			
					
	var taxCost,
		nightlyRate,
		islandModifier,
		flightRate,
		totalFlightPrice,
		totalAccommodationPrice, 
		netAccommodationPrice,
		baggageFees,
		totalBaggageFee,
		parkingFees,
		totalParkingFee,
		netFlightPrice,
		finalestimate,
		estimate,
		remaining_text,
		remaining_text_critical,
		dailyRentalRate,
		fuelCost,
		HawaiiTours,
		totalVehiclePrice,
		netVehiclePrice,
		Breakfast,
		Lunch,
		Dinner,
		NtlPark,
		StParks,
		OtherAttr,
		netDiningPrice,
		totalDiningPrice,
		totalAttractionsPrice,
		AttractionsOther,
		TotalEstimate,
		which_month,
		which_year,
		which_second_island;

	if (flight_departure.value === 'East Coast'){
		flightRate = 905.00;
	}
	else if(flight_departure.value ==='West Coast'){
		flightRate = 480.00;	
	}
	else if(flight_departure.value ==='MidWest'){
		flightRate = 780.00;	
	}
	else if(flight_departure.value ==='International'){
		flightRate = 1060.00;	
	}

	if (baggageFeeBox.checked == true){
		baggageFees = baggageFeeBox.value;
	}
	else {
		baggageFees = 0;
	}	

	if (parkingFeeBox.checked == true){
		parkingFees = parkingFeeBox.value;
	}
	else {
		parkingFees = 0;
	}	

	if (MealBreakfast.checked == true){
		Breakfast = MealBreakfast.value;
	}
	else {
		Breakfast = 0;
	}	
	if (MealLunch.checked == true){
		Lunch = MealLunch.value;
	}
	else {
		Lunch = 0;
	}	
	if (MealDinner.checked == true){
		Dinner = MealDinner.value;
	}
	else {
		Dinner = 0;
	}	

	if (NatParks.checked == true){
		NtlPark = NatParks.value;
	}
	else {
		NtlPark = 0;
	}	
	if (StateParks.checked == true){
		StParks = StateParks.value;
	}
	else {
		StParks = 0;
	}	
	if (OtherAttractions.checked == true){
		OtherAttr = OtherAttractions.value;
	}
	else {
		OtherAttr = 0;
	}	

	if (accommodations_type.value === 'Hotel'){
		nightlyRate = 330;
	}
	else if(accommodations_type.value ==='Resort'){
		nightlyRate = 435;	
	}
	else if(accommodations_type.value ==='BB-Inn'){
		nightlyRate = 180;	
	}
	else if(accommodations_type.value ==='VR'){
		nightlyRate = 160;	
	}
	else if(accommodations_type.value ==='Undecided'){
		nightlyRate = 335;	
	}

	if (island.value === 'Oahu'){
		islandModifier = 0.6855;
	}
	else if(island.value === 'Maui'){
		islandModifier = 1.6322;	
	}
	else if(island.value === 'Kauai'){
		islandModifier = 0.9863;	
	}
	else if(island.value === 'Big Island'){
		islandModifier = 1.0590;	
	}
	else if(island.value === 'Undecided'){
		islandModifier = 1;	
	}

	if (vehicle_type.value === 'Car'){
		dailyRentalRate = 75;
	}
	else if(vehicle_type.value ==='SUV'){
		dailyRentalRate = 120;	
	}
	else if(vehicle_type.value ==='Convertible'){
		dailyRentalRate = 130;	
	}
	else if(vehicle_type.value ==='Luxury'){
		dailyRentalRate = 160;	
	}
	else if(vehicle_type.value ==='None'){
		dailyRentalRate = 0;	
	}
	else if(vehicle_type.value ==='Undecided'){
		dailyRentalRate = 75;	
	}


	which_month = whichMonth.value;
	which_year = whichYear.value;
	which_second_island = secondIsland.value;

	//Flight Costs
	netFlightPrice = parseInt(flightRate) * parseInt(number_travelers);
	totalBaggageFee = parseInt(baggageFees) * parseInt(number_travelers);
	totalFlightPrice = parseInt(netFlightPrice) + parseInt(totalBaggageFee);
	
	//Vehicle Rental Costs
	netVehiclePrice = parseInt(dailyRentalRate) * parseInt(rental_days);
	if(vehicle_type.value == 'None'){
		fuelCost = 0;
	} else {
		fuelCost = currentGasPrice.toFixed(2) * parseInt(fuel_costs) * parseInt(rental_days);
	}
	totalVehiclePrice = parseInt(netVehiclePrice) + parseInt(fuelCost);

	//Accommodation Costs
	totalParkingFee = parseInt(parkingFees) * parseInt(accommodation_nights);
	netAccommodationPrice = parseInt(accommodation_nights) * parseInt(nightlyRate) * parseInt(accommodation_rooms) * islandModifier.toFixed(2);

	taxCost = (netAccommodationPrice * taxes) - netAccommodationPrice;
	totalAccommodationPrice = netAccommodationPrice + taxCost + totalParkingFee;

	//Dining Costs
	netDiningPrice = (parseInt(Breakfast) + parseInt(Lunch) + parseInt(Dinner)) * parseInt(qty_dining);
	totalDiningPrice = parseInt(netDiningPrice) * parseInt(rental_days);				
			
	//Activity Costs
	HawaiiTours = parseInt(tour_costs);
	AttractionsOther = (parseInt(NtlPark) + parseInt(StParks) + parseInt(OtherAttr)) * parseInt(qty_attractions);
	totalAttractionsPrice = (parseInt(NtlPark) + parseInt(StParks) + parseInt(OtherAttr) + parseInt(HawaiiTours)) * parseInt(qty_attractions);


	remaining_text = '<strong class="text-orange"><u>' + cookieTimesRemaining + '</u></strong> estimates remaining';
	remaining_text_critical = '<strong class="text-red"><u>' + cookieTimesRemaining + '</u></strong> estimates remaining';

	TotalEstimate = totalAccommodationPrice + totalFlightPrice + totalVehiclePrice + totalDiningPrice + totalAttractionsPrice;
	estimate = TotalEstimate.toLocaleString('en-US', {minimumFractionDigits: 0,maximumFractionDigits:0});
	
	finalestimate = '$' +estimate;

	if (finalestimate == '$NaN') {
		//empty - no results
	}
	else {
									
		//output the results as HTML
		var result_html = document.getElementById('results');
		result_html.innerHTML ='<h2>Total ' + island.value + ' Trip Cost Breakdown</h2><h4>Estimates based on 2022 Projected Prices</h4>';
		
		//Airfare Output
		result_html.innerHTML +='<strong>Base Airfare:</strong> $' + netFlightPrice.toLocaleString('en-US', {minimumFractionDigits: 0,maximumFractionDigits:0}) + ' ('+flight_departure.value+ ' Departure)<br>';
		result_html.innerHTML +='<strong>Total Baggage Fees:</strong> $' + totalBaggageFee.toLocaleString('en-US', {minimumFractionDigits: 0,maximumFractionDigits:0}) + '<br>';
		result_html.innerHTML +='<h6 class="left pr10"><i class="fa-plane fa-xl"></i> Total Airfare Costs:</h6> <strong>$' + totalFlightPrice.toLocaleString('en-US', {minimumFractionDigits: 0,maximumFractionDigits:0}) + '</strong><br><br>';
	
		//Accommodations Output
		result_html.innerHTML +='<strong>Base ' + island.value + ' ' + accommodations_type.value + ' Lodging:</strong> $' + netAccommodationPrice.toLocaleString('en-US', {minimumFractionDigits: 0,maximumFractionDigits:0}) + ' ('+accommodation_nights + ' Nights)<br>';
		result_html.innerHTML +='<strong>Total Lodging Taxes:</strong> $' + taxCost.toLocaleString('en-US', {minimumFractionDigits: 0,maximumFractionDigits:0}) + '<br>';
		result_html.innerHTML +='<strong>Total Lodging Parking Fees:</strong> $' + totalParkingFee.toLocaleString('en-US', {minimumFractionDigits: 0,maximumFractionDigits:0}) + '<br>';
		result_html.innerHTML +='<h6 class="left pr10"><i class="fa-callbell fa-xl"></i> Total Lodging Costs:</h6> <strong>$' + totalAccommodationPrice.toLocaleString('en-US', {minimumFractionDigits: 0,maximumFractionDigits:0}) + '</strong><br><br />';
		
		//Rental Car Output
		result_html.innerHTML +='<strong>Base '+vehicle_type.value+' Vehicle Rental:</strong> $' + netVehiclePrice.toLocaleString('en-US', {minimumFractionDigits: 0,maximumFractionDigits:0})  + ' ('+rental_days + ' Days)<br>';
		result_html.innerHTML +='<strong>Total Fuel Costs (' + fuel_costs + ' Miles/Day):</strong> $' + fuelCost.toLocaleString('en-US', {minimumFractionDigits: 0,maximumFractionDigits:0}) + '<br>';
		result_html.innerHTML +='<h6 class="left pr10"><i class="fa-vehicle fa-xl"></i> Total Vehicle Rental Costs:</h6> <strong>$' + totalVehiclePrice.toLocaleString('en-US', {minimumFractionDigits: 0,maximumFractionDigits:0}) + '</strong><br><br />';

		//Dining Output
		result_html.innerHTML +='<strong>Daily '+island.value+' Dining Costs:</strong> $' + netDiningPrice.toLocaleString('en-US', {minimumFractionDigits: 0,maximumFractionDigits:0}) + '<br>';
		result_html.innerHTML +='<h6 class="left pr10"><i class="fa-coffee fa-xl"></i> Total '+island.value+' Dining Costs:</h6> <strong>$' + totalDiningPrice.toLocaleString('en-US', {minimumFractionDigits: 0,maximumFractionDigits:0}) + '</strong><br><br>';

		//Attractions & Tours Output
		result_html.innerHTML +='<strong>' + island.value + ' Visitor Fee Costs:</strong> $' + AttractionsOther.toLocaleString('en-US', {minimumFractionDigits: 0,maximumFractionDigits:0}) + ' per person<br>';
		result_html.innerHTML +='<strong>' + island.value + ' Tour Costs:</strong> $' + HawaiiTours.toLocaleString('en-US', {minimumFractionDigits: 0,maximumFractionDigits:0}) + ' per person<br>';
		result_html.innerHTML +='<h6 class="left pr10"><i class="fa-snorkeling fa-xl"></i> Total '+island.value+' Visitor Fee/Tour Costs:</h6> <strong>$' + totalAttractionsPrice.toLocaleString('en-US', {minimumFractionDigits: 0,maximumFractionDigits:0}) + '</strong><br><br>';
		
		result_html.innerHTML +='<h3 class="pt20 clear"><i class="fa-suitcase fa-xl"></i> Total '+island.value+' Trip Cost:</h3> <h6><i class="fa-usd fa-xl"></i> Budget approximately <strong>' + finalestimate + '*</strong> for <u>' + number_travelers + '</u> travelers</h6><br>';		
		result_html.innerHTML +='<p><small class="clear text80"><strong>*</strong> This is an <em><u>estimate</u></em> based on our projections for 2022. Rates and prices are subject to change without notice.</small></p><br>';
		
		//if not a Premium member, update the times taken and times remaining
		if (premium == -1) {
			if(cookieTimesTaken == '' || cookieTimesTaken == 0) {
				//no cookie - first time
				cookieTimesTaken = 1;
				cookieTimesRemaining = calcTimes - 1;
				//remaining_html.innerHTML = '<strong class="text-orange"><u>' + cookieTimesRemaining + '</u></strong> estimates remaining';
				remaining_html_footer.innerHTML = '<strong class="text-orange"><u>' + cookieTimesRemaining + '</u></strong> estimates remaining';
				document.getElementById('top_drop').scrollIntoView();
			} else if(cookieTimesRemaining > calcTimesHalf ){
				//cookie exists - add another one
				cookieTimesTaken = cookieTimesTaken + 1;
				cookieTimesRemaining = cookieTimesRemaining - 1;
				remaining_html_footer.innerHTML = '<strong class="text-orange"><u>' + cookieTimesRemaining + '</u></strong> estimates remaining';
				document.getElementById('top_drop').scrollIntoView();
			} else if(cookieTimesRemaining > 0 ){
				//cookie exists - add another one
				cookieTimesTaken = cookieTimesTaken + 1;
				cookieTimesRemaining = cookieTimesRemaining - 1;
				remaining_html_footer.innerHTML = '<strong class="text-red"><u>' + cookieTimesRemaining + '</u></strong> estimates remaining';
				document.getElementById('top_drop').scrollIntoView();
					if(cookieTimesRemaining == 0 ){
						calculator_form.remove();
					}
			}

		//cookie_name, value, and days to set
        createCookieCalculator("calculator_times_remaining", cookieTimesRemaining, 1);
        createCookieCalculator("calculator_times_taken", cookieTimesTaken, 1);

		//if a premium member, only update the Times Taken
		} else { 
			
			if(cookieTimesTaken == '' || cookieTimesTaken == 0) {
				//no cookie - first time
				cookieTimesTaken = 1;
				document.getElementById('top_drop').scrollIntoView();
			} else if(cookieTimesTaken > 0 ){
				//cookie exists - add another one
				cookieTimesTaken = cookieTimesTaken + 1;
				document.getElementById('top_drop').scrollIntoView();
			}

		//cookie_name, value, and days to set
        createCookieCalculator("calculator_times_taken", cookieTimesTaken, 1);			
			
		}//premium check

		if (email != "" && email != null) {
			createCookieCalculator("premium_email", email, 365);

			//drip sign up
			_dcq.push(["identify", {
			  email: email,
			  which_island: island.value,
			  number_in_party: number_travelers,
			  referral_url: window.location.href,
			  budget_referral_url: window.location.href,
			  
			  month_of_visit: which_month,
			  year_of_visit: which_year,
			  second_island: which_second_island,
			  
			  airfare_base: netFlightPrice,
			  airfare_baggage_fees: totalBaggageFee,
			  airfare_total: totalFlightPrice,
			  airfare_departure_location: flight_departure.value,
			  
			  lodging_type: accommodations_type.value,
			  lodging_nights: accommodation_nights,
			  lodging_taxes: taxCost.toLocaleString('en-US', {maximumFractionDigits:0}),
			  lodging_base: netAccommodationPrice.toLocaleString('en-US', {maximumFractionDigits:0}),
			  lodging_parking_fees: totalParkingFee,
			  lodging_total: totalAccommodationPrice.toLocaleString('en-US', {maximumFractionDigits:0}),
			  lodging_number_rooms: accommodation_rooms,
			  
			  rental_type: vehicle_type.value,
			  rental_base: netVehiclePrice,
			  rental_fuel_costs: fuelCost,
			  rental_total: totalVehiclePrice,
			  rental_days: rental_days,
			  rental_miles_day: fuel_costs,
			  
			  dining_base: netDiningPrice,
			  dining_quantity: qty_dining,
			  dining_total: totalDiningPrice,
			  
			  visitor_attraction_fees: AttractionsOther,
			  visitor_attraction_tour_costs: HawaiiTours,
			  visitor_attraction_fees_total: totalAttractionsPrice,
			  
			  trip_cost_estimate: finalestimate,
			  times_taken_budget_calculator: cookieTimesTaken,
			  
			  tags: ["Hawaii Budet Estimate Tool"],
			}]);//drip identify
			
			/* Do not currently need, using Workflow instead
			//drip campaign subscribe
			dcq.push(
			  [
			    "subscribe",
			    {
			      campaign_id: "697819726",
			      fields: {
			        email: email,
			      },
			    }
			  ]
			);//drip campaign
			*/					
			
		}//email not null		
	}//else

}

function refreshPage(){   
    document.getElementById('top_drop').scrollIntoView();
    window.location.reload();
} 			

</script>		
	{/exp:stash:set}

{/exp:stash:parse}