@extends('layout.index')

@section('meta_content')
	<meta name="author" content="">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<title>Design Partners - Your Dreams Our Design</title>
@endsection

@section('content')
<main data-router-wrapper data-smooth>
		<article data-router-view="contact">

			<section class="contact-info" data-smooth-item>
				<div class="container container--small">
					<div class="pt100 l:pt40 pb20">
						<ul>
							<li class="js-stagger">617, Western Business Park, </li>
							<li class="js-stagger">UM Rd, Vesu, Surat, Gujarat 395007</li>
							<li class="js-stagger">Tel: +91 951 202 4101 </li>
						</ul>
					</div>
				</div>
			</section>

			<section class="contact" data-smooth-item>
				<div class="container">
					<h1 class="h1 pt30 mb30 js-stagger">Start your journey here.</h1>
				</div>
			</section>

			<section class="contactform" data-darker data-smooth-item>
			{!! Form::open(['route' => ['sendmailsmtp'], 'class' => 'black x js-contact-form js-stagger ', 'id' => 'contactForm','data-toggle' => 'validator','enctype' => 'multipart/form-data','files' => true]) !!}
				<!-- <form method="post" action="#" accept-charset="UTF-8" novalidate="" enctype="multipart/form-data"
					id="form" class="black x js-contact-form js-stagger"> -->
					<meta name="csrf-token" content="{{ csrf_token() }}">
					<div class="contactform__section contactform__section--step1 rel z2">
						<div class="contactform__section-inner bg-green pb30 pt40 black">
							<div class="container">
								<div class="s:df s:fw">

									<div class="contactform__num f16 fw500 lh120 mb20">1</div>
									<div class="contactform__form">
										<div class="contactform__title-description mb20 fw500 lh140">
											Want to get started on a custom build? Interested in concierge services? Let
											us know what you have in mind and we'll be in touch soon.
										</div>

										<div class="df fw mhn20 mt10">

											<div class="signup__field mb10 x s:w50 ph20">
												<div class="signup__field-label">
													<input id="firstname" type="text" name="firstname" value=""
														class="required">
													<label class="o-label o-label--dark" for="firstname">First
														Name</label>

												</div>
											</div>

											<div class="signup__field mb10 x s:w50 ph20">
												<div class="signup__field-label">
													<input id="email" type="email" name="email" value="" class="required email_validate">
													<label class="o-label o-label--dark" for="email">Email
														Address</label>

												</div>
											</div>

											<div class="signup__field mb10 x s:w50 ph20">
												<div class="signup__field-label">
													<input id="lastname" type="text" name="lastname" class="required" value=""
														>
													<label class="o-label o-label--dark" for="lastname">Last
														Name</label>

												</div>
											</div>

											<div class="signup__field mb10 x s:w50 ph20">
												<div class="signup__field-label">
													<input id="phone" type="text" name="phone" value="" class="required mobilenumber">
													<label class="o-label o-label--dark" for="phone">Phone
														Number</label>

												</div>
											</div>

										</div>

									</div>

								</div>
							</div>
						</div>
					</div>

					<div class="contactform__section contactform__section--step2 rel z1">
						<div class="contactform__section-inner bg-green pb30 pt40 black">
							<div class="container">
								<div class="s:df s:fw">
									<div class="contactform__num f16 fw500 lh120 mb20">2</div>
									<div class="contactform__form rel">

										<div class="df fw mhn20 mb10 js-switch-2">
											

											<div class="signup__field mb10 x s:w50 ph20">
												<div class="signup__field-label">
													<input id="location" type="text" name="location" value="">
													<label class="o-label o-label--dark" for="location">Location</label>

												</div>
											</div>

										</div>

									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="contactform__section contactform__section--step3 rel">
						<div class="contactform__section-inner bg-green pb30 pt40 black">
							<div class="container">
								<div class="s:df s:fw">
									<div class="contactform__num f16 fw500 lh120 mb20">3</div>
									<div class="contactform__form rel">

										<div class="mhn20 rel z1">
											<div class="df fw x mb20 s:w50">

												<div class="signup__field mb10 x ph20">
													<div class="signup__field-label">
														<textarea rows="8" id="message" name="message"
															value=""></textarea>
														<label class="o-label o-label--dark"
															for="message">Message</label>

													</div>
												</div>

											</div>
										</div>

										
										<button type="button" aria-label="View Submit" id="btncontact" name="btncontact" class="button button--dark df"
											data-cursor>
											<span class="arrow"><svg version="1.1" xmlns="http://www.w3.org/2000/svg"
													xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
													width="13.74px" height="10.29px" viewBox="0 0 13.74 10.29"
													style="enable-background:new 0 0 13.74 10.29;" xml:space="preserve">
													<g id="Group_3_Copy_2_1_" transform="translate(-0.092 -0.015)">
														<path id="Fill_1_1_" class="st0"
															d="M0.09,5.92h11.9V4.39H0.09V5.92z" />
														<path id="Fill_2_1_" class="st0"
															d="M8.69,10.3L7.61,9.23l4.07-4.07L7.61,1.09l1.08-1.08l5.14,5.14L8.69,10.3z" />
													</g>
												</svg>
											</span>
											<span class="text">Submit</span>
										</button>

										<div class="o-label" style="color: #fff;" id="success_msg"></div>

									</div>
								</div>
							</div>
						</div>
					</div>

				</form>


			</section>

			<div class="contact-figure abs right pen" data-smooth-item>
				<div class="x js-stagger" data-from='{"yPercent": "-10"}' data-to='{"yPercent": "10"}'>
					<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="439.177"
						height="2143" viewBox="0 0 439.177 2143">
						<defs>
							<clipPath id="clip-path">
								<path id="Clip_122" data-name="Clip 122" d="M0,439H2143V0H0Z" fill="none" />
							</clipPath>
						</defs>
						<g id="Group_123_Copy_2" data-name="Group 123 Copy 2" transform="translate(0 2143) rotate(-90)"
							opacity="0.499">
							<path id="Stroke_1" data-name="Stroke 1" d="M0,0,436,436" transform="translate(554 3)"
								fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
							<path id="Stroke_3" data-name="Stroke 3" d="M436,0,0,436" transform="translate(554 3)"
								fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
							<path id="Stroke_5" data-name="Stroke 5"
								d="M395,197.5C395,306.58,306.576,395,197.5,395S0,306.58,0,197.5,88.424,0,197.5,0,395,88.424,395,197.5Z"
								transform="translate(574 23)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_7" data-name="Stroke 7"
								d="M395,197.5C395,306.58,306.577,395,197.5,395S0,306.58,0,197.5,88.423,0,197.5,0,395,88.424,395,197.5Z"
								transform="translate(1145 23)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_9" data-name="Stroke 9" d="M2,0V437" transform="translate(220.5 1.5)"
								fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
							<path id="Stroke_11" data-name="Stroke 11" d="M27,219S-33.75,131.038,27,0"
								transform="translate(1317 2)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_13" data-name="Stroke 13" d="M0,219S60.75,131.038,0,0"
								transform="translate(1342 2)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_15" data-name="Stroke 15" d="M6.83,212S-28.357,112.1,61,0"
								transform="translate(1336.5 9.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_17" data-name="Stroke 17" d="M0,212S78.819,141.608,54.256,0"
								transform="translate(1342.5 8.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_19" data-name="Stroke 19" d="M.187,192S-9.246,86.263,106,0"
								transform="translate(1343 30)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_21" data-name="Stroke 21" d="M0,192S94.6,143.505,106,0"
								transform="translate(1343 30)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_23" data-name="Stroke 23" d="M0,159S17.179,54.62,150,0"
								transform="translate(1342.5 62.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_25" data-name="Stroke 25" d="M0,159S103.314,135.658,150,0"
								transform="translate(1342.5 62.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_27" data-name="Stroke 27" d="M0,117S42.7,19.907,185,0"
								transform="translate(1342 104)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_29" data-name="Stroke 29" d="M0,116.992S105.914,120.105,185,0"
								transform="translate(1342 104)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_31" data-name="Stroke 31" d="M0,69S65.111-14.088,207,2.089"
								transform="translate(1343 152)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_33" data-name="Stroke 33" d="M0,66.8S101.17,96.086,207,0"
								transform="translate(1343 153)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_35" data-name="Stroke 35" d="M0,32S83.654-30.6,217,19.308"
								transform="translate(1343.5 189.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_37" data-name="Stroke 37" d="M0,13.224S90.662,67.822,217,0"
								transform="translate(1344.5 207.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_39" data-name="Stroke 39" d="M0,10.253S97.217-31,214,52"
								transform="translate(1343 210)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_41" data-name="Stroke 41" d="M0,0S74.685,76.018,214,42.436"
								transform="translate(1342.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_43" data-name="Stroke 43" d="M0,.769S104.478-14.785,197,94"
								transform="translate(1343.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_45" data-name="Stroke 45" d="M0,0S53.771,90.224,197,93"
								transform="translate(1343 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_47" data-name="Stroke 47" d="M0,0S105.439,10.9,168,140"
								transform="translate(1342 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_49" data-name="Stroke 49" d="M0,0S29.511,101.563,168,140"
								transform="translate(1342 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_51" data-name="Stroke 51" d="M0,0S98.827,36.9,127,178"
								transform="translate(1342.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_53" data-name="Stroke 53" d="M0,0S3.193,106.082,127,178"
								transform="translate(1343.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_55" data-name="Stroke 55" d="M0,0S86.118,60.167,78.526,203"
								transform="translate(1344 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_57" data-name="Stroke 57" d="M2.279,0S-21.113,102.9,82,203"
								transform="translate(1341.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_59" data-name="Stroke 59" d="M0,0S67.129,80.123,25.245,217"
								transform="translate(1344 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_61" data-name="Stroke 61" d="M15.258,0S-32.513,94.19,41,217"
								transform="translate(1328 220)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_63" data-name="Stroke 63" d="M29.377,0S77.15,94.55,0,216"
								transform="translate(1314 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_65" data-name="Stroke 65" d="M42,0S-28.35,78.961,13.047,216"
								transform="translate(1301 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_67" data-name="Stroke 67" d="M81.1,0S102.745,103.238,0,202"
								transform="translate(1260.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_69" data-name="Stroke 69" d="M82,0S-5.466,59.025.27,202"
								transform="translate(1261 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_71" data-name="Stroke 71" d="M130,0S125.379,105.258,0,175"
								transform="translate(1212.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_73" data-name="Stroke 73" d="M130,0S30.194,35.311,0,175"
								transform="translate(1214.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_75" data-name="Stroke 75" d="M169,0S138.286,101.338,0,138"
								transform="translate(1173.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_77" data-name="Stroke 77" d="M169,0S63.957,9.514,0,138"
								transform="translate(1173.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_79" data-name="Stroke 79" d="M199,0S143.811,91.1,0,92"
								transform="translate(1144.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_81" data-name="Stroke 81" d="M199,.976S94.336-16.039,0,92"
								transform="translate(1144.5 220.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_83" data-name="Stroke 83" d="M214,0S138.516,73.388,0,38.676"
								transform="translate(1128 221)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_85" data-name="Stroke 85" d="M214,10.888S117.579-30.811,0,49"
								transform="translate(1129.5 210.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_87" data-name="Stroke 87" d="M217,15.843S125.55,68.1,0,0"
								transform="translate(1126 205)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_89" data-name="Stroke 89" d="M217,34S134.133-30.571,0,18.257"
								transform="translate(1125.5 186.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_91" data-name="Stroke 91" d="M207,69.306S105.006,97.141,0,0"
								transform="translate(1136 151)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_93" data-name="Stroke 93" d="M207,72S142.714-12.763,0,1.65"
								transform="translate(1135.5 148.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_95" data-name="Stroke 95" d="M183,118S77.3,119.678,0,0"
								transform="translate(1160.5 102.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_97" data-name="Stroke 97" d="M183,118S141.694,21.534,0,0"
								transform="translate(1159.5 102.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_99" data-name="Stroke 99" d="M148,161S44.91,136.279,0,0"
								transform="translate(1195.5 60.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_101" data-name="Stroke 101" d="M148,161S132.2,56.395,0,0"
								transform="translate(1195.5 60.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_103" data-name="Stroke 103" d="M103,193S9.445,143.357,0,0"
								transform="translate(1240 28)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_105" data-name="Stroke 105" d="M102.725,193S113.509,87.613,0,0"
								transform="translate(1240 28)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_107" data-name="Stroke 107" d="M56,212S-20.628,140.8,5.39,0"
								transform="translate(1286 9)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_109" data-name="Stroke 109" d="M51.466,212S88.046,112.906,0,0"
								transform="translate(1291.5 8.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Stroke_111" data-name="Stroke 111"
								d="M296.25,0H98.754L0,170.5,98.754,341h197.5L395,170.5Z" transform="translate(25 49)"
								fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
							<path id="Stroke_113" data-name="Stroke 113" d="M0,2H444" transform="translate(1 218)"
								fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
							<path id="Stroke_115" data-name="Stroke 115" d="M2,0V437" transform="translate(1917.5 1.5)"
								fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
							<path id="Stroke_117" data-name="Stroke 117" d="M0,2H444" transform="translate(1698 218)"
								fill="none" stroke="#fefefe" stroke-miterlimit="10" stroke-width="0.5" />
							<path id="Stroke_119" data-name="Stroke 119"
								d="M73.7,271H250.3A161.886,161.886,0,0,0,251.09,0H72.91A161.888,161.888,0,0,0,73.7,271Z"
								transform="translate(1757.5 85.5)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
								stroke-width="0.5" />
							<path id="Clip_122-2" data-name="Clip 122" d="M0,439H2143V0H0Z" fill="none" />
							<g id="Group_123_Copy_2-2" data-name="Group 123 Copy 2" clip-path="url(#clip-path)">
								<path id="Stroke_121" data-name="Stroke 121" d="M0,395H395V0H0Z"
									transform="translate(1722 23)" fill="none" stroke="#fefefe" stroke-miterlimit="10"
									stroke-width="0.5" />
							</g>
						</g>
					</svg>

				</div>
			</div>

			@include('partial.footer')
			<div class="site-sidebar df fw aic fix z1 right y top pen">
				<nav class="social x mta mba pea">
					<ul class="df fw tc">
						<li><a href="#" aria-label="Houzz" target="_blank"><svg xmlns="http://www.w3.org/2000/svg"
									width="14" height="16" viewBox="0 0 14 16">
									<path id="Fill_1" data-name="Fill 1"
										d="M0,0V16H5.185V10.667h3.63V16H14V6.791L3.63,3.733V0Z" fill="#fff" />
								</svg>
							</a></li>
						<li><a href="#" aria-label="Instagram" target="_blank"><svg xmlns="http://www.w3.org/2000/svg"
									width="16" height="16" viewBox="0 0 16 16">
									<path id="Shape"
										d="M12.908,16H3.092A3.1,3.1,0,0,1,0,12.908V3.092A3.1,3.1,0,0,1,3.092,0h9.815A3.1,3.1,0,0,1,16,3.092v9.815A3.1,3.1,0,0,1,12.908,16ZM1.559,6.358v6.55a1.535,1.535,0,0,0,1.534,1.534h9.815a1.535,1.535,0,0,0,1.534-1.534V6.358H12.053a4.375,4.375,0,1,1-8.1,0ZM8,5.183A2.827,2.827,0,0,0,5.717,6.358a2.816,2.816,0,1,0,4.567,0A2.827,2.827,0,0,0,8,5.183Zm6.149-3.34-.354,0-2.36.006.01,2.713,2.7-.009Z"
										transform="translate(0)" fill="#fff" />
								</svg>
							</a></li>
						<li><a href="#" aria-label="Facebook" target="_blank"><svg xmlns="http://www.w3.org/2000/svg"
									width="8" height="17" viewBox="0 0 8 17">
									<path id="Shape"
										d="M5.32,17H1.773V8.5H0V5.57H1.773V3.811C1.773,1.422,2.773,0,5.617,0H7.984V2.93H6.5c-1.107,0-1.18.409-1.18,1.173l0,1.466H8L7.686,8.5H5.319V17Z"
										fill="#fff" />
								</svg>
							</a></li>
					</ul>
				</nav>
			</div>

		</article>

	</main>

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	<script>
		$('#btncontact').click(function (event) {
			if(Form_Validate('contactForm')) 
        	{
				var form = $('#contactForm')[0];
				var formdata = new FormData(form);
				
				$.ajax({
					url: '{{ route("sendmailsmtp") }}',
					headers: {
						'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
					},
					type: 'POST',
					data: formdata,
					processData: false,
					contentType: false,
					success: function (result) {
						
						if(result=="false")
						{
							$('#success_msg').text('Please enter valid detail!');
							$("#success_msg").css("color", "red"); 
						}
						else{
							
							$('#success_msg').text(' We get your inquiry, We will shortly contact you!');
							$("#success_msg").css("color", "#ffffff");
							$('#contactForm').trigger("reset");
							
						}
						
						
					}
				});
			}
			else{
				$('#success_msg').text('Please enter valid detail!');
				$("#success_msg").css("color", "red"); 
			}
		});


		function Form_Validate(id) {
			var error = 0;
			$('.invalid').removeClass('invalid');
			$('strong').html('');
			
			$("#" + id).find(".required").each(function () {
				var val = $.trim($(this).val());
				if (val == "") {
					error = 1;
					$('#wrn_msg').html('Please enter valid form detail!');
				// $('.' + $(this).attr('id')).html(defaultLang.input_message);
					$(this).addClass('invalid');
				}
			});
			$("#" + id).find(".dropdown").each(function () {
				if ($(this).val() == "" || $(this).val() == 0) {
					error = 1;
					//$('.' + $(this).attr('id')).html(defaultLang.dropdown_message);
					$(this).addClass('invalid');
				}
			});
			$("#" + id).find(".textarea").each(function () {
				if ($(this).val() == "") {
					error = 1;
					//$('.' + $(this).attr('id')).html(defaultLang.textarea_message);
					$(this).addClass('invalid');
				}
			});
			$("#" + id).find(".integer").each(function () {
				if ($(this).val() != "") {
					var regex = /^[0-9]+$/;
					var input = $(this).val();
					if (!regex.test(input)) {
						error = 1;
						
						$(this).addClass('invalid');
					}
				}
			});
			$("#" + id).find(".zipcodeval").each(function () {
				if ($(this).val() != "") {
				var regex = /^\d{6}$/;
					var input = $(this).val();
					if (!regex.test(input)) {
						error = 1;
						
						$(this).addClass('invalid');
					}
				}
			});
			$("#" + id).find(".mobilenumber").each(function () {
				if ($(this).val() != "") {
				var regex = /^\d{10}$/;
					var input = $(this).val();
					if (!regex.test(input)) {
						error = 1;
						
						$(this).addClass('invalid');
					}
				}
			});
			$("#" + id).find(".decimal").each(function () {
				if ($(this).val() != "") {
					//var dec = /^[-+]?[0-9]+\.[0-9]+$/;
					var regex = /^\d+(\.\d{1,10})?$/;
					var input = $(this).val();
					if (!regex.test(input)) {
						error = 1;
						//$('.' + $(this).attr('id')).html(defaultLang.decimal_message);
						$(this).addClass('invalid');
					} else if ($(this).attr("min")) {
						var min = $(this).attr("min");
						var value = $(this).val();
						if (min != '') {
							if (parseInt(min) > parseInt(value)) {
								error = 1;
							// $('.' + $(this).attr('id')).html('Please enter minimum ' + min);
								$(this).addClass('invalid');
							}
						}
					} else if ($(this).attr("max")) {
						var max = $(this).attr("max");
						var value = $(this).val();
						if (max != '') {
							if (parseInt(max) < parseInt(value)) {
								error = 1;
							// $('.' + $(this).attr('id')).html('Please enter maximum ' + max);
								$(this).addClass('invalid');
							}
						}
					}
				}
			});
			$("#" + id).find(".email_validate").each(function () {
				var input = $(this).val();
				var pattern = /^\b[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b$/i
				if(!pattern.test(input))
				{
					error = 1;
					//$('.' + $(this).attr('id')).html('invalid email address!');
					$(this).addClass('invalid');
				}
			});

			if ($("#" + id).attr("min")) {
				var min = $("#" + id).attr("min");
				var value = $("#" + id).val();
				if (min != '') {
					if (min > value) {
						error = 1;
						//$('.' + $(this).attr('id')).html('Please enter minimum ' + min + ' value');
						$(this).addClass('invalid');
					}
				}
			}


			if (error == 1)
				return false;
			else
				return true;
	}


	</script>
@endsection