@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-2 - Match Fields</h3>
				</div>
			</div>
			<div class="card-body ">
			@if(isset($errorMessage))
			    <div class="alert alert-danger">
			        {{ $errorMessage }}
			    </div>
			@endif
				<div class="row">
					<p>The drop-down menus below will now already have a selection made if we were able to match a field from your.csv file with a field in the Functional BettrAi program. You can alter each one by selecting a different value from any of the drop-down menus. Choose the blank option from the drop-down list to disregard a field.</p>
					<p>After making any necessary adjustments, click Next to finish the import.</p>		
					
						
				</div>
				<div class="row">
				<form class="form-horizontal" id="match_fields_form" name="match_fields_form" method="POST" action="{{ URL::to('/import_process') }}">				
                            {{ csrf_field() }}
                            <input type="hidden" name="csv_data_file_id" value="{{ isset($lastId) ? $lastId : NULL }}" />				
					<div class="form-group col-lg-6 mt-10">
						<table class="table table-bordered mb-6">
							<tbody>
								<tr>
									<td width="330px"><h6>BettrAi Fields</h6></td>
									<td width="770px"><h6>Match Fields</h6></td>
								</tr>
								@if (isset($csv_headings))                                
                                    @foreach ($csv_headings as $key=>$value) 
									
                                    <tr>
                                        <td width="230px"> 
																				</td>
                                        <td width="870px">
                                        	<select name="fields[{{ $key }}]" class="form-control">
                                        		<option value="">Select One</option>
                                                @foreach ($csv_header_fields as $k=>$v)
												                                                  <option value="{{ $v }}"  selected="selected" >
												  													
													{{ str_replace(' Optional','',str_replace('_', ' ', ucwords($v, '_'))) }}
												                                                    </option>                                                    
                                                @endforeach
                                            </select> 
                                         </td>
                                    </tr>
                                    @endforeach
                                @endif
                                
							</tbody>
						</table>


					</div>
					</form>
				</div>
				
			</div>
			<div class="card-footer">
				<button type="Submit" class="btn btn-primary mr-2" onclick="saveData()">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 type="text/javascript">
$(document).ready(function() {
	$(".tabloadershow").hide();
});
function saveData(){
	$('.tabloadershow').show();		
	$('#match_fields_form').submit();
}
$('.showloader').on('click',function(){

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