@extends('dashboard/layout.app')
@section('title','BettrAi | Patient Enrollment') 
@section('content')
<div class="d-flex flex-column-fluid">
	<div class="container">
		<div class="card card-custom">
			<div class="card-header">
				<div class="card-title">
					<h3 class="card-label">Step-1</h3>
				</div>
			</div>
			
			<div class="card-body">
				@if(isset($errorMessage))
				    <div class="alert alert-danger">
				        {{ $errorMessage }}
				    </div>
				@endif
				<h6>Import products by CSV</h6>
				<div class="row">
					<div class="col-lg-12">
						<p class="">
							<a href="{{ URL::to('/') }}/downloadCsv">Download BettrAi ADT template</a> to fill the Patient Enrollment data.
						</p>
					</div>
					<div class="col-lg-12">
						<p><strong>Note: </strong>Please make sure to add date formats like mm/dd/yyyy or mm-dd-yyyy while importing data </p>
					</div>
				</div>
				<form action="{{ URL::to('/importPatientsStepTwo') }}" name="step_two_form" id="step_two_form" method="post" enctype="multipart/form-data">			
					@csrf
					<div class="row">
						
							<div class="form-group col-lg-8 mt-10">
								<label>File upload</label>
								<div></div>
								<div class="custom-file">
									<input type="file"  class="custom-file-input" id="csv_file" name="csv_file" required="required" > <label
										class="custom-file-label" for="customFile" >Choose file</label>
								</div>
							</div>					
					</div>
				</form>
			</div>
			<div class="card-footer">
				<button type="button" class="btn btn-primary mr-2" onclick="uploadDocument()">Next</button>
				<a href="{{ URL::to('/') }}/getEnrollmentPatientsList" class="btn btn-danger showloader" >Cancel</a>
			</div>
			
		</div>		
	</div>
</div>
<div id="divLoading" class="tabloadershow"></div>
<script>
$(document).ready(function() {
	$(".tabloadershow").hide();
});
function uploadDocument(){
	
	var csv_file = $('#csv_file').val();

	if(csv_file == ''){		
		swal('Please, select a file!');
	}else{
	    var fileInput = document.getElementById('csv_file');
	    var filePath = fileInput.value;
	    var allowedExtensions = /(\.xlsx|\.xls|\.csv)$/i;
	    
	    if(!allowedExtensions.exec(filePath)){
	        swal('Please upload file having extensions .xlsx/.xls/.csv only.');
	        fileInput.value = '';
	        return false;
	    }else{
			
			$('.tabloadershow').show();
			$('#step_two_form').submit();
	    }
	}
}
$('.showloader').on('click',function(){

	$('.tabloadershow').show();		
});
</script>
@endsection