@php
	$projectDetails = $projectDetails->farmerMaster ? $projectDetails->farmerMaster : $projectDetails;
@endphp
<div class="modal fade mobile-header filter-popup join-popup modal-dialog-slideout" id="farmer-kyc-approve" tabindex="-1"
	role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header pb-0 mobile-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close" id="farmerKycModalDismiss">
					<span aria-hidden="true">
						<!-- &times; -->
						<img src="{{asset('assets/img/dash-cross.svg')}}" class="cross-dash" alt="">
					</span>
				</button>
			</div>
			<div class="modal-body pt-0">
				<div class="row align-items-center mt-2">
					<div class="col-md-12">
						<div class="pop-head">
							<h2>KYC documents</h2>
						</div>
					</div>
				</div>
				
				<label class="edit-label mt-sm-4 mt-3">Photograph</label>
				<div class="kyc-userpic">
					<img src="{{@$projectDetails->farmerDocuments->profile_pic}}" onerror="this.src='/assets/img/user-default.jpg'" alt="" id="project-farmer-photo">
				</div>


				<div class="form-group mt-4">
					<label class="edit-label">Address Proof</label>
					<select class="form-control edit-input edit-select" id="address-proof">
						<option>Select</option>
						<option value="{{@$projectDetails->farmerDocuments->doc_type}}" selected>{{@$projectDetails->farmerDocuments->doc_type}}</option>
					</select>
				</div>

				<div class="row">
					<div class="col-md-6">
						<div class="form-group">
							<input type="text" class="form-control edit-input" value="{{@$projectDetails->farmerDocuments->doc_type_no}}" placeholder="" id="doc-type-no">
						</div>
					</div>
					<div class="col-md-6">
						<div class="form-group">
							<input type="date" class="form-control edit-input" value="{{@$projectDetails->farmerDocuments->doc_type_expiry_date}}" placeholder="" id="doc-type-expiry-date">
						</div>
					</div>
				</div>
				<div class="row">
					@if(!empty(@$projectDetails->farmerDocuments->document_files))
					@foreach(@$projectDetails->farmerDocuments->document_files as $file)
					<div class="col-md-3 col-4" id="address-docs-images">
						<div class="documents-box">
							@if(strtolower(trim($file->mime_type)) === 'application/pdf')
							<a href="{{$file->original_url}}" target="_blank">
								<img src="{{asset('assets/img/PDF_file_icon.png')}}" class="document-img" alt="">
							</a>
							@else
							<a href="{{$file->original_url}}" target="_blank">
								<img src="{{$file->original_url}}" class="document-img" alt="">
							</a>
							@endif
						</div>
					</div>
					@endforeach
					@endif
				</div> 

				<div class="form-group mt-sm-5 mt-3">
					<label class="edit-label">ID Proof</label>
					<select class="form-control edit-input edit-select" id="id-proof">
						<option>Select</option>
						<option value="{{@$projectDetails->farmerDocuments->doc_name}}" selected>{{@$projectDetails->farmerDocuments->doc_name}}</option>

					</select>
				</div>

				<div class="row">
					<div class="col-md-6">
						<div class="form-group">
							<input type="text" class="form-control edit-input" value="{{@$projectDetails->farmerDocuments->doc_no}}" placeholder="" id="doc-no">
						</div>
					</div>
					<div class="col-md-6">
						<div class="form-group">
							<input type="date" class="form-control edit-input" value="{{@$projectDetails->farmerDocuments->doc_expiry_date}}" placeholder="" id="doc-expiry-date">
						</div>
					</div>
				</div>

				<div class="row">
					@if(!empty(@$projectDetails->farmerDocuments->document_type_files))
					@foreach(@$projectDetails->farmerDocuments->document_type_files as $file)
					<div class="col-md-3 col-4" id="id-proof-images">
						<div class="documents-box">

							@if(strtolower(trim($file->mime_type)) === 'application/pdf')
							<a href="{{$file->original_url}}" target="_blank">
								<img src="{{asset('assets/img/PDF_file_icon.png')}}" class="document-img" alt="">
							</a>
							@else
							<a href="{{$file->original_url}}" target="_blank">
								<img src="{{$file->original_url}}" class="document-img" alt="">
							</a>
							@endif
						</div>
					</div>
					@endforeach
					@endif

					@if($projectDetails->kyc_status == 'rejected')
					<div class="col-md-12">
						<div class="form-group">
							<label class="edit-label">Remark</label>
							<textarea class="form-control edit-input" rows="3" placeholder="Write...">{{$projectDetails->kyc_remarks}}</textarea>
						</div>
					</div>
					@endif
				</div>
				
                @if($projectDetails->kyc_status != 'verified' && $projectDetails->kyc_status != 'rejected' && $projectDetails->kyc_status != 'expired')
					<div class="row mt-2 justify-content-center pb-sm-4"> 
						<div class="col-md-6">
							<button class="btn save-btn btn-block" type="button"><a style="color:white" id="sendNotificationBtn" href={{'/farmers/farmer-assigned-details/'.$projectDetails->id.'/verify'}}>Verify</a></button>
						</div>
						<div class="col-md-6">
							<button class="btn reject-btn btn-block" type="button" style="color:white" onclick="showKycRejectModal({{$projectDetails->id}})">Reject</button>
						</div>
					</div>
                @endif
				
			</div>
		</div>
	</div>
</div>