extends  ../_skeleton

//- Includes

block variables
	- var activeCategory = 'pages'
	- var pageName = 'Forms'

block page 
	// Page Header
	include ../sections/_header-corporate

	+breadcrumbs({
		category: activeCategory,
		path: [pageName]
	})
	
	// Newsletter form
	section.section-last.section-sm
		.container: h6: span(data-toggle='modal' data-target='#forms-modal-tip') Newsletter form #[span.tip-mark ?]
		include ../sections/_section-newsletter-form

	// Small newsletter form
	section.section-last.section-last.section-sm
		.container: h6: span(data-toggle='modal' data-target='#forms-modal-tip') Small newsletter form #[span.tip-mark ?]
		section.section.section-md.bg-gray-700
			.container
				.row.justify-content-center
					.col-sm-9.col-md-6.col-lg-5.col-xl-4
						h4 Newsletter
						p.text-white Sign up to our newsletter and be the first to know about the latest news, special offers, events, and discounts.

						// RD Mailform
						form.rd-form.rd-mailform.form-inline(data-form-output="form-output-global", data-form-type='subscribe', method='post', action='bat/rd-mailform.php')
							.form-wrap
								input.form-input(id="subscribe-form-2-email" type="email" name="email" data-constraints="@Email @Required")
								label.form-label(for="subscribe-form-2-email") E-mail
							.form-button
								button.button.button-primary.button-icon.button-icon-only.button-winona(type="submit" aria-label='submit')
									span.icon.mdi.mdi-email-outline
									
				
	// Photo newsletter form
	section.section-last.section-sm
		.container: h6: span(data-toggle='modal' data-target='#forms-modal-tip') Photo newsletter form #[span.tip-mark ?]
		section.section.section-lg.bg-image.bg-image-light(style='background-image: url(images/bg-image-1.jpg);')
			.container
				.row.justify-content-center
				.col-sm-10.col-md-8.col-lg-7.col-xl-6
					h3.wow-outer.text-center: span.wow.slideInUp Newsletter
					p.text-white.wow-outer: span.wow.slideInLeft Keep up with our always upcoming news and updates. Enter your e-mail and subscribe to our newsletter.

					// RD Mailform
					form.rd-form.rd-mailform.form-inline.wow.fadeIn(data-wow-delay='.2s' data-form-output="form-output-global", data-form-type='subscribe', method='post', action='bat/rd-mailform.php')
						.form-wrap
							input.form-input(id="subscribe-form-3-email" type="email" name="email" data-constraints="@Email @Required")
							label.form-label(for="subscribe-form-3-email") Your e-mail
						.form-button
							button.button.button-primary.button-winona(type="submit") Subscribe
	// Map & contact form
	section.section-last.section-sm
		.container: h6 Map & contact form 
		include ../sections/_section-contact-form-and-map
									
	// Map & contact form with reCAPTCHA
	section.section-last.section-sm
		.container: h6 Map & contact form with reCAPTCHA
		section.section-last.section-sm.section.bg-gray-100
			.range.justify-content-xl-between
				.cell-xl-6.align-self-center.container
					.row
						.col-lg-9.cell-inner: .section-lg
							h3 Contact Us
							// RD Mailform
							form.rd-form.rd-mailform(data-form-output='form-output-global', data-form-type='contact', method='post', action='bat/rd-mailform.php')
								.row.row-10
									.col-md-6
										.form-wrap
											label.form-label-outside(for='contact-2-first-name') First Name
											input#contact-2-first-name.form-input(type='text' name='name' data-constraints='@Required')

									.col-md-6
										.form-wrap
											label.form-label-outside(for='contact-2-last-name') Last Name
											input#contact-2-last-name.form-input(type='text' name='name' data-constraints='@Required')

									.col-md-6
										.form-wrap
											label.form-label-outside(for='contact-2-email') E-mail
											input#contact-2-email.form-input(type='email' name='email' data-constraints='@Email @Required')

									.col-md-6
										.form-wrap
											label.form-label-outside(for='contact-2-phone') Phone
											input#contact-2-phone.form-input(type='text' name='phone' data-constraints='@PhoneNumber')

									.col-12
										.form-wrap
											label.form-label-outside(for='contact-2-message') Your Message
											textarea#contact-2-message.form-input(name='message' data-constraints='@Required')
											
								// Google captcha
								.form-wrap.text-left.form-validation-left
									.recaptcha#captcha1(data-sitekey='6LfZlSETAAAAAC5VW4R4tQP8Am_to4bM3dddxkEt')
											
								.group.group-middle
									button.button.button-primary.button-winona(type='submit') Send Message
									p or use
									button.button.button-primary-outline.button-icon.button-icon-left.button-winona
										span.icon.text-primary.mdi.mdi-facebook-messenger
										| Messenger
									
				.cell-xl-5.height-fill
					.rd-google-map(class="rd-google-map__model", data-marker="images/gmap_marker.png", data-marker-active="images/gmap_marker_active.png" data-styles='[{"featureType":"water","elementType":"geometry","stylers":[{"color":"#e9e9e9"},{"lightness":17}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffffff"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#ffffff"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":16}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":21}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#dedede"},{"lightness":21}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#ffffff"},{"lightness":16}]},{"elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#333333"},{"lightness":40}]},{"elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#f2f2f2"},{"lightness":19}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#fefefe"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#fefefe"},{"lightness":17},{"weight":1.2}]}]', data-zoom='14', data-x='-73.9874068', data-y='40.643180')
						ul.map_locations
							li(data-y='40.643180', data-x='-73.9874068')
								p 9870 St Vincent Place, Glasgow, DC 45 Fr 45.


	// Login form
	section.section-last.section-sm
		.container: h6 Login form
		section.section-last.section-sm.section.section-md.bg-gray-700
			.container
				.box-1
					h4 Sign In
						
					form.rd-form.rd-form-small 
						.form-wrap
							input#login-email.form-input(type='email' name='email' data-constraints='@Email @Required')
							label.form-label(for='login-email') E-mail

						.form-wrap
							input#login-password.form-input(type='password' name='password' data-constraints='@Required')
							label.form-label(for='login-password') Password
							
						.form-wrap
							button.button.button-primary.button-winona(type='submit') Sign in
					
	// Registration form
	section.section-last.section.section-md
			.container
				.box-1
					h4 Registration

					form.rd-form.rd-form-small 
						.form-wrap
							input#register-name.form-input(type='text' name='username' data-constraints='@Required')
							label.form-label(for='register-name') Username
							
						.form-wrap
							input#register-email.form-input(type='email' name='email' data-constraints='@Email @Required')
							label.form-label(for='register-email') E-mail

						.form-wrap
							input#register-password.form-input(type='password' name='password' data-constraints='@Required')
							label.form-label(for='register-password') Password

						.form-wrap
							input#register-password-2.form-input(type='password' name='password' data-constraints='@Required')
							label.form-label(for='register-password-2') Confirm Password

						.form-wrap
							button.button.button-block.button-primary.button-winona(type='submit') Create an Account
							
						.form-wrap
							.text-decoration-lines
								span.text-decoration-lines-content or enter with
								
						.form-wrap
							.button-group 
								a.button.button-facebook.button-icon.button-icon-only.button-winona(href='#' aria-label='Facebook'): span.icon.mdi.mdi.mdi-facebook
								a.button.button-twitter.button-icon.button-icon-only.button-winona(href='#' aria-label='Twitter'): span.icon.mdi.mdi-twitter
								a.button.button-google.button-icon.button-icon-only.button-winona(href='#' aria-label='Google+'): span.icon.mdi.mdi-google

	.modal.fade#forms-modal-tip
		.modal-dialog(role='document')
			.modal-content
				.modal-header
					h6 Subscribe form tip
					button.close(type='button', data-dismiss='modal', aria-label='Close'): span(aria-hidden='true')
				.modal-body
					p Subscribe form works as an e-mail newsletter.
					p To activate such form with an enabled #[strong MailChimp] service, replace the #[code .rd-mailform] class with #[code .mailchimp-mailform] and the form's action with MailChimp subscription URL.
					p To activate the #[strong Campaign Monitor] service, you need to replace the form’s [#code.rd-mailform] class with #[code .campaign-mailform] and copy the form's action and the name of the input field from the form generated by Campaign Monitor service.

	// Page Footer
	include ../sections/_footer-advanced
	+footer-advanced({
		about: 'inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.',
		posts: [
			'Real Estate Guide: 7 Important Tips for Buying a Home',
			'Single-Family Homes as a Housing Option for Young Families'
		]
	})