@include('header')

<?php if(Session::has('f_user_login')){
	if(Session::get('f_user_login') == 1){ ?>
		<script>window.location.href = "{{ url('/') }}/my-account";</script>';
	<?php }
} ?>

<link rel="stylesheet" type="text/css" href="{{ url('/') }}/css/register-page.css">

<script>
	var user_register = "{{ url('/') }}/user_register";
</script>
<script src="{{ url('/') }}/js/register-page.js"></script>

<!-- banner section start -->
<section class="banner-section-wapper">
	<div class="container w-1280">
		<div class="banner-main-wapper">
			<div class="listing-title">
				<h1><span><?php echo $page->title; ?></span></h1>
				<p><?php echo $page->extras['title_bottom_content']; ?></p>
			</div>
			<div class="register-btn-wapper">
				<a href="{{ url('/') }}/lawyer-register" class="lawyer-get-listed-btn">Get Listed as a Lawyer</a>
				<a href="javascript:void(0)" class="claim-your-profile-btn">Claim Your Profile as a Lawyer</a>
				<a href="javascript:void(0)" class="not-register-btn modal-form-a" data-target="#sing-up-form-modal">Register to Hire Legal Help</a>
			</div>
		</div>
	</div>
</section>
<!-- banner section end -->

<!--  Why Claim Your Free Profile html start -->
<section class="free-profile-wapper">
	<div class="container w-1280">
		<div class="free-profile-title">
			<h2><?php echo $page->extras['section_2_title']; ?></h2>
		</div>
		<div class="row">
			<?php 
			$sec_2_points = $page->extras['section_2_points']; 
			if (!empty($sec_2_points)) { 
				foreach($sec_2_points as $s2_p){ ?>
					<div class="col-12 col-md-6 col-lg-3 mb-4 mb-lg-0">
						<div class="free-profile-card">
							<div class="free-profile-icon">
								<img src="<?php echo $s2_p['sec_2_point_img']; ?>" alt="">
							</div>
							<div class="free-profile-text">
								<h3><?php echo $s2_p['sec_2_point_title']; ?></h3>
								<p><?php echo $s2_p['sec_2_point_details']; ?></p>
							</div>
						</div>
					</div>
				<?php } 
			} ?>
		</div>
	</div>
</section>
<!--  Why Claim Your Free Profile html end -->

<!-- Sing up modal popup html start -->
<div class="modal fade sing-up-form-modal-wapper modal-show-wapper" id="sing-up-form-modal" tabindex="-1">
	<div class="modal-dialog modal-dialog-centered">
		<div class="modal-content">
			<div class="modal-body">
				<div class="sing-up-form-modal">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<img src="{{ url('/') }}/img/close-icon.svg" alt="">
					</button>
					<h2>Register</h2>
				</div>
				<form method="post" action="" id="f_user_form" class="sing-up-form-main">
					<div class="form-group">
						<input type="text" id="user_name" name="user_name" placeholder="Your Name">
						<span class="err"></span>
					</div>
					<div class="form-group">
						<input type="email" id="user_email" name="user_email" placeholder="Your Email">
						<span class="err"></span>
					</div>
					<div class="form-group">
						<input type="password" id="user_password" name="user_password" placeholder="Password">
						<span class="err"></span>
						<span class="login-addon2">
							<img id="user_pass_view" src="{{ url('/') }}/img/password-view-eye.svg" alt="">
						</span>
					</div>
					<div class="sing-up-btn-w">
						<button type="submit" id="user_submit">Create an account</button>
					</div>

					<div class="form_res">
						<img id="form_loading" src="{{ url('/') }}/img/loading.gif">
						<div id="user_form_message"></div>
					</div>
				</form>
				<p>or</p>
				<div class="sing-up-with-btn">
					<a href="{{ route('google.redirect') }}"><img src="{{ url('/') }}/img/sign-up-google-icon.svg" alt="">Sign
					Up with the Google</a>
					<!-- <a href="#"><img src="{{ url('/') }}/img/sign-up-facebook.svg" alt="">Sign Up
					with the Facebook</a> -->
					<a href="{{ route('linkedin.redirect') }}"><img src="{{ url('/') }}/img/sign-up-linkedIn.svg" alt="">Sign Up
					with the Linkedin</a>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Sing up modal popup html end -->

@include('footer')