{exp:freeform_next:form 
	form="{stash:form_name}"
	class="sky-form" 
	inline_errors="yes"
	inline_error_return="support/{stash:form_name}/"}
	
	{if form:is_submitted_successfully}
		{!-- Session success flash message - displays only once after a form is successfully submitted --}
		<div class="alert alert-success">
			Your question has been sent to the expert. Expect an answer soon.
		</div>
	{/if}
	
	<header>Ask and One of Our Experts Will Answer</header>
	<fieldset>
		<section>
			<label class="label">{field:name:label}</label>
			<label class="input">
				{field:name:render_input}
			</label>
		</section>
		
		<div class="row">
			<section class="col col-4">
				<label class="label">{field:tel:label}</label>
				<label class="input">
					{field:tel:render_input}
				</label>
			</section>
			
			<section class="col col-4">
				<label class="label">{field:email:label}</label>
				<label class="input{if freeform:error:email} state-error{/if}">
					{field:email:render_input}
				</label>
				{if freeform:error:email}
					<div class="note note-error">Enter a valid email address.</div>
				{/if}
			</section>
		</div> {!-- end .row --}
		
		<section>
			<label class="label">{field:question:label}</label>
			<label class="textarea">
				{field:question:render_input}
			</label>
		</section>
		
		{exp:snaptcha:field}
		
		<footer>
			<button type="submit" class="btn-u btn-large btn-u-default">Submit</button>
		</footer>
		
	</fieldset>
								
{/exp:freeform_next:form}