@extends("front.instarefi-layout")
@section("style")
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="{{ url('assets/css/instarefi/v2/refinance-form.css')}}?v={{ time() }}">
@endsection
@section("content")
<div class="main" id="rate-quote">
	<section class="sec-rate-quote">
		<div class="container">
			<div class="row justify-content-center">
				<div class="card-container d-none">
					<div class="panel">
						<div>
							<img class="sb-title-icon" src="https://fonts.gstatic.com/s/i/googlematerialicons/location_pin/v5/24px.svg" alt="">
							<span class="sb-title">Address Selection</span>
						</div>
						<input type="text" placeholder="Address" />
						<input type="text" placeholder="Apt, Suite, etc (optional)" />
						<input type="text" placeholder="City" />
						<div class="half-input-container">
							<input type="text" class="half-input" placeholder="State/Province" id="administrative_area_level_1-input" />
							<input type="text" class="half-input" placeholder="Zip/Postal code" />
						</div>
						<input type="text" placeholder="Country" id="country-input" />
						<button class="button-cta">Checkout</button>
					</div>
				</div>
				<form method="post" id="refinanceForm" enctype="multipart/form-data">
					@csrf
					<input type="hidden" name="hid_newUserId" id="hid_newUserId" />

					<!-- Opportunity type -->
					<fieldset id="refinance_one">
						<div class="text-center fieldset-title">
							<h2 class="gotham_medium">You would like to</h2>
						</div>
						<div class="refinance_inputs container">
							<div class="row">

								<!-- Lower Interest Rates Option -->
								<div class="col-12">
									<label class="refinnce_input_label">
										<input type="radio" value="purchase" name="quote_type" id="refQuoteType1" class="checkbox-round gotham_medium">
										<span class="checkbox-text gotham_medium">Purchase</span>
										<input type="hidden" name="quote_type_value" id="refQuoteTypeValue1" />
									</label>
								</div>

								<!-- Lower Monthly Payments Option -->
								<div class="col-12">
									<label class="refinnce_input_label">
										<input type="radio" value="refinance" name="quote_type" id="refQuoteType2" class="checkbox-round gotham_medium">
										<span class="checkbox-text gotham_medium">Refinance</span>
										<input type="hidden" name="quote_type_value" id="refQuoteTypeValue2" />
									</label>
								</div>

								<!-- Error Message for Checkbox Validation -->
								<div class="col-12">
									<div class="text-center">
										<span id="checkbox-error" class="errormsg" style="display: none;">Please select any one option.</span>
									</div>
									<div class="text-center">
										<input type="button" name="next" class="btn normal-input-btn continue-btn d-flex justify-content-center mx-auto" id="refinance_section_firstbtn" value="Continue" />
									</div>
								</div>

							</div>
						</div>

					</fieldset>

					<!-- Property Address -->
					<fieldset class="d-none text-center" id="refinance_two">
						<div class="text-center sub-heading my-5">
							<h2 class="gotham_medium">Where is your property?</h2>
						</div>

						<!-- Zip Code Input -->
						<input type="text" class="form-control add-property-form" id="postal_code-input" name="zipcode" placeholder="Zip Code" maxlength="5" required />
						<span id="rfziperror" class="errormsg"></span><br />
		
							<!-- Continue Button -->
							<input type="button" name="next" class="cta-button" id="refinance_section_secondbtn" value="Continue" /><br />

							<!-- Back Button -->
							<input type="button" name="previous" class="btn previous col-12 col-md-8 col-lg-5 m-0 mt-1 form-back-btn" value="&#10094;  Back" style="background-color:transparent !important; border: none !important;color:black" />
	
					</fieldset>

					<!-- Property Type -->
					<fieldset class="d-none text-center" id="refinance_four" class="refinance_four gotham_medium">
						<div class="text-center fieldset-title">
							<h2 class="gotham_medium">Great, What type of property are you refinancing?</h2>
						</div>
						<div class="refinance_inputs mt-3">

							<label for="excellence_refinance">
								<div class="home-icon-with-input">

									<svg width="90" height="90" viewBox="-20 0 100 50" class="purchase-section-icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

										<g fill="none" fill-rule="evenodd">
											<g>

												<path d="M53.456 16.411V7.156h-4.702c0 1.815-.003 3.6.01 5.384 0 .12.1.275.2.355 1.467 1.158 2.943 2.306 4.492 3.516zm7.344 8.907L32.003 2.836 3.228 25.3l2.71 2.716c.12-.088.29-.203.45-.328L30.857 8.587c.964-.753 1.328-.751 2.304.01 8.155 6.368 16.312 12.735 24.469 19.101.16.126.33.237.456.328l2.714-2.708zm3.2.307c-.81.86-1.614 1.728-2.434 2.578-.666.69-1.353 1.358-2.03 2.035-.89.89-1.113.936-2.286.459v2.624c0 2.333.004 4.667-.003 7-.003.926-.632 1.536-1.426 1.414-.655-.1-1.067-.621-1.069-1.397-.006-2.708-.002-5.417-.002-8.125 0-1-.018-2 .008-3 .011-.41-.106-.684-.44-.944-6.886-5.36-13.763-10.732-20.64-16.101-.542-.423-1.086-.842-1.675-1.299-1.163.906-2.325 1.81-3.487 2.717-6.271 4.894-12.542 9.79-18.816 14.68-.298.232-.461.459-.461.872.014 10.603.011 21.207.011 31.811v.518h3.5V50.194c0-.187-.01-.376.01-.561a1.254 1.254 0 0 1 1.215-1.128c.647-.013 1.193.473 1.264 1.142.024.227.01.458.01.687V61.47h39.5V50.499c0-.167-.003-.333.002-.5.02-.81.516-1.359 1.232-1.369.738-.01 1.25.553 1.265 1.4.008.395.002.791.002 1.187V61.5h.613c1.48 0 2.96.033 4.437-.013.77-.024 1.332.213 1.7.889V64H0v-1.624c.366-.679.928-.913 1.698-.888 1.456.045 2.914.012 4.37.012h.652V30.704c-1.128.476-1.36.426-2.258-.471-.691-.692-1.392-1.375-2.072-2.078-.806-.834-1.594-1.685-2.39-2.53v-.75c.314-.322.597-.685.95-.96 7.327-5.734 14.662-11.46 22-17.181 2.886-2.252 5.783-4.49 8.675-6.734h.75c.217.155.441.303.652.467 3.249 2.535 6.496 5.072 9.744 7.607 1.124.877 2.252 1.751 3.482 2.708 0-1.626-.003-3.116 0-4.607.003-1.11.443-1.548 1.557-1.55 2.207-.002 4.413-.002 6.62 0 1.145.002 1.569.434 1.57 1.599 0 3.83.011 7.66-.014 11.491-.003.52.168.826.568 1.132a563.829 563.829 0 0 1 6.45 5.028c.367.29.665.665.996 1v.75z" fill="#000" />
											</g>

											<path d="M33.283 51.223h9.423V41.8h-9.423v9.423zM21.295 51.2h9.421v-9.423h-9.421V51.2zm12-12h9.422v-9.422h-9.423V39.2zm-11.994.016h9.423v-9.42H21.3v9.42zM32.033 27.25l11.62.001c1.163 0 1.596.425 1.596 1.57.002 7.788.002 15.576 0 23.363 0 1.117-.44 1.565-1.54 1.565-7.808.002-15.616.002-23.425 0-1.075 0-1.533-.448-1.533-1.508-.002-7.83-.002-15.659 0-23.487.001-1.06.456-1.502 1.54-1.503 3.914-.002 7.828 0 11.742 0zM14.016 46.083c-.662.01-1.235-.54-1.262-1.211a1.236 1.236 0 0 1 1.229-1.291 1.237 1.237 0 0 1 1.263 1.196 1.27 1.27 0 0 1-1.23 1.306M56.22 33.491A1.263 1.263 0 0 1 55 32.188 1.263 1.263 0 0 1 56.273 31c.689.016 1.251.618 1.218 1.303a1.264 1.264 0 0 1-1.272 1.188" fill="#000" />
										</g>
									</svg>


									<input type="button" name="next" id="excellence_refinance" class="square-input-btn double_line_text gotham_medium" value="Single Family &#x00A; Home" style="border:none !important;" /><br>


								</div>
							</label>

							<label for="good_refinance">
								<div class="home-icon-with-input">

									<svg width="80" height="80" viewBox="0 0 90 50" class="purchase-section-icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">


										<g fill="none" fill-rule="evenodd">
											<path d="M61.012 51.623h8.192V37.019h-8.192v14.604zm-38.712.013h8.228v-14.63H22.3v14.63zM63.818 2.952 49.004 14.708h29.623L63.817 2.952zm-37.41-.002L11.592 14.708H41.22L26.408 2.95zM2.632 61.358h84.72v-7.04H2.631v7.04zm41.251-9.714V17.365h-34.4v34.267H19.66v-.783c0-4.945 0-9.891.003-14.837 0-1.187.438-1.619 1.63-1.62 3.373-.006 6.745-.008 10.117-.01 1.34 0 1.74.404 1.738 1.738l-.007 11.69v3.834h10.741zm14.496 0v-1.056c-.001-4.797-.004-9.594-.002-14.391 0-1.426.362-1.8 1.755-1.804 3.348-.007 6.696-.008 10.043-.001 1.279.002 1.662.39 1.662 1.644 0 4.497-.003 8.994-.004 13.491v2.115h9.153v-34.28H46.573v34.282h11.806zm-13.26-37.155 6.84-5.43c3.618-2.872 7.236-5.745 10.859-8.613.74-.585 1.263-.584 2.015.012 6.067 4.809 12.136 9.615 18.18 14.455.336.27.629.824.63 1.247.029 5.395-.008 10.79-.013 16.185-.007 6.22 0 12.44.004 18.66 0 .194.016.388.03.677h4.51c1.409.002 1.788.375 1.79 1.761.003 2.973.007 5.946.007 8.918 0 1.215-.41 1.639-1.603 1.639-18.96-.002-37.919-.008-56.878-.01-9.842-.002-19.684.003-29.526.005-1.644 0-1.955-.314-1.956-1.973C.006 59.474 0 56.926 0 54.378c-.001-2.657.048-2.703 2.741-2.702 1.299 0 2.598-.006 3.896-.012.046 0 .092-.033.238-.09v-.759c0-11.04.002-22.081-.004-33.122 0-.315-.03-.652-.142-.942-.337-.882-.237-1.304.563-1.94l10.681-8.476L25.25.56c.941-.745 1.378-.746 2.313-.005L45.12 14.49z" fill="#000" />
											<path d="M61.274 29.401h7.675V21.71h-7.675V29.4zm10.315-3.89c0 1.673.01 3.346-.004 5.019-.009 1.041-.486 1.486-1.533 1.486l-9.738.003c-1.236 0-1.673-.43-1.674-1.66-.002-3.221 0-6.442.006-9.663.002-1.147.448-1.598 1.577-1.6 3.22-.006 6.442-.012 9.663-.006 1.31.003 1.687.394 1.69 1.702.002 1.573 0 3.146 0 4.719h.013zM22.583 29.387h7.687v-7.683h-7.687v7.683zm3.88 2.63c-1.648 0-3.296.004-4.944 0-1.11-.003-1.567-.441-1.57-1.523-.008-3.296-.01-6.592-.007-9.887 0-1.043.465-1.508 1.508-1.51 3.296-.009 6.591-.011 9.887-.009 1.091.001 1.532.447 1.533 1.553.003 3.271 0 6.542-.008 9.813-.003 1.135-.44 1.552-1.605 1.555-1.598.003-3.196 0-4.794 0v.009zM24.116 42.986c.716-.007 1.343.607 1.351 1.324a1.35 1.35 0 0 1-1.322 1.345 1.339 1.339 0 0 1-1.347-1.315 1.355 1.355 0 0 1 1.318-1.354M64.399 44.349a1.328 1.328 0 0 1-1.368 1.298 1.324 1.324 0 0 1-1.277-1.383 1.342 1.342 0 0 1 1.323-1.271 1.352 1.352 0 0 1 1.322 1.356" fill="#000" />
										</g>
									</svg>

									<input type="button" name="next" id="good_refinance" class="square-input-btn gotham_medium" value="Townhome" style="border:none !important;" /><br>


								</div>
							</label>

							<label for="average_refinance">
								<div class="home-icon-with-input">

									<svg width="80" height="80" viewBox="-10 0 90 50" class="purchase-section-icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

										<g fill="none" fill-rule="evenodd">
											<g>

												<path d="M56.908 61.55H34.687c-.035-.402-.106-.839-.107-1.274-.005-15.406-.002-30.811-.014-46.219 0-.814.052-1.415 1.005-1.779 6.854-2.614 13.683-5.293 20.523-7.946.228-.087.48-.114.814-.193v57.41zM34.452 4.324c-.132 1.58.03 3.183-.055 4.77-.024.441-.38 1.13-.732 1.243-1.36.438-1.58 1.356-1.578 2.614.027 15.403.019 30.805.02 46.208v2.39H4.844v-9.305c0-15.916 0-31.832.003-47.746 0-2.03.01-2.032 1.997-2.032 8.574-.002 17.148.03 25.722-.032 1.468-.011 2.015.371 1.887 1.89zm28.297 57.19h-3.215s-.082-45.096-.083-58.24C59.449.87 58.973.558 56.68 1.446c-2.726 1.056-5.447 2.124-8.171 3.183-3.812 1.48-7.626 2.957-11.614 4.503 0-1.833.002-3.464 0-5.095C36.893.921 35.983.005 32.862.003 24.082-.002 15.304 0 6.524.003c-3.303 0-4.144.864-4.146 4.23V61.526L0 61.756V64h62.712l.037-2.485z" fill="#000" />
											</g>

											<path d="M24.672 34.397h3.545v-3.428h-3.545v3.428zm6.062-1.78c-.01 4.811.487 4.38-4.334 4.375-4.719-.005-4.314.427-4.295-4.266.021-4.798-.558-4.345 4.338-4.363 4.893-.017 4.259-.322 4.29 4.253zM24.645 56.618h3.503v-3.506h-3.503v3.506zm6.087-1.809c.005 4.852.45 4.358-4.339 4.376-4.879.017-4.237.317-4.297-4.27-.002-.154.006-.307.006-.461 0-4.19-.389-3.891 3.875-3.907.97-.003 1.943.036 2.914.003 1.274-.046 1.924.467 1.849 1.804-.045.816-.008 1.636-.008 2.455zM11.116 23.33h3.51v-3.51h-3.51v3.51zm6.06-1.75c0 .925-.007 1.85 0 2.774.01 1.024-.519 1.523-1.509 1.53-1.9.017-3.81.11-5.695-.058-.515-.047-1.321-.88-1.368-1.408-.164-1.885-.06-3.793-.055-5.693.001-.944.497-1.44 1.421-1.45 1.9-.017 3.8-.007 5.7.002 1.003.007 1.512.512 1.502 1.53-.011.925-.003 1.85-.003 2.774h.006zM24.64 23.334h3.503v-3.553H24.64v3.553zm6.094-1.716c.001.92-.004 1.839.003 2.76.005 1.019-.525 1.507-1.513 1.511-1.841.01-3.682.007-5.523.002-1.047-.003-1.613-.477-1.6-1.588.022-1.839.01-3.68.004-5.521-.003-1.022.523-1.502 1.513-1.505 1.841-.008 3.682.002 5.522-.006 1.072-.005 1.611.494 1.594 1.586-.015.92-.004 1.84 0 2.76zM11.113 56.582h3.54v-3.418h-3.54v3.418zm-2.57-1.77V52.81c.009-2.023.213-2.24 2.169-2.252 1.592-.01 3.184.013 4.775-.005 1.143-.011 1.71.483 1.691 1.666-.028 1.745-.038 3.492.004 5.238.03 1.276-.603 1.745-1.795 1.73-1.644-.022-3.287-.04-4.929.006-1.36.036-2.018-.509-1.925-1.916.054-.818.01-1.642.01-2.465zM11.115 34.39h3.49v-3.484h-3.49v3.484zm6.057-1.683c-.002 4.726.445 4.27-4.312 4.29-4.914.018-4.315.299-4.313-4.282.003-4.696-.658-4.37 4.385-4.355 4.728.014 4.234-.392 4.24 4.194v.153zM24.69 12.247h3.455V8.733h-3.454v3.514zm6.044-1.854c-.01 4.812.524 4.398-4.344 4.41-4.748.013-4.297.376-4.283-4.31.013-4.659-.61-4.34 4.415-4.324 4.746.016 4.19-.332 4.212 4.224zM11.06 45.507h3.558v-3.46H11.06v3.46zm-2.516-1.762c.01-4.664-.526-4.281 4.264-4.286 4.837-.003 4.375-.454 4.36 4.337-.014 4.59.595 4.307-4.255 4.296-4.954-.013-4.34.356-4.37-4.347zM11.096 12.22h3.52V8.71h-3.52v3.508zm6.076-1.767c.011 4.81.44 4.344-4.363 4.35-4.812.007-4.272.31-4.26-4.295.01-4.757-.576-4.317 4.36-4.336 4.82-.018 4.24-.35 4.263 4.281zM24.69 45.527h3.457v-3.506H24.69v3.506zm6.042-1.67c-.02 4.51.555 4.246-4.208 4.232-.976-.003-1.953.014-2.928-.007-.995-.022-1.503-.54-1.499-1.55.008-1.85.013-3.698.008-5.548-.003-1.02.512-1.52 1.51-1.525 1.849-.006 3.698.005 5.547.005 1.085 0 1.597.53 1.575 1.62-.021.924-.005 1.848-.005 2.773zM52.08 28.435c-.489-.968-.749-1.68-1.198-2.243-.13-.164-1.049-.037-1.175.193-.317.586-.392 1.305-.583 2.05h2.957zm-1.574 2.537c-.153 0-.316.03-.461-.005-1.15-.279-2.909.786-3.257-1.295-.53-3.163.52-5.358 2.712-5.976 1.938-.545 4.1.647 4.508 2.668.23 1.135.204 2.36.055 3.515-.052.406-.765.913-1.257 1.033-.729.175-1.53.044-2.3.044v.016zM51.966 38.284c-.373-.875-.593-1.589-.985-2.19-.114-.172-.955-.166-1.067.01-.382.605-.591 1.323-.94 2.18h2.992zm-1.655 2.54c-3.545.003-4.428-1.217-3.405-4.701.503-1.707 2.098-2.815 3.855-2.673 1.751.14 3.272 1.485 3.342 3.263.182 4.51.333 4.17-3.792 4.11zM42.08 18.557c-.348-.854-.557-1.571-.94-2.177-.113-.177-.954-.187-1.068-.014-.392.6-.612 1.315-.985 2.191h2.992zm-1.533 2.552c-3.825.005-3.793.392-3.61-4.012.081-1.972 1.782-3.406 3.714-3.39 1.902.017 3.575 1.533 3.618 3.497.093 4.21.33 3.926-3.722 3.905zM49.283 18.536h2.378c.026-1.1.227-2.344-1.267-2.297-1.355.041-1.199 1.22-1.11 2.297m1.214 2.568c-.206-.002-.415.023-.616-.007-1.045-.151-2.623.59-2.953-.857-.4-1.749-.616-3.708.784-5.273 1.009-1.127 2.294-1.545 3.763-1.099 1.516.46 2.396 1.524 2.642 3.09.055.352.04.717.044 1.076.043 3.068.023 3.087-3.049 3.07h-.615M39.096 28.423h2.993c-.358-.868-.57-1.582-.958-2.184-.111-.175-.953-.179-1.066-.005-.389.601-.604 1.315-.97 2.189m1.507 2.54c-.206 0-.42.04-.614-.006-.99-.23-2.253-.188-2.888-.797-.835-.8-.116-4.422.77-5.359 1.04-1.101 2.311-1.498 3.78-1.063 1.341.395 2.162 1.323 2.537 2.657.027.099.045.2.062.301.627 3.765.177 4.291-3.647 4.267M51.916 48.147c-.307-.84-.443-1.572-.84-2.109-.157-.215-1.165-.182-1.312.045-.361.56-.447 1.297-.674 2.064h2.826zm-1.55 2.542c-3.86.064-3.721.289-3.562-4.042.07-1.89 1.727-3.312 3.593-3.344 1.865-.034 3.464 1.348 3.725 3.22.534 3.808.21 4.166-3.757 4.166zM39.092 48.148h2.971c-.31-.835-.465-1.554-.846-2.118-.14-.207-1.063-.225-1.202-.029-.397.564-.575 1.282-.923 2.147m1.42 2.54c-3.925.082-3.721.187-3.568-4.035.071-1.969 1.796-3.392 3.736-3.35 1.863.04 3.505 1.468 3.572 3.364.156 4.436.282 4.06-3.74 4.02M42.133 38.29c-.377-.89-.568-1.605-.974-2.162-.142-.194-1.063-.162-1.2.047-.372.567-.514 1.286-.807 2.115h2.98zm-1.6 2.547c-3.898.005-3.727.33-3.602-4.025.051-1.812 1.644-3.261 3.418-3.373 1.8-.111 3.44 1.115 3.857 2.885.024.1.037.203.053.305.583 3.763.183 4.216-3.725 4.208z" fill="#000" />
										</g>
									</svg>

									
									<input type="button" name="next" id="average_refinance" class="square-input-btn gotham_medium" value="Condominium" style="border:none !important;" /><br>


								</div>
							</label>


							<label for="fair_refinance">
								<div class="home-icon-with-input">

									<svg width="90" height="90" viewBox="0 0 100 50" class="purchase-section-icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

										<g fill="none" fill-rule="evenodd">
											<g transform="translate(0 .561)">

												<path d="m48.337 38.332-.528-.508.103-.205c.064-.125.118-.259.173-.393.134-.326.273-.664.528-.925 1.545-1.579 3.103-3.146 4.661-4.713 1.276-1.284 2.553-2.568 3.822-3.858.645-.656 1.32-.778 2.122-.387 5.063 2.47 10.13 4.933 15.198 7.396l5.682 2.763a3.1 3.1 0 0 1 .273.157l1.12.673H48.337zm28.054 21.581h4.675v-18.97h-4.675v18.97zm-21.05-16.598h18.514v-2.32H55.342v2.32zm-.016 6.333h18.542v-4.576H55.325v4.576zm.014 6.333h18.517V51.42H55.34v4.561zm-.002 3.94h18.519V57.77h-18.52v2.153zm-7.257.026h4.753V40.95H48.08v18.996zm-2.736-.228c-.258.255-.64.298-.994.298h-.066a494.242 494.242 0 0 0-7.585-.023l-3.169.004V49.296H21.41v10.697l-3.58-.001c-2.482 0-4.962 0-7.442.002h-.09c-.28.004-.596.007-.826-.221-.16-.16-.238-.394-.237-.717.013-6.177.016-12.355.017-18.532l.003-7.048c0-.096.024-.178.049-.264l.094-.365h36.236v6.685c-.003 6.373-.005 12.747.02 19.12 0 .375-.035.795-.31 1.067zm-14.249-2.047.001 2.28h-7.233v-8.188l.27-.036c.058-.007.118-.017.18-.028.159-.026.324-.052.489-.053.972-.004 1.944-.005 2.916-.004l2.331-.002c.302.002.615-.002.836.22.148.148.219.358.217.643-.01 1.71-.009 3.421-.007 5.168zM4.909 30.215l-.205-.66 11.165-8.51c3.66-2.786 7.32-5.573 10.965-8.381.84-.647 1.518-.64 2.341.027a6217.299 6217.299 0 0 0 15.33 12.34l5.134 4.124c.134.108.261.223.397.344l.81.716H4.91zM39.576 3.163c0-.113.027-.212.054-.306.01-.038.021-.077.03-.12l.055-.243h23.997v24.359l-1.41-.687c-.688-.335-1.352-.66-2.018-.98-1.781-.86-3.455-.582-4.84.803-.54.542-1.073 1.094-1.62 1.663l-.96.991-2.217-1.78c-3.585-2.88-7.096-5.699-10.597-8.531-.264-.214-.464-.627-.465-.96-.019-4.518-.014-9.037-.01-13.556l.001-.653zm48.018 36.602v-.65a14.451 14.451 0 0 1-.496-.466c-.414-.398-.804-.775-1.26-1-5.593-2.77-11.51-5.649-18.617-9.063-.767-.368-1.05-.83-1.049-1.706.022-6.623.02-13.247.02-19.871V.546c0-.182.01-.364.02-.546H37.215l-.033 14.864v1.106l-.83-.617c-.199-.146-.36-.264-.515-.39l-5.368-4.306c-1.621-1.297-3.215-1.315-4.872-.053l-1.134.863C16.871 17.244 9.02 23.219 1.32 29.12c-.356.272-.642.648-.945 1.045-.123.161-.246.323-.374.478v.83c.524.797 1.302 1.161 2.446 1.132.933-.021 1.866-.016 2.826-.011.42.002.848.004 1.28.004h.311v1.34c0 2.227.003 4.453.006 6.68.007 5.913.013 12.027-.03 18.041-.016 2.076.696 3.208 2.377 3.779h72.036a.941.941 0 0 1 .256-.16c1.383-.533 2.024-1.553 2.018-3.21-.016-4.035-.013-8.07-.01-12.105l.002-5.966.262-.042c.416-.064.84-.068 1.25-.07 1.128-.008 2.023-.013 2.564-1.121z" fill="#000" />
											</g>
											<path d="m39.567 42.67-.001 1.294h-5.17v-5.181l1.208-.002c1.094-.002 2.189-.004 3.284.022.333.008.656.471.662.746.022 1.027.02 2.055.017 3.12zm-7.613 3.702h9.957v-9.948h-9.957v9.948z" fill="#000" />

											<path d="M15.263 43.936h5.176V38.84h-5.176v5.095zm-2.324 2.451h9.932v-9.964H12.94v9.964zM51.669 9.537c2.596 0 4.745 2.114 4.79 4.713.022 1.254-.463 2.45-1.365 3.37a4.772 4.772 0 0 1-3.42 1.45h-.006a4.721 4.721 0 0 1-3.373-1.396 4.765 4.765 0 0 1-1.387-3.417c.017-2.646 2.108-4.719 4.76-4.72m-.119 11.946a7.075 7.075 0 0 0 5.064-1.987 7.208 7.208 0 0 0 2.232-5.098 7.065 7.065 0 0 0-2.011-5.07 7.188 7.188 0 0 0-5.088-2.218l-.108-.002c-3.827 0-7.098 3.243-7.168 7.136-.07 3.837 3.173 7.152 7.08 7.239" fill="#000" />
										</g>
									</svg>
								

									<input type="button" name="next" id="fair_refinance" class="square-input-btn double_line_text gotham_medium" value="Multi Family &#x00A; Home" style="border:none !important;" /><br>


								</div>
							</label>

							<label for="poor_refinance" class="last_label_in_container">
								<div class="home-icon-with-input">

									<svg width="90" height="90" viewBox="-10 0 100 50" class="purchase-section-icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
										<g fill="none" fill-rule="evenodd">
											<path d="M32.752 63.009h16.249V61.49H32.752v1.519zm-.001-4.778h16.252v-1.684H32.75v1.684zm39.065 1.784c-.008-2.142-1.095-3.343-3.022-3.338-1.93.006-3.291 1.297-3.278 3.112.014 1.876 1.357 3.245 3.183 3.243 1.759 0 3.123-1.321 3.117-3.017zM14.7 56.67c-1.744-.077-3.11 1.221-3.2 3.04-.086 1.786 1.223 3.243 2.987 3.324 1.825.084 3.32-1.25 3.41-3.04.094-1.872-1.219-3.237-3.197-3.324zm18.048-3.395H49.01V23.978H32.749v29.297zm-29.492-.014h26.125V20.63h23.03v32.594h26.13v-.66c.014-8.813.035-17.627.037-26.441 0-2.36-.064-4.72-.084-7.08-.004-.438-.197-.63-.607-.769-4.868-1.639-9.728-3.304-14.595-4.948a8282.054 8282.054 0 0 0-22.06-7.416 1.454 1.454 0 0 0-.85.005c-1.764.567-3.518 1.16-5.272 1.755-10.44 3.546-20.877 7.099-31.322 10.631-.46.156-.606.347-.605.837.027 11.174.034 22.35.046 33.524 0 .17.015.34.027.6zm78.528 3.265H74.5c.047.186.058.325.114.442.632 1.316.715 2.737.471 4.11-.384 2.17-1.725 3.715-3.705 4.654-2.407 1.142-5.234.643-7.146-1.203-1.997-1.927-2.583-4.736-1.52-7.283.074-.175.144-.35.261-.638H52.433v9.747H29.378v-9.77h-8.907c1.455 3.827.826 6.992-2.86 8.988-2.43 1.315-4.933 1.062-7.053-.76-2.643-2.272-2.99-5.1-1.539-8.276H0v-40.39c.93-.318 1.9-.65 2.869-.979 10.357-3.513 20.714-7.03 31.073-10.537 2.135-.723 4.282-1.408 6.42-2.124.416-.14.794-.145 1.217 0 9.346 3.18 18.694 6.349 28.043 9.518 3.905 1.324 7.81 2.648 11.72 3.958.349.117.478.267.478.653-.01 13.132-.008 26.264-.007 39.397 0 .136-.015.273-.028.493z" fill="#000" mask="url(#4up0e044wb)" />
											<path d="M11.516 36.853h9.678v-12.87h-9.678v12.87zm-3.37 3.338h16.4V20.634h-16.4v19.557zM60.577 36.846h9.679V23.982h-9.679v12.864zm-3.368 3.35h16.4V20.633h-16.4v19.563z" fill="#000" />
										</g>
									</svg>


									<input type="button" name="next" id="poor_refinance" class="square-input-btn gotham_medium" value="Others" style="border:none !important;" /><br>


								</div>
							</label>


						</div>

						<input type="button" name="previous" class="btn previous col-12 col-md-8 col-lg-5 m-0 mt-1 form-back-btn refinance_four_back_btn" value="&#10094;  Back" style="background-color:transparent !important; border: none !important;color:black" /><br><input type="hidden" name="propTypeRefinance" id="propTypeRefinance" />
						
					</fieldset>

					<!-- Occupancy -->
					<fieldset class="d-none text-center" id="refinance_five" class="gotham_medium">
						<div class="text-center fieldset-title">
							<h2 class="gotham_medium">How will this property be used?</h2>
						</div>

						<div class="refinance_inputs ">
							<label for="primary_home_refinance">
								<div class="home-icon-with-input">

									<svg width="80" height="80" viewBox="-10 0 100 50" class="purchase-section-icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

										<g fill="none" fill-rule="evenodd">
											<path d="M36.093 5.716c-7.453 6.846-14.91 13.688-22.343 20.555-.263.242-.432.722-.433 1.091-.023 10.402-.018 20.804-.018 31.206v.772H25.92v-8.431c.001-1.904.844-2.751 2.742-2.752 5.12-.002 10.238-.003 15.357 0 1.892 0 2.748.86 2.75 2.755.002 4.414 0 3.228 0 7.643v.767h12.686v-.816c0-10.237-.003-20.475.012-30.712 0-.515-.149-.862-.526-1.213-5.582-5.203-11.149-10.423-16.72-15.637-1.935-1.811-3.872-3.62-5.842-5.462-.142.116-.218.172-.286.234zm36.049 28.406c-.723 1.521-1.76 2.12-3.018 1.67-.404-.146-.783-.426-1.107-.719-1.115-1.007-2.2-2.048-3.297-3.074-.166-.155-.341-.3-.641-.56v.945c0 9.534 0 19.067-.002 28.601 0 .305.005.613-.035.913-.167 1.273-1.048 2.09-2.326 2.093a4250.817 4250.817 0 0 1-17.19 0c-1.467-.003-2.381-.993-2.384-2.552-.008-4.438-.003-4.076-.003-8.514v-.899H30.543v9.093c0 2.045-.825 2.878-2.847 2.878-5.425 0-10.85.002-16.274 0-1.863-.001-2.718-.846-2.718-2.7-.003-9.793-.001-19.585-.001-29.377v-.963c-.264.209-.426.32-.57.452-1.42 1.3-2.812 2.633-4.265 3.894-1.393 1.209-3.424.546-3.81-1.208-.216-.974.194-1.729.9-2.374 2.183-1.996 4.36-4.001 6.538-6.002C16.471 17.475 25.446 9.23 34.423.988c1.438-1.32 2.503-1.316 3.92.008 10.922 10.219 21.847 20.435 32.756 30.67.43.402.699.976 1.043 1.47v.986z" fill="#000" />
											<path d="M28 39.2c2.933 1.377 5.867 2.066 8.8 2.066 2.933 0 5.867-.689 8.8-2.066" stroke="#000" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" class="stroke_path" />
										</g>
									</svg>


									<input type="button" name="next" id="primary_home_refinance" class="mt-3 square-input-btn gotham_medium" value="Primary Home" style="border:none !important;" /><br>

								</div>
							</label>

							<label for="secondary_home_refinance">
								<div class="home-icon-with-input">

									<svg width="80" height="80" viewBox="-10 0 100 55" class="purchase-section-icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

										<g fill="none" fill-rule="evenodd">

											<path d="M59.862 9.625h-5.334c0 1.152-.018 2.259.02 3.364.005.168.241.39.423.478 1.174.574 2.363 1.12 3.548 1.671.43.201.864.395 1.343.613V9.625zm5.497 14.17c0-.663-.034-1.197.01-1.725.044-.537-.137-.809-.65-1.047C52.433 15.311 40.14 9.608 27.895 3.805c-1.49-.706-2.545-.67-3.966.152C17.09 7.91 10.175 11.73 3.292 15.605c-.215.12-.521.32-.54.507-.065.67-.025 1.35-.025 2.137.363-.2.595-.323.823-.451 6.984-3.923 13.976-7.83 20.94-11.787.919-.521 1.678-.52 2.608-.083 11.888 5.574 23.788 11.12 35.685 16.674.82.382 1.64.76 2.576 1.193zM5.482 61.209h57.126v-.74c0-11.423-.005-22.844.014-34.266 0-.535-.183-.774-.645-.989A19350.683 19350.683 0 0 1 26.45 8.639c-.432-.202-.745-.175-1.155.056A4981.703 4981.703 0 0 1 6.075 19.486c-.445.249-.607.516-.606 1.035.017 13.31.013 26.621.013 39.932v.756zM67.2 64h-66c-.646-.222-1.038-.674-1.2-1.333v-.133c.379-1.495 1.64-1.264 2.72-1.309v-39.76c-1.707.68-2.051.609-2.72-.532v-6.266c.433-.358.827-.785 1.307-1.061 2.576-1.481 5.175-2.922 7.765-4.38L25.467 0h.666c.015.017.025.042.043.05 8.342 3.892 16.685 7.784 25.028 11.673.156.073.323.125.588.225 0-1.13-.004-2.188 0-3.245.007-1.4.48-1.871 1.888-1.872 2.333-.003 4.666-.002 7 0 1.491 0 1.95.457 1.952 1.945.002 2.555.013 5.11-.01 7.666-.006.473.15.704.579.893 1.32.58 2.614 1.217 3.925 1.819.522.24.933.598.943 1.184.032 1.91.062 3.822-.003 5.73-.031.93-.868 1.398-1.784 1.131-.306-.09-.6-.222-.898-.335v34.365c1.086.093 2.3-.282 2.883 1.038v.666L67.2 64z" fill="#000" />

											<path d="M49.092 55.79h8.076V40.866h-8.076V55.79zm-10.92.005h8.063V40.86h-8.062v14.935zm9.493-17.674h10.398c1.401 0 1.853.437 1.854 1.812.004 5.6.004 11.198 0 16.797 0 1.378-.452 1.815-1.85 1.815H37.27c-1.424 0-1.854-.433-1.854-1.878-.002-5.555-.002-11.11 0-16.664 0-1.465.428-1.881 1.918-1.882h10.331zM21.865 55.796h8.054V40.87h-8.054v14.926zm-10.87.007h8.053V40.865h-8.053v14.938zm9.442 2.743-10.392-.001c-1.358 0-1.803-.439-1.803-1.788-.003-5.618-.003-11.236 0-16.854 0-1.346.446-1.781 1.81-1.781 6.95-.002 13.9-.002 20.851 0 1.308 0 1.774.46 1.775 1.754.002 5.64.003 11.28 0 16.921 0 1.29-.468 1.747-1.782 1.748-3.486.002-6.973 0-10.459 0zM19.062 19.396c-.162.064-.246.087-.32.128-2.476 1.391-4.957 2.775-7.417 4.194-.2.116-.36.48-.363.731-.027 2.31-.016 4.62-.016 6.931v1.263h8.116V19.396zm10.84 13.266c.037-.123.06-.164.06-.206.005-5.149.013-10.298-.005-15.447-.001-.199-.206-.482-.392-.579a28.75 28.75 0 0 0-2.47-1.15 1.106 1.106 0 0 0-.83.041c-1.313.696-2.592 1.454-3.902 2.154-.406.218-.543.475-.541.934.017 4.527.01 9.055.012 13.583 0 .215.022.429.036.67h8.032zM20.44 35.44H10.175c-1.506 0-1.934-.432-1.934-1.946-.001-3.31.02-6.622-.014-9.933-.008-.882.3-1.44 1.08-1.872 5.39-3.001 10.772-6.02 16.136-9.072.806-.459 1.493-.49 2.306-.076 1.284.654 2.6 1.25 3.915 1.838.72.322 1.025.827 1.023 1.615-.014 5.888-.007 11.777-.009 17.666 0 1.276-.495 1.776-1.77 1.778-3.49.005-6.978.002-10.467.002zM49.07 32.64h8.13c0-.958-.022-1.866.01-2.772.015-.417-.122-.629-.502-.803-2.378-1.089-4.744-2.204-7.116-3.307-.152-.071-.318-.113-.522-.184v7.067zm-2.779.024c0-2.76.01-5.444-.02-8.128-.002-.182-.262-.434-.46-.528-2.384-1.132-4.779-2.242-7.171-3.354-.146-.067-.304-.106-.46-.16v12.17h8.111zm1.358 2.777H37.32c-1.458-.001-1.905-.448-1.906-1.91-.002-4.932-.002-9.862.001-14.793.001-1.098.369-1.643 1.231-1.738.31-.035.669.042.956.176 7.12 3.305 14.233 6.627 21.35 9.94.687.32.978.837.97 1.586-.016 1.666.003 3.332-.006 4.998-.008 1.237-.505 1.736-1.74 1.738-3.51.007-7.02.003-10.528.003z" fill="#000" />
										</g>
									</svg>



									<input type="button" name="next" id="secondary_home_refinance" class="mt-3 square-input-btn gotham_medium" value="Secondary Home"
										style="border:none !important;" /><br>

								</div>
							</label>


							<label for="rental_property_refinance" class="last_label_in_container">
								<div class="home-icon-with-input">

									<svg width="80" height="80" viewBox="-10 0 100 55" class="purchase-section-icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

										<g fill="none" fill-rule="evenodd">
											<g>
												<path d="m44.558 27.489-.005.358h-2.47c-.002-.13-.005-.26-.01-.39-.014-.595-.03-1.157.033-1.713.067-.591.715-.956 1.263-.945.593.023 1.129.518 1.17 1.083.037.524.029 1.05.02 1.607zM65.125 48.29H21.486c-.833 0-.833 0-.833-.813V31.424c0-.178 0-.653.065-.726.075-.067.578-.067.768-.067h43.64c.19 0 .695 0 .767.068.066.07.066.563.066.725v16.053c0 .813 0 .813-.834.813zM47.34 61.285v-1.177c.096-.005.19-.009.282-.009 4.597-.001 9.193-.001 13.79.001.061 0 .128-.004.196-.008.075-.004.201-.012.196-.027.314.263.5.489.553.67.083.294-.222.432-.357.478a1.446 1.446 0 0 1-.458.072c-4.734.004-9.468.004-14.202 0zm-5.233-.044h2.427v-10.19h-2.427v10.19zm-2.836.048h-5.143c-9.619 0-19.238 0-28.857-.004-.216 0-.466-.008-.678-.068-.295-.083-.414-.264-.388-.589.027-.309.179-.464.512-.517.079-.012.16-.016.24-.016l.144.003h34.17v1.19zm-12.808-3.972h12.813v-6.26H26.462v6.26zM68.685 30.27c-.55-1.658-1.71-2.41-3.689-2.407-4.166.034-8.404.028-12.502.022l-5.253-.004.01-.48c.015-.64.028-1.245-.029-1.862-.184-1.96-1.902-3.493-3.915-3.493H43.3c-2.01.004-3.728 1.543-3.911 3.503-.057.618-.044 1.222-.029 1.862l.01.47H21.337c-2.211.001-3.43 1.21-3.43 3.405v16.184c0 2.38 1.163 3.539 3.554 3.543h2.193v6.291H10.839v-1.712c-.002-10.65-.004-21.3.015-31.948 0-.112.122-.333.222-.4A9999.14 9999.14 0 0 1 25.7 13.491l7.38-4.917c.198-.132.222-.126.375-.023 3.174 2.118 6.35 4.234 9.527 6.35 4.178 2.782 8.357 5.566 12.532 8.356.079.053.19.27.203.436.027.39.023.783.02 1.175-.004.334-.007.668.007 1.002.038.847.581 1.41 1.374 1.429.756-.006 1.315-.596 1.36-1.435.01-.21.012-.42.01-.647l.296.196c.647.429 1.26.835 1.87 1.245 1.027.69 2.092.885 3.166.575 1.489-.43 2.409-1.452 2.663-2.957.265-1.578-.334-2.868-1.78-3.83l-13.446-8.948C45.733 7.822 40.209 4.148 34.687.469c-.931-.62-1.864-.626-2.775-.018-3.172 2.113-6.346 4.224-9.518 6.335l-7.697 5.123c-1.003.668-.982 1.491-.627 2.039.459.704 1.247.8 2.11.254.101-.064.2-.13.34-.224l3.28-2.18c4.371-2.907 8.742-5.812 13.103-8.735.313-.21.443-.209.77.01 7.913 5.28 15.832 10.548 23.752 15.817l5.642 3.753c.139.091.279.182.404.289.374.322.465.83.22 1.233a.969.969 0 0 1-1.233.37 3.837 3.837 0 0 1-.525-.317L35.069 6.348c-1.553-1.033-2.024-1.03-3.598.017L4.621 24.232a3.569 3.569 0 0 1-.533.316.972.972 0 0 1-1.2-.362c-.245-.383-.161-.926.191-1.238.124-.11.264-.2.403-.292l7.042-4.691.132-.082c.211-.126.475-.284.575-.565.19-.537.231-.987.122-1.337-.195-.62-.826-.911-1.534-.706-.306.089-.572.264-.805.419-.737.488-1.473.98-2.208 1.471-1.467.98-2.935 1.961-4.42 2.915-1.307.84-2.038 1.737-2.371 2.91L0 24.256l.046.087c.098.184.185.377.272.57.21.462.427.94.78 1.327 1.18 1.297 3.035 1.51 4.613.532.669-.414 1.324-.851 2.002-1.304l.332-.221v32.096c-.118 0-.239 0-.36.002-.35.01-.7.008-1.052.006-.818-.002-1.664-.005-2.496.104-1.642.217-2.793 1.716-2.677 3.486.105 1.599 1.405 2.901 3.025 3.03.274.021.55.028.826.028h19.68c12.094 0 24.191-.001 36.285-.008.478 0 1.102-.025 1.687-.216 1.351-.443 2.238-1.798 2.154-3.297a3.276 3.276 0 0 0-2.537-3.01 5.936 5.936 0 0 0-1.2-.119c-.753-.01-1.506-.008-2.297-.006h-.598v-1.667c0-.77.001-1.54-.001-2.308-.002-.632-.159-1.106-.466-1.408-.237-.232-.547-.34-.928-.346-.504.008-1.352.25-1.356 1.783-.002.98-.001 1.96 0 2.957v.938h-8.387v-6.28l5.22-.005c4.06-.007 8.255-.012 12.379.023 2 .012 3.15-.722 3.735-2.327l.024-18.31-.02-.125z" fill="#000" />
											</g>
											<path d="M31.895 14.899v2.06h-2.086c.302-.905 1.109-1.703 2.086-2.06zm-.011 4.88v2.057c-.945-.342-1.805-1.199-2.068-2.057h2.068zm4.885.01c-.281.831-1.252 1.8-2.09 2.083v-2.083h2.09zm-2.083-2.815v-2.08c.895.29 1.716 1.116 2.067 2.08h-2.067zm-1.544-5.092c-1.857.066-3.536.834-4.728 2.164-1.167 1.302-1.738 2.993-1.608 4.765a6.637 6.637 0 0 0 2.283 4.516c1.163 1.002 2.588 1.538 4.058 1.538.15 0 .303-.005.454-.016a6.364 6.364 0 0 0 4.493-2.109c1.167-1.287 1.778-3.001 1.676-4.704-.214-3.576-3.147-6.277-6.628-6.154zM50.038 34c-.528-.166-.954-.133-1.27.1-.323.237-.488.655-.489 1.241v3.557l-.398-.767c-.46-.89-.921-1.779-1.385-2.666-.16-.305-.34-.651-.578-.964-.621-.82-1.552-.584-1.858-.506-.806.203-.8.923-.797 1.31l.001 2.835c0 1.827 0 3.654.003 5.482 0 .468.116.807.351 1.038.222.217.533.322.95.322h.054c.853-.02 1.269-.46 1.271-1.352.002-1.174.002-2.348.002-3.522v-.177l2.068 3.862c.026.048.05.1.074.153.103.224.23.504.506.622.528.229 1.02.344 1.446.322.424-.014.885-.616.89-1.029.036-3.006.036-5.977-.002-8.827-.005-.43-.463-.917-.84-1.035M29.894 36.344c.071 0 .142-.002.212-.004.417-.008.813-.015 1.196.017.402.035.812.19.797 1.08-.013.846-.393.994-.802 1.03-.384.033-.78.024-1.199.016l-.204-.004v-2.135zm3.157 3.906c1.42-.615 1.89-2.394 1.598-3.824-.307-1.502-1.344-2.355-2.998-2.468-.92-.062-1.855-.058-2.757-.057h-.383c-.94.003-1.29.355-1.29 1.304-.006 2.806-.006 5.612 0 8.418 0 .466.115.805.35 1.035.232.226.57.333 1.006.324.86-.018 1.263-.448 1.266-1.352.003-.759.002-1.518.001-2.272v-.6c.527-.058.573.022.848.557l.421.821c.345.67.688 1.338 1.037 2.004.25.477.526.747.868.85.097.03.196.045.298.045.215 0 .443-.066.687-.2.786-.429.946-1.053.488-1.909l-1.44-2.676zM41.432 42.582c-.835.041-1.694.032-2.526.023l-.697-.007V40.56h1.425c.41 0 .712-.103.925-.317.195-.195.294-.463.293-.797-.001-.35-.103-.626-.304-.822-.211-.206-.528-.308-.911-.294-.423.013-.845.01-1.271.007l-.167-.001v-2.035H41.52c.342-.003.66-.105.867-.314.214-.217.32-.527.316-.924-.01-.73-.45-1.165-1.176-1.165h-.002l-1.464.001c-1.082 0-2.163 0-3.244.006-.422.001-.735.112-.957.337-.226.23-.335.558-.33 1.003.016 1.881.014 3.763.012 5.643v2.774c0 .94.36 1.31 1.283 1.318.743.007 1.497.013 2.257.013.82 0 1.645-.007 2.464-.03.404-.013.916-.366 1.073-.742.162-.385.12-.828-.11-1.157-.231-.33-.625-.5-1.077-.482M58.108 33.899h-.691a1629.9 1629.9 0 0 1-4.814-.002h-.002c-.367 0-.658.106-.864.315-.214.215-.32.526-.316.922.004.4.118.71.336.922.21.203.504.302.867.294a45.35 45.35 0 0 1 1.188-.003h.226v2.303c0 1.647-.001 3.296.002 4.944.002.933.431 1.387 1.313 1.387h.003c.885-.001 1.299-.443 1.3-1.388l.001-7.246h.22c.418-.002.806-.004 1.196.003.768.008 1.199-.44 1.213-1.208.007-.395-.097-.706-.312-.925-.207-.21-.499-.318-.866-.318" fill="#000" />
										</g>
									</svg>


									<input type="button" name="next" id="rental_property_refinance" class="mt-3 square-input-btn gotham_medium" value="Rental Property" style="border:none !important;" /><br>


								</div>
							</label>


						</div>
						
						<input type="button" name="previous" class="btn previous col-12 col-md-8 col-lg-5 m-0 mt-1 form-back-btn" value="&#10094;  Back" style="background-color:transparent !important; border: none !important;color:black" /><br><input type="hidden" name="rfhowPropUsed" id="rfhowPropUsed" />
						
					</fieldset>

					<!-- Estimated Property Value -->
					<fieldset class="d-none text-center" id="refinance_six">
						<div class="text-center fieldset-title">
							<h2 class="gotham_medium">Estimated Property Value</h2>
						</div>


						<div class="input-group my-3 mx-auto d-flex justify-content-center">
							<span class="input-group-text" id="basic-addon2">
								<i class="fas fa-dollar-sign"></i>
							</span>
							<input type="text" name="estimate_property_value" id="estimate_property_value" class="form-control normal-input-btn gotham_medium text-center" placeholder="Estimate property value" />
						</div>
						

						<div class="text-center">
							<div class="errormsg" id="error_estimate_property_value"></div>
						</div>

						<div class="d-flex justify-content-center">
							<input type="button" name="next" class="btn normal-input-btn mt-3 continue-btn refinance_section_sixthbtn mx-auto" id="refinance_section_sixthbtn" value="Continue" />
						</div>

						<input type="button" name="previous" class="btn previous col-12 col-md-8 col-lg-5 form-back-btn mt-2" value="&#10094;  Back" style="background-color: transparent !important; border: none !important; color: black" />
						
					</fieldset>

					<!-- Credit Score -->
					<fieldset class="d-none text-center" id="refinance_seven">
						<div class="fieldset-title">
							<h2 class="gotham_medium">Your credit score?</h2>
						</div>
						<div class="d-flex justify-content-center">
						
							<input type="text" name="rfCreditScore" id="rfCreditScore" class="form-control normal-input-btn mt-3 mx-auto text-center" placeholder="Enter your credit score" />
							
						</div>

						<!-- Error message container -->
						<div class="d-flex justify-content-center mt-2">
							<span id="rfCreditScoreError" class="text-danger d-none">Please enter a valid credit score.</span>
						</div>

						<div class="d-flex justify-content-center mt-3">
							<input type="button" name="next" class="btn normal-input-btn continue-btn" id="refinance_section_seventhbtn" value="Continue" />
						</div>

						<input type="button" name="previous" class="btn previous col-12 col-md-8 col-lg-5 m-0 mt-1 form-back-btn" value="&#10094;  Back" style="background-color:transparent !important; border: none !important; color:black" />
					</fieldset>


					<!-- Current Loan Balance -->
					<fieldset class="d-none text-center" id="refinance_eight">
						<div class="fieldset-title">
							<h2 class="gotham_medium">What is your loan balance?</h2>
						</div>

						<div class="input-group my-3 mx-auto d-flex justify-content-center">
							<span class="input-group-text" id="basic-addon2">
								<i class="fas fa-dollar-sign"></i>
							</span>
							<input type="text" name="current_loan_balance" id="remFirstMortBal" class="form-control normal-input-btn gotham_medium text-center" placeholder="Enter current loan balance" />
						</div>
						

						<!-- Error message display -->
						<div class="text-center">
							<div class="errormsg" id="error_remFirstMortBal"></div>
						</div>

						<div class="d-flex justify-content-center">
							<input type="button" name="next" class="btn normal-input-btn mt-3 continue-btn" id="refinance_section_eighthbtn" value="Continue" />
						</div>

						<input type="button" name="previous" class="btn previous col-12 col-md-8 col-lg-5 m-0 mt-1 form-back-btn" value="&#10094;  Back" style="background-color:transparent !important; border: none !important;color:black" />
						
					</fieldset>


					<!-- Loan Program -->
					<fieldset class="d-none" id="refinance_nine">
						<div class="text-center fieldset-title">
							<h2 class="gotham_medium">Do you currently have</h2>
						</div>
						<div class="refinance_inputs container">
							<div class="row">
								<div class="col-12">
									<label class="refinnce_input_label">
										<input type="radio" value="FHA" id="currHaveFHA" name="loan_program" class="checkbox-round gotham_medium" />
										<span class="checkbox-text gotham_medium ml-2">FHA</span>		
									</label>
								</div>			
								<div class="col-12">
									<label class="refinnce_input_label">
										<input type="radio" value="VA" id="currHaveVA" name="loan_program" class="checkbox-round gotham_medium" />
										<span class="checkbox-text gotham_medium ml-2">VA</span>
									</label>
								</div>			
								<div class="col-12">
									<label class="refinnce_input_label">
										<input type="radio" value="Conventional" id="Conventional" name="loan_program" class="checkbox-round gotham_medium" />
										<span class="checkbox-text gotham_medium ml-2">Conventional</span>
									</label>
								</div>		
								<div class="col-12">
									<label class="refinnce_input_label">
										<input type="radio" value="Other" id="Other" name="loan_program" class="checkbox-round gotham_medium" />
										<span class="checkbox-text gotham_medium ml-2">Other</span>
									</label>
								</div>	
							</div>
						</div>	

						<!-- Error Message -->
						<div class="text-center mt-2">
							<div class="errormsg" id="error_currHaveLoanType"></div>
						</div>

						<!-- Continue Button -->
						<input type="button" name="next" class="btn btn_next m-0 mt-2 continue-btn d-flex justify-content-center mx-auto" id="refinance_section_ninethbtn" value="Continue" />

						<!-- Back Button -->
						<input type="button" name="previous" class="btn previous col-12 col-md-8 col-lg-5 m-0 mt-1 form-back-btn" value="&#10094;  Back" style="background-color:transparent !important; border: none !important;color:black; margin: 0 auto; width: 100%;" />

						<!-- Hidden Input -->
						<input type="hidden" name="currHaveLoanType" id="currHaveLoanType" />
					</fieldset>

					<fieldset class="d-none text-center" id="refinance_eleven">
						<div class="fieldset-title">
							<h5 class="gotham_medium text-danger"></h5>
						</div>
						<input type="button" name="previous" class="btn previous col-12 col-md-8 col-lg-5 m-0 mt-1 form-back-btn" value="&#10094;  Back" style="background-color:transparent !important; border: none !important; color:black" />
					</fieldset>


				</form>

			</div>
		</div>
	</section>
