@include('header')

<?php if(Session::has('f_user_login')){
	if(Session::get('f_user_login') != 1){ ?>
		<script>window.location.href = "{{ url('/') }}/register";</script>';
		<?php exit();
	}
}else{ ?>
	<script>window.location.href = "{{ url('/') }}/register";</script>';
	<?php exit();
} ?>

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

<script>
	var doc_ajax = "{{ url('/') }}/verify_doc_upload";
</script>
<script src="{{ url('/') }}/js/validation-page.js"></script>

<!-- Validation page html start -->
<section class="validation-banner-wapper">
	<input type="hidden" id="cur_u_id" value="<?php echo $user['user_id']; ?>">
	<div class="container w-1280">
		<div class="validation-banner-card">
			<h1><?php echo $page->extras['first_section_title']; ?></h1>
			<p><?php echo $page->extras['first_section_content']; ?></p>
		</div>
		<div class="validation-main-wapper">
			<div class="validation-main-left">
				<div class="validation-main-title">
					<h3>Only following forms of proof are acceptable:</h3>
				</div>
				<ul class="req-docs">
					<li class="bar_card"><img src="{{ url('/') }}/img/check-round.svg" alt="">Bar Card</li>
					<li class="law_licence"><img src="{{ url('/') }}/img/check-round.svg" alt="">Law license</li>
					<li class="letter_of_gs"><img src="{{ url('/') }}/img/check-round.svg" alt="">Letter of good standing</li>
					<li class="court_access_card"><img src="{{ url('/') }}/img/check-round.svg" alt="">Courtroom access card</li>
					<li class="doc_att_of_rec"><img src="{{ url('/') }}/img/check-round.svg" alt="">Documentation from a court addressing you as attorney of 
					record</li>
				</ul>
			</div>
			<div class="validation-main-right">
				<div class="validation-file-upload">
					<input type="file" id="open_upload_btn" >
					<img class="upload_field" src="{{ url('/') }}/img/file-upload-icon.svg" alt="">
					<span class="upload_field">Choose File</span>
				</div>
			</div>
		</div>
		<div class="uploaded_files">
			<span class="bar_card file_name" style="display: none;"></span>
			<span class="law_licence file_name" style="display: none;"></span>
			<span class="letter_of_gs file_name" style="display: none;"></span>
			<span class="court_access_card file_name" style="display: none;"></span>
			<span class="doc_att_of_rec file_name" style="display: none;"></span>
		</div>
		<div class="validation-submit-btn">
			<button id="verify_submit">Verify</button>
		</div>
	</div>
	<div class="floading">Loading&#8230;</div>
	<div id="snackbar"></div>
</section>
<!-- Validation page html end -->

<!-- Upload modal popup html start -->
<div class="modal fade" id="document_upload_model" tabindex="-1">
	<div class="modal-dialog modal-dialog-centered">
		<div class="modal-content">
			<div class="modal-body">
				<div class="fyp-form-modal">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<img src="{{ url('/') }}/img/close-icon.svg" alt="">
					</button>
					<h2>Upload Your Documents</h2>
				</div>
				<form method="post" action="" class="doc_upload_form">
					<div>
						<div class="form-group">
							<input class="form-check-input" type="checkbox" id="bar_card_chk" dt="Bar Card">
							<label class="form-check-label" for="bar_card_chk">Bar Card</label>
						</div>
						<div class="form-group v_file_select">
							<input type="file" id="bar_card" name="bar_card">
						</div>
					</div>

					<div>
						<div class="form-group">
							<input class="form-check-input" type="checkbox" id="law_licence_chk" dt="Law license">
							<label class="form-check-label" for="law_licence_chk">Law license</label>
						</div>
						<div class="form-group v_file_select">
							<input type="file" id="law_licence" name="law_licence">
						</div>
					</div>

					<div>
						<div class="form-group">
							<input class="form-check-input" type="checkbox" id="let_of_gs_chk" dt="Letter of good standing">
							<label class="form-check-label" for="let_of_gs_chk">Letter of good standing</label>
						</div>
						<div class="form-group v_file_select">
							<input type="file" id="letter_of_gs" name="letter_of_gs">
						</div>
					</div>

					<div>
						<div class="form-group">
							<input class="form-check-input" type="checkbox" id="court_access_card_chk" dt="Courtroom access card">
							<label class="form-check-label" for="court_access_card_chk">Courtroom access card</label>
						</div>
						<div class="form-group v_file_select">
							<input type="file" id="court_access_card" name="court_access_card">
						</div>
					</div>

					<div>
						<div class="form-group">
							<input class="form-check-input" type="checkbox" id="doc_att_of_rec_chk" dt="Documentation from a court addressing you as attorney of record">
							<label class="form-check-label" for="doc_att_of_rec_chk">Documentation from a court addressing you as attorney of record</label>
						</div>
						<div class="form-group v_file_select">
							<input type="file" id="doc_att_of_rec" name="doc_att_of_rec">
						</div>
					</div>

					<div class="validation-submit-btn">
						<button id="doc_upload">Upload</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<!-- Upload popup html end -->


@include('footer')