@extends('layouts.client_template')
@section('content')
<aside class="page_content_wrapper">
	<div class="page_content_inner">
        @include('layouts.client_assign_manager')
        <h2 class="page_title">Compliance</h2>
		<div class="flash-message">
			@foreach (['danger', 'warning', 'success', 'info'] as $msg)
			@if(Session::has('alert-' . $msg))
			<div class="alert alert-{{ $msg }} alert-dismissible fade show" role="alert">
				<strong>{{ ucfirst(($msg == 'danger') ? "Error" : $msg) }}!</strong> {{ Session::get('alert-' . $msg) }}
				<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
			</div>
			@endif
			@endforeach
		</div>
        <div class="regulation_wrapper">
			@if($checkpoa == '0' || $checkpoi == '0')
			<div class="regulation_title">
				<h4>Verify your identity</h4>
			<a href="#" class="back_button"><img src="{{ asset('/newdesign/images/back.svg') }}" alt=""></a> </div>
			<div class="white_box_part">
				<form method="post" action="{{url('client/kyc/uploaddocumentstore')}}" enctype="multipart/form-data">
					@csrf
					@if($checkpoa == '0')
					<p class="mb15 text_16 fw_500 text-center">Full legal name</p>
					<div class="row d-flex justify-content-center pb-2">
						<div class="col-sm-9 col-ms-7 col-lg-5">
							<div class="form_group">
								<input name="full_legal_name" id="full_legal_name" type="text" class="form-control large @error('full_legal_name') is-invalid @enderror" placeholder="Full Legal Name" value="{{auth()->user()->name}}">
								@error('full_legal_name')
								<div class="invalid-feedback">
									<small>{{ $message }}</small>
								</div>
								@enderror
							</div>
						</div>
					</div>
					<p class="mb15 text_16 fw_500 text-center">Proof of Address</p>
					<div class="mb15">
						<div class="radio_wrapper @error('poa_doc_type') is-invalid @enderror">
							<div class="form-check">
								<input class="form-check-input" type="radio" name="poa_doc_type" id="Bankstatement" value="Bank Statement" {{ old('poa_doc_type') == 'Bank Statement' ? 'checked' : '' }}>
								<label class="form-check-label" for="Bankstatement">Bank Statement</label>
							</div>
							<div class="form-check">
								<input class="form-check-input" type="radio" name="poa_doc_type" id="Utilitybill" value="Utility Bill" {{ old('poa_doc_type') == 'Utility Bill' ? 'checked' : '' }}>
								<label class="form-check-label" for="Utilitybill">Utility Bill</label>
							</div>
							<div class="form-check">
								<input class="form-check-input" type="radio" name="poa_doc_type" id="Insurancestatement" value="Insurance Statement" {{ old('poa_doc_type') == 'Insurance Statement' ? 'checked' : '' }}>
								<label class="form-check-label" for="Insurancestatement">Insurance Statement</label>
							</div>
							<div class="form-check">
								<input class="form-check-input" type="radio" name="poa_doc_type" id="poaOthers" value="Others" {{ old('poa_doc_type') == 'Others' ? 'checked' : '' }}>
								<label class="form-check-label" for="poaOthers">Others</label>
							</div>
						</div>
						@error('poa_doc_type')
							<div class="invalid-feedback">
								<small>{{ $message }}</small>
							</div>
						@enderror
					</div>
					<div class="documentboxWrap">
						<div class="button_group d-flex align-items-center justify-content-center g-4 @error('poa') is-invalid @enderror">
							<button class="btn_icon_grey" type="button"><img src="{{ asset('/newdesign/images/upload.svg') }}" alt=""> Upload a document</button>
							<input type="file" name="poa" id="poadocname" class="upload-input" accept="image/jpg, image/jpeg, image/png, application/pdf">
						</div>
						<p class="poadocname"></p>
						@error('poa')
						<div class="invalid-feedback">
							<small>{{ $message }}</small>
						</div>
						@enderror
					</div>
					<hr>
					@endif
					@if($checkpoi == '0')
					<p class="mb15 text_16 fw_500 text-center">Proof of Identity</p>
					<div class="mb15">
						<div class="radio_wrapper @error('poi_doc_type') is-invalid @enderror">
							<div class="form-check">
								<input class="form-check-input" type="radio" name="poi_doc_type" id="Passport" value="Passport" {{ old('poi_doc_type') == 'Passport' ? 'checked' : '' }}>
								<label class="form-check-label" for="Passport">Passport</label>
							</div>
							<div class="form-check">
								<input class="form-check-input" type="radio" name="poi_doc_type" id="License" value="License" {{ old('poi_doc_type') == 'License' ? 'checked' : '' }}>
								<label class="form-check-label" for="License">Driver’s License</label>
							</div>
							<div class="form-check">
								<input class="form-check-input" type="radio" name="poi_doc_type" id="poiOthers" value="Others" {{ old('poi_doc_type') == 'Others' ? 'checked' : '' }}>
								<label class="form-check-label" for="poiOthers">Others</label>
							</div>
						</div>
						@error('poi_doc_type')
							<div class="invalid-feedback">
								<small>{{ $message }}</small>
							</div>
						@enderror
					</div>
					<div class="row justify-content-center">
						<div class="col-md-5">
							<div class="form_group">
								<input type="text" name="id_no" id="id_no" class="form-control @error('id_no') is-invalid @enderror" placeholder="ID Number" value="{{ old('id_no') }}">
								@error('id_no')
									<div class="invalid-feedback">
										<small>{{ $message }}</small>
									</div>
								@enderror
							</div>
						</div>
					</div>
					<div class="documentboxWrap">
						<div class="button_group d-flex align-items-center justify-content-center g-4 @error('poi') is-invalid @enderror">
							<button class="btn_icon_grey" type="button"><img src="{{ asset('/newdesign/images/upload.svg') }}" alt=""> Upload a document</button>
							<input type="file" name="poi" class="upload-input" id="poidocname" accept="image/jpg, image/jpeg, image/png, application/pdf">
						</div>
						<p class="poidocname"></p>
						@error('poi')
						<div class="invalid-feedback">
							<small>{{ $message }}</small>
						</div>
						@enderror
					</div>
					@endif
					<div class="text-center mt-4 position-relative">
						<button type="submit" class="btn_secondary" id="submitFormButton">Submit Details <img src="{{ asset('/newdesign/images/right.svg') }}" class="ml10 mr0" alt=""></button>
					</div>
				</form>
			</div>
			@endif
			
			@if(count($documentlists) > 0)
			<hr class="hrmargin0">
			<div class="regulation_title">
				<h4 class="text-start mb-3">Uploaded documents</h4>
				<div class="simple_table_wrap mb-3">
					<div class="table-responsive">
						<table>
							<tbody>
								@foreach($documentlists as $key=>$documentlist)
								<tr>
									<td><p class="text_14 mb-0 fw-bolder">@if($documentlist->document_type == 'poa') Proof of Address @elseif($documentlist->document_type == 'poi') Proof of Identity @endif</p></td>
									<td><p class="text_12 mb-0">{{$documentlist->document_name}}</p></td>
									<td>
										@if($documentlist->extension == 'pdf')
										<a href="{{ asset('/images/'.$documentlist->document_type.'/'.$documentlist->userid.'/'.$documentlist->filename) }}?image={{$documentlist->id}}" data-toggle="lightbox">
											<img src="{{ asset('/img/pdf-icon.png') }}?image={{$documentlist->id}}" height="40px" width="40px">
										</a>
										@else
										<a href="{{ asset('/images/'.$documentlist->document_type.'/'.$documentlist->userid.'/'.$documentlist->filename) }}?image={{$documentlist->id}}" data-toggle="lightbox">
											<img src="{{ asset('/images/'.$documentlist->document_type.'/'.$documentlist->userid.'/'.$documentlist->filename) }}?image={{$documentlist->id}}" height="40px" width="40px">
										</a>
										@endif
									</td>
									<td>
										@if($documentlist->document_type == 'poa')
										<p class="text_extra_light text_10 mb-0">Legal name</p> <span class="text_12 mb-0">{{$documentlist->full_legal_name}}</span>
										@elseif($documentlist->document_type == 'poi')
										<p class="text_extra_light text_10 mb-0">ID number</p> <span class="text_12 mb-0">{{$documentlist->id_no}}</span>
										@endif
									</td>
									<td>
										<div class="text-center">
											<p class="text_extra_light text_10 mb-0">Status</p>
											@if($documentlist->status == "0")
											<span class="d-block text_8 badge badge_light">Pending</span>
											@elseif($documentlist->status == "1")
											<span class="d-block text_8 badge badge_primary">Approved</span>
											@elseif($documentlist->status == "2")
											<span class="d-block text_8 badge badge_secondary">Rejected</span>
											@endif
										</div>
									</td>
									<td><p class="text_extra_light text_10 mb-0">Comment</p> <span class="text_12 mb-0">{{$documentlist->comment}}</span></td>
									<td><p class="text_12 mb-0">{{ date("d/m/Y",strtotime($documentlist->created_at)) }}<br/>{{ date("h:m:s",strtotime($documentlist->created_at)) }}</p></td>
								</tr>
								@endforeach
							</tbody>
						</table>
					</div>
				</div>
			</div>
			@endif
		</div>
	</div>
