@php
    $supplierKycDocument = isset($suppliersSurveyData->supplier) ? $suppliersSurveyData->supplier->supplierKycData()->orderBy('created_at','desc')->first() : '';
@endphp
<div class="modal fade mobile-header filter-popup join-popup modal-dialog-slideout" id="supplier-kyc-modal" 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">
					<span aria-hidden="true">
						<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>Supplier KYC documents</h2>
						</div>
					</div>
				</div>
				@if($supplierKycDocument != '')
					<input type="hidden" value="{{$supplierKycDocument->id}}" id="supplierkycDocumentId">
					<div class="form-group mt-4">
						<select class="form-control edit-input edit-select" id="">
							<option value="{{$supplierKycDocument->doc_1_name}}" selected>{{$supplierKycDocument->doc_1_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="{{$supplierKycDocument->doc_1_no}}">
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<input type="date" class="form-control edit-input" value="{{$supplierKycDocument->doc_1_expiry_date}}">
							</div>
						</div>
					</div>

					<div class="row">
						@if(!empty(@$supplierKycDocument->doc_file_1))
						@foreach(@$supplierKycDocument->doc_file_1 as $file)
					
						<div class="col-md-3 col-4" id="">
							<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">
						<select class="form-control edit-input edit-select">
							<option value="{{$supplierKycDocument->doc_2_name}}">{{$supplierKycDocument->doc_2_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="{{$supplierKycDocument->doc_2_no}}" placeholder="">
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<input type="date" class="form-control edit-input" value="{{$supplierKycDocument->doc_2_expiry_date}}">
							</div>
						</div>
					</div>

					<div class="row">
						@if(!empty(@$supplierKycDocument->doc_file_2))
						@foreach(@$supplierKycDocument->doc_file_2 as $file)
						<div class="col-md-3 col-4" id="">
							<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">
						<select class="form-control edit-input edit-select">
							<option value="{{$supplierKycDocument->doc_3_name}}">{{$supplierKycDocument->doc_3_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="{{$supplierKycDocument->doc_3_no}}" placeholder="">
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<input type="date" class="form-control edit-input" value="{{$supplierKycDocument->doc_3_expiry_date}}">
							</div>
						</div>
					</div>

					<div class="row">
						@if(!empty(@$supplierKycDocument->doc_file_3))
						@foreach(@$supplierKycDocument->doc_file_3 as $file)
						<div class="col-md-3 col-4" id="">
							<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">
						<select class="form-control edit-input edit-select">
							<option value="{{$supplierKycDocument->doc_4_name}}">{{$supplierKycDocument->doc_4_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="{{$supplierKycDocument->doc_4_no}}" placeholder="">
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<input type="date" class="form-control edit-input" value="{{$supplierKycDocument->doc_4_expiry_date}}">
							</div>
						</div>
					</div>

					<div class="row">
						@if(!empty(@$supplierKycDocument->doc_file_4))
						@foreach(@$supplierKycDocument->doc_file_4 as $file)
						<div class="col-md-3 col-4" id="">
							<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">
						<select class="form-control edit-input edit-select">
							<option value="{{$supplierKycDocument->doc_5_name}}">{{$supplierKycDocument->doc_5_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="{{$supplierKycDocument->doc_5_no}}" placeholder="">
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<input type="date" class="form-control edit-input" value="{{$supplierKycDocument->doc_5_expiry_date}}">
							</div>
						</div>
					</div>

					<div class="row">
						@if(!empty(@$supplierKycDocument->doc_file_5))
						@foreach(@$supplierKycDocument->doc_file_5 as $file)
						<div class="col-md-3 col-4" id="">
							<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">
						<select class="form-control edit-input edit-select">
							<option value="{{$supplierKycDocument->doc_6_name}}">{{$supplierKycDocument->doc_6_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="{{$supplierKycDocument->doc_6_no}}" placeholder="">
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<input type="date" class="form-control edit-input" value="{{$supplierKycDocument->doc_6_expiry_date}}">
							</div>
						</div>
					</div>

					<div class="row">
						
						@if(!empty(@$supplierKycDocument->doc_file_6))
						@foreach(@$supplierKycDocument->doc_file_6 as $file)

						<div class="col-md-3 col-4" id="">
							<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="row mt-sm-5 mt-3">
						<div class="col-md-12">
							<div class="form-group">
								<label class="edit-label">Remark</label>
								<textarea class="form-control edit-input" id="supplierKycRemarks" rows="3" placeholder="Write...">{{$suppliersSurveyData->supplier->kyc_remarks}}</textarea>
							</div>
						</div>
					</div>

					@if($suppliersSurveyData->supplier->kyc_status == 'applied')
					<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" onclick="actionOnSupplierKyc('verified',{{$supplierKycDocument->supplier_id}})">Verify</button>
						</div>
						<div class="col-md-6">
							<button class="btn reject-btn btn-block" type="button" style="color:white" onclick="actionOnSupplierKyc('rejected',{{$supplierKycDocument->supplier_id}})">Reject</button>
						</div>
					</div>
					@endif
				@else
					<h6 class="text-center mt-4" style="color:red;">No Documents are found!</h4>
				@endif
		</div>
	</div> 
</div>