@extends('frontend.frontMaster')
@section('content')
<section>
	<div class="container">
		<div class="row ">
			<div class="col-lg-12  col-md-12  col-sm-12 col-12">
				<div class="row dash_pd">
					<div class="col-lg-4 col-md-4 col-sm-12 col-12 form_txt text-center text-sign">
						<h3>Creating your account only takes a few seconds.</h3>
						<p>Let's start with some basic info.</p>
					</div>
					<div class="col-lg-8 col-md-8 col-sm-12 col-12">
						<form method="post" id="msform">
							<ul id="progressbar">
								<li class="active">Create Account </li>
								<li>Add Profile </li>
								<li>Credit Report </li>
							</ul>
							<fieldset>
								<div class="row">
									<div class="form-group col-md-6 text-left">
								      	<label class="label_txt" for=" First Name">FIRST NAME</label>
								      	<input type="text" class="form-control" id="first_name" placeholder="Enter first name" name="first_name" value="{{old('first_name')}}">
								      	<span id="errFn" style="color: red;"></span>
								    </div>
								    <div class="form-group col-md-6 text-left">
								      	<label class="label_txt" for="Last Name">LAST NAME</label>
								      	<input type="text" class="form-control" id="last_name" placeholder="Enter Last Name" name="last_name" value="{{old('last_name')}}">
								      	<span id="errLn" style="color: red;"></span>
								    </div>
								</div>
							    <div class="form-group col-md-12 text-left P0">
							      	<label class="label_txt" for="email">Email</label>
							      	<input type="email" class="form-control" id="email" placeholder="Enter email" name="email" value="{{old('email')}}">
							      	<span id="errMail" style="color: red;"></span>
							    </div>
							    <div class="form-group col-md-12 text-left P0">
							    	<label class="label_txt" for="email">Create password</label>
							    	<div class="input-group">
									  	<input type="password" class="form-control" placeholder="Create password" aria-label="Create password" aria-describedby="basic-addon2" name="password" id="password">
									  	<div class="input-group-append">
									    	<span class="input-group-text" id="basic-addon2">?</span>
									  	</div>
									</div>
									<span id="errPass" style="color: red;"></span>
								</div>
							    <div class="form-group form-check text-left">
						        	<input class="form-check-input" type="checkbox" name="remember"> 
						        	<label class="form-check-label label_txt">I agree to all <a href="{{url('/')}}" class="ahref_btn">Fix Your Credit terms and conditions.</a></label><br>
						        	<span id="errCh" style="color: red;"></span>
							    </div>
							    <div class="col-md-12  P0">
							    	<input type="button" name="next" id="next1" class="next action-button" value="Next" />
							    </div>
							</fieldset>
							<fieldset>
								<div class="form-group col-md-12 text-left P0">
							      	<label class="label_txt" for="Address">First Line of Address</label>
							      	<input type="text" class="form-control" id="address" placeholder="Enter First line of Address" name="address" value="{{old('address')}}">
							      	<span id="errAdd" style="color: red;"></span>
							    </div>
							    <div class="row">
								    <div class="form-group col-md-6 text-left">
								      	<label class="label_txt" for="state">State</label>
								      	<select class="form-control select2" id="state" name="state">
									        <option value="">Please Select</option>
									        @foreach($state as $value)
									        <option value="{{$value->state_code}}">{{$value->state}}</option>
									        @endforeach
									    </select>
									    <span id="errState" style="color: red;"></span>
								    </div>
									<div class="form-group col-md-6 text-left">
								      	<label class="label_txt" for="City">City</label>
								      	<select class="form-control select2" id="city" name="city">
									        <option value="">Please Select</option>
									    </select>
									    <span id="errCity" style="color: red;"></span>
								    </div>
								</div>
								<div class="row">
								    <div class="form-group col-md-6 text-left">
								      	<label class="label_txt" for="Phone">Phone Number</label>
								      	<input type="number" class="form-control" id="phone" placeholder="Enter Phone Number" name="phone" onkeydown="if(this.value.length==10 && event.keyCode!=8 && event.keyCode!=9) return false;" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');">
								      	<span id="errPh" style="color: red;"></span>
								    </div>
								    <div class="form-group col-md-6 text-left ">
								      	<label class="label_txt" for="Zip">Zip</label>
								      	<input type="number" class="form-control" id="zip" placeholder="Enter Zip" name="zip" onkeydown="if(this.value.length==5 && event.keyCode!=8 && event.keyCode!=9) return false;" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');">
								      	<span id="errZip" style="color: red;"></span>
								    </div>
								</div>
								<div class="col-md-12  P0">
									<input type="button" name="previous" class="previous action-button" value="Previous"/>
									<input type="button" name="next" id="next2" class="next action-button" value="Next"/>
								</div>
							</fieldset>
						</form>
					</div>
				</div>
			</div>			
	</div>
</section>
<script src="{{url('/')}}/accets/frontend/js/register.js"></script>
@endsection