</div>
<!-- Fullscreen overlay with spinner -->
<div id="overlay" class="d-none">
    <div class="spinner-border text-light" role="status">
        <span class="sr-only">Loading...</span>
    </div>
</div>
@endsection
@push('scripts')
<!-- jQuery UI -->
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
	$(document).ready(function() {
		let current_year = {{date("Y")}};
		let start_year = {{date("Y")-35}}
		$( "#mortgage_start_date" ).datepicker({ dateFormat: "mm-dd-yy", changeYear: true, changeMonth:true, yearRange: (start_year + ":" + current_year)});
		
		//first step
		$("#refinance_section_firstbtn").click(function() {
			// Check if any radio is selected
			if (!$('input[type="radio"]:checked').length) {
				// If no radio is selected, show error message
				$("#checkbox-error").show();
			} else {
				// If a radio is selected, hide error message and proceed
				$("#checkbox-error").hide();

				manageSessions();

				// Continue to the next step
				var current_step = $(this).closest("fieldset");
				var next_step = current_step.next("fieldset");
				next_step.removeClass("d-none");
				current_step.addClass("d-none");
			}
		});

		//Second step
		$("#refinance_section_secondbtn").click(function() {
			var isValid = true;

			// Validate Zip Code
			var zipcode = $("#postal_code-input").val();
			var u = /^[0-9]+$/;
			var c = u.test(zipcode);
			var ziplen = zipcode.length;
			if (zipcode == "") {
				$("#postal_code-input").addClass("errorflag");
				$("#rfziperror").addClass("d-block mb-1");
				$("#rfziperror").html("Please enter zip code");
				isValid = false;
			} else if (!c) {
				$("#postal_code-input").addClass("errorflag");
				$("#rfziperror").addClass("d-block mb-1");
				$("#rfziperror").html("Please enter a valid zip code");
				isValid = false;
			} else if (ziplen < 5) {
				$("#postal_code-input").addClass("errorflag");
				$("#rfziperror").addClass("d-block mb-1");
				$("#rfziperror").html("Zip code should be 5 digits");
				isValid = false;
			} else {
				$("#postal_code-input").removeClass("errorflag");
				$("#rfziperror").removeClass("d-block mb-1");
				$("#rfziperror").html('');
			}

			// If all validations pass, proceed
			if (isValid) {
				manageSessions();
				var rfId = $("#hid_newUserId").val();
				current_step = $(this).parent();
				next_step = $(this).parent().next();
				next_step.removeClass("d-none");
				current_step.addClass("d-none");
			}
		});


		//Fourth step
		var rf_fourthOpt = '';
		$("#refinance_four").find('input[type="button"]').click(function() {
			var rf_fourthOpt = $(this).val();
			if (rf_fourthOpt != '' && rf_fourthOpt != "❮  Back") {
				$("#rfhowPropUsed").val(rf_fourthOpt);
				manageSessions();
				var rfId = $("#hid_newUserId").val();
				$("#refinance_four").addClass("d-none");
				$("#refinance_five").removeClass("d-none");
			}
		});

		//Fifth step
		var rf_fourthOpt = '';
		$("#refinance_five").find('input[type="button"]').click(function() {
			var rf_fourthOpt = $(this).val();
			if (rf_fourthOpt != '' && rf_fourthOpt != "❮  Back") {
				$("#rfhowPropUsed").val(rf_fourthOpt);
				manageSessions();
				var rfId = $("#hid_newUserId").val();
				$("#refinance_five").addClass("d-none");
				$("#refinance_six").removeClass("d-none");
			}
		});


		//sixth step
		// Add comma format while typing
		$("#estimate_property_value").on("input", function() {
			var value = $(this).val().replace(/,/g, ''); // Remove existing commas
			if ($.isNumeric(value)) {
				$(this).val(Number(value).toLocaleString('en-US')); // Format with commas
			}
		});

		// On continue button click
		$("#refinance_section_sixthbtn").click(function() {
			var estPropVal = $("#estimate_property_value").val().replace(/,/g, ''); // Remove commas for validation
			var isValidNumber = /^[0-9]+$/.test(estPropVal); // Check if input is a valid number

			$("#error_estimate_property_value").html('');
			if (estPropVal == "") {
				$("#estimate_property_value").addClass("errorflag");
				$("#error_estimate_property_value").html('Please enter property value');
			} else if (!isValidNumber) {
				$("#estimate_property_value").addClass("errorflag");
				$("#error_estimate_property_value").html('Please enter a valid property value');
			} else {
				$("#estimate_property_value").removeClass("errorflag");
				$("#error_estimate_property_value").html('');
				
				// Proceed to the next step
				manageSessions();
				$("#refinance_six").addClass("d-none");
				$("#refinance_seven").removeClass("d-none");
			}
		});

		//seventh step
		$("#refinance_section_seventhbtn").click(function() {
			var estCreditScore = $("#rfCreditScore").val();
			var u = /^[0-9]+$/; // Regular expression to allow only numbers
			var c = u.test(estCreditScore); // Test if credit score is a valid number
			var errorMessage = $("#rfCreditScoreError"); // Error message element

			// Reset error state
			$("#rfCreditScore").removeClass("errorflag");
			errorMessage.addClass("d-none");

			// Check if the input is empty or invalid
			if (estCreditScore === "" || !c) {
				$("#rfCreditScore").addClass("errorflag");
				errorMessage.removeClass("d-none").text("Please enter a valid credit score.");
			} else {
				// If validation passes, proceed to next section
				$("#rfCreditScore").removeClass("errorflag");
				errorMessage.addClass("d-none"); // Hide error message if any
				manageSessions();
				var userId = $('#hid_newUserId').val();
				$("#refinance_seven").addClass("d-none");
				$("#refinance_eight").removeClass("d-none");
			}
		});

		//eighth step
		// Add comma format while typing
		$("#remFirstMortBal").on("input", function() {
			var value = $(this).val().replace(/,/g, ''); // Remove existing commas
			if ($.isNumeric(value)) {
				$(this).val(Number(value).toLocaleString('en-US')); // Format with commas
			}
		});

		// On continue button click
		$("#refinance_section_eighthbtn").click(function() {
			var remFirstMortBal = $("#remFirstMortBal").val().replace(/,/g, ''); // Remove commas for validation
			var isValidNumber = /^[0-9]+$/.test(remFirstMortBal); // Check if input is a valid number

			// Clear previous error messages
			$("#remFirstMortBal").removeClass("errorflag");
			$("#error_remFirstMortBal").html('');

			// Validation checks
			if (remFirstMortBal === "") {
				$("#remFirstMortBal").addClass("errorflag");
				$("#error_remFirstMortBal").html('Please enter the remaining mortgage balance.');
			} else if (!isValidNumber) {
				$("#remFirstMortBal").addClass("errorflag");
				$("#error_remFirstMortBal").html('Please enter a valid mortgage balance (numbers only).');
			} else {
				$("#remFirstMortBal").removeClass("errorflag");
				$("#error_remFirstMortBal").html(''); // Clear error message
				
				// Proceed to the next step
				manageSessions();
				current_step = $(this).parent();
				next_step = $(this).parent().next();
				$('#refinance_eight').addClass("d-none");
				$('#refinance_nine').removeClass("d-none");
			}
		});

		//nineth step
		$("#refinance_section_ninethbtn").click(function() {
			var anyChecked = $("input[name='loan_program']:checked").length > 0;
			
			if (anyChecked) {
				manageSessions(1);
				$("#error_currHaveLoanType").html(''); // Clear any previous error messages
				$("#refinance_nine").addClass("d-none");
				$("#refinance_ten").removeClass("d-none");
			} else {
				$("#error_currHaveLoanType").html('Please select at least one loan type.');
			}
		});

		
		$(".previous").click(function() {
			//this condition to hide circle or progress bar on first zipcode step
			$(this).prev("fieldset").removeClass("d-none");
			$(this).prev("fieldset > home-icon-with-input").css("display", "block");
			var classname = $(this).parent().prev().attr('class');
			if (classname == "firstsection") {
				$(".progress-ring-wrap").addClass("d-none");
			} else {
				$(".progress-ring-wrap").removeClass("d-none");
			}

			$("#refinance_ten").addClass("d-none");
			$('#refinance_nine').addClass("d-none");
			$('#refinance_nine .continue-btn').prop("disabled", false);
			current_step = $(this).parent();
			next_step = $(this).parent().prev();
			next_step.removeClass("d-none");
			current_step.addClass("d-none");

		});
 		
		function manageSessions(final_step=0) {
			let formdata = $("#refinanceForm").serialize();
			formdata += '&final_step=' + final_step; // Append the final_step variable to the serialized data
			$.ajax({
				method: "post",
				url: "get-leads-alerts",
				headers: {
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				},
				data: formdata,
				beforeSend() {
					if(final_step == 1){
						// Show full-screen overlay spinner
						$("#overlay").removeClass("d-none");
		
					}
				},
				success: function(response) {
					if (response.success) {
						$("#refinance_nine").addClass("d-none");
						$("#refinance_ten").removeClass("d-none");
						$("#refinance_ten h5").html("Please wait for a while, we're redirecting shortly.");
						window.location = '{{route("leads-opportunity-alerts")}}';
					}
					else if(response.success == 0)
					{
						$("#refinance_nine").addClass("d-none");
						$("#refinance_ten").removeClass("d-none");
						$("#refinance_ten h5").html("There are no refinance opportunities found.");
						
					}
					// Always hide overlay after processing is done
					if(final_step == 1){
						$("#overlay").addClass("d-none");
					}	
				},
				error: function(xhr, ajaxOptions, thrownError) {
					// Handle any errors that occur during the AJAX request
					console.log("Error: ", thrownError);
					$("#refinance_nine").addClass("d-none");
					$("#refinance_ten").removeClass("d-none");
					$("#refinance_ten h5").html(thrownError);
					$("#overlay").addClass("d-none");
				}
			});
		}

	})
</script>
@include("inc-google-place")
@endpush