</aside>
<aside class="right_content_wrapper">
	@include('layouts.client_assign_manager')
	<div class="bank_account_wrap bg_white_box mb-2">
        <h3 class="mb15">Verified Bank account</h3>
		@if(count($bankdetailslists) > 0)
			<div class="slider banklistslider">
				@foreach($bankdetailslists as $key=>$bankdetails)
				<div class="banklistingslider">
					<div class="bank_account_status">
						<div class="img_wrapper">
							<a class="bookbanklight" href="{{ asset('/images/bookbank/'.$bankdetails->userid.'/'.$bankdetails->book_bank) }}?image={{$bankdetails->id}}" data-toggle="lightbox">
								<img src="{{ asset('/images/bookbank/'.$bankdetails->userid.'/'.$bankdetails->book_bank) }}?image={{$bankdetails->id}}">
							</a>
						</div>
						<div class="content_wrapper">
							<ul>
								<li class="text_14 fw_500">Account Name: <span>{{ $bankdetails->account_name }}</span></li>
								<li class="text_14 fw_500">Account No: <span>{{ $bankdetails->account_no }}</span></li>
								<li class="text_14 fw_500">IFSC/Swift Code: <span>{{ $bankdetails->ifsc }}</span></li>
								<li class="text_14 fw_500">Bank Name: <span>{{ $bankdetails->bank_name }}</span></li>
							</ul>
						</div>
						<div class="status_wrapper">
							@if($bankdetails->status == "0")
							<span class="badge badge_light text_12">Pending</span>
							@elseif($bankdetails->status == "1")
							<span class="badge badge_primary text_12">Approved</span>
							@elseif($bankdetails->status == "2")
							<span class="badge bg_secondary text_12">Rejected</span>
							@endif
						</div>
					</div>
				</div>
				@endforeach
			</div>
		@endif
	</div>
	<div class="right_sidebar transaction_wrap bg_white_box">
        <h3>Bank account details</h3>
        <form class="pt-3" method="post" action="{{ url('/client/kyc/bankdetailsstore') }}" enctype="multipart/form-data">
			@csrf
			<div class="row">
				<div class="col-md-6">
					<div class="form_group">
						<label for="account_name" class="form-label">@lang('translate.account_name') <sup>*</sup></label>
						<input type="text" name="account_name" class="form-control @error('account_name') is-invalid @enderror" id="account_name" placeholder="@lang('translate.account_name')" value="{{ old('account_name') }}">
						@error('account_name')
						<div class="invalid-feedback">
							<small>{{ $message }}</small>
						</div>
						@enderror
					</div>
				</div>
				<div class="col-md-6">
					<div class="form_group">
						<label for="account_no" class="form-label">@lang('translate.account_no') <sup>*</sup></label>
						<input type="text" name="account_no" class="form-control @error('account_no') is-invalid @enderror" id="account_no" placeholder="@lang('translate.account_no')" value="{{ old('account_no') }}">
						@error('account_no')
						<div class="invalid-feedback">
							<small>{{ $message }}</small>
						</div>
						@enderror
					</div>
				</div>
				<div class="col-md-6">
					<div class="form_group">
						<label for="ifsc" class="form-label">@lang('translate.ifsc_swift_code') <sup>*</sup></label>
						<input type="text" name="ifsc" class="form-control @error('ifsc') is-invalid @enderror" id="ifsc" placeholder="@lang('translate.ifsc_swift_code')" value="{{ old('ifsc') }}">
						@error('ifsc')
						<div class="invalid-feedback">
							<small>{{ $message }}</small>
						</div>
						@enderror
					</div>
				</div>
				<div class="col-md-6">
					<div class="form_group">
						<label for="iban" class="form-label">@lang('translate.iban_no')</label>
						<input type="text" name="iban" class="form-control" id="iban" placeholder="@lang('translate.iban_no')" value="{{ old('iban') }}">
					</div>
				</div>
				<div class="col-md-6">
					<div class="form_group">
						<label for="bank_name" class="form-label">@lang('translate.bank_name') <sup>*</sup></label>
						<input type="text" name="bank_name" class="form-control @error('bank_name') is-invalid @enderror" id="bank_name" placeholder="@lang('translate.bank_name')" value="{{ old('bank_name') }}">
						@error('bank_name')
						<div class="invalid-feedback">
							<small>{{ $message }}</small>
						</div>
						@enderror
					</div>
				</div>
				<div class="col-md-6">
					<div class="form_group">
						<label for="address" class="form-label">@lang('translate.bank_address')</label>
						<input type="text" name="address" class="form-control" id="address" placeholder="@lang('translate.bank_address')" value="{{ old('address') }}">
					</div>
				</div>
				<div class="col-md-6">
					<div class="form_group">
						<label for="country" class="form-label">@lang('translate.country') <sup>*</sup></label>
						<select name="country" class="select2 form-select @error('country') is-invalid @enderror" id="country" >
							<option value=''>Select country</option>
							@foreach($countrylists as $country)
							<option value='{{ $country->name }}'>{{ $country->name }}</option>
							@endforeach
						</select>
						@error('country')
						<div class="invalid-feedback">
							<small>{{ $message }}</small>
						</div>
						@enderror
					</div>
				</div>
				<div class="col-md-6">
					<div class="form_group">
						<label for="bookbankname" class="form-label">@lang('translate.book_bank') <sup>*</sup></label>
						<div class="documentboxWrap2">
						<div class="button_group d-flex align-items-center justify-content-center g-4 @error('book_bank') is-invalid @enderror">
							<button class="btn_icon_grey" type="button"><img src="{{ asset('/newdesign/images/upload.svg') }}" alt=""> Upload a document</button>
							<input type="file" name="book_bank" class="upload-input2" id="bookbankname" accept="image/jpg, image/jpeg, image/png">
						</div>
						<p class="bookbankname"></p>
						@error('book_bank')
						<div class="invalid-feedback">
							<small>{{ $message }}</small>
						</div>
						@enderror
					</div>
					</div>
				</div>
			</div>
			<div class="text-center mt-4 position-relative">
				<button type="submit" class="btn_secondary" id="submitFormButton">Submit Details <img src="{{ asset('/newdesign/images/right.svg') }}" class="ml10 mr0" alt=""></button>
			</div>
		</form>
	</div>
</aside>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick-theme.min.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.js"></script>
<script>
$('#poidocname').change(function() {
  var poidocname = $('#poidocname')[0].files[0].name;
  $('.poidocname').text(poidocname);
});
$('#poadocname').change(function() {
  var poadocname = $('#poadocname')[0].files[0].name;
  $('.poadocname').text(poadocname);
});
$('#bookbankname').change(function() {
  var bookbankname = $('#bookbankname')[0].files[0].name;
  $('.bookbankname').text(bookbankname);
});
$('.banklistslider').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    asNavFor: '.slider-for',
    dots: false,
    arrows: false,
    autoplay: true,
    autoplaySpeed: 5000,
    focusOnSelect: true
});
</script>
@endsection