@extends('layouts.frontend')

@section('title')
   @lang('frontend.reports')
@endsection
 
 @section('vendor_css')
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_frontend/app-assets/vendors/css/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_frontend/app-assets/vendors/css/forms/selects/select2.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_frontend/app-assets/vendors/css/forms/selects/select2.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_frontend/app-assets/vendors/css/dropzone/basic.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_frontend/app-assets/vendors/css/dropzone/dropzone.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_frontend/app-assets/vendors/css/datatables/datatables.min.css') }}">
 
@endsection
 
@section('custom_css')
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_frontend/app-assets/vendors/css/forms/selects/select2.rtl.css') }}">
@endsection

@section('content')  
<div class="row mt-5 small_width page_header">
	<div class="col-12 col-md-12 col-lg-12">
		<h2 class="title mr-2">@lang('frontend.reports')</h2> 
		<a class="href-button blue float-right" href="{{ route('frontend-add-report') }}">
	       <svg class='float-left mr-2' id='add'><use xlink:href="{{ URL('/temp_frontend/assets/fonts/icons.svg#add') }}"></use></svg> 
	       <label> @lang('frontend.add_report')  </label>
	     </a> 
    </div>
</div> 

<div class="row mt-3 small_width ">
	<div class="col-12 col-md-12 col-lg-12">
 		<div class="card pt-2 pb-2 ">  
	        <div class="card-body">   
                <div class="card-block"> 
					<form class="form-horizontal" id='report-frm' method="POST" action="{{ route('frontend-reports-patient') }}" enctype="multipart/form-data">
                    <div class="row">
                         <div class="col-12 col-md-4 col-lg-4">
                            <fieldset class="form-group form-group{{ $errors->has('patient') ? ' has-error' : '' }}">
                                <label for="patient">@lang('frontend.patient_name')</label>
                                <select name="patient" id='patient' class="select2 form-control" onchange="$('#report-frm').submit();" required>
                                    <option value="">@lang('frontend.chose')</option>
                                    @foreach ($patients as $patient)
                                        <option {{ (isset($patient_id) and $patient_id ==$patient->id ) ? 'selected' : '' }} value="{{ $patient->id }}">{{ $patient->name }}</option>
                                    @endforeach
                                </select>
                            </fieldset>
                        </div> 
                    </div> 
		                {{ csrf_field() }} 
 			</form>


                    
            @if(isset($patient_id))
             	<div class="row">
                     <div class="col-12 col-md-12 col-lg-12">
                     	<ul class="nav nav-tabs">
						  <li class="nav-item">
						    <a class="nav-link active" id="history" onclick="$('.nav-link').removeClass('active');$(this).addClass('active');$('.nav-div').hide();$('.history').show();return false;" href="#">History</a>
						  </li>
						  <li class="nav-item">
						    <a class="nav-link " id='follow-up' onclick="$('.nav-link').removeClass('active');$(this).addClass('active');$('.nav-div').hide();$('.follow-up').show();return false;" href="#">Follow Up</a>
						  </li> 
						  <li class="nav-item">
						    <a class="nav-link " id='follow-up' onclick="$('.nav-link').removeClass('active');$(this).addClass('active');$('.nav-div').hide();$('.upload').show();return false;" href="#">Uploaded Files</a>
						  </li> 
						</ul> 
                    </div>
                </div>  

    			<ul class="pl-3 pb-3 report-list border-left border-bottom  border-right pr-3">
    				<div class="history nav-div">
    				@if(isset($history))
                    <div class="row">
                         <div class="col-12 col-md-4 col-lg-4 mb-2 mt-3">
                         	<li class="float-left ml-2"><label>Was the child admitted to NICU ?</label></li>
                         	<span> {{ ($history->admitted_nicu) ? 'Yes' : 'No' }} </span>

	                     	<label class="mt-2">Why admitted?</label> 
                         	<span class="d-block"> {{ $history->why_admitted }} </span>

	                     	<label class="mt-2">The child is considered high risk newborn?</label>
                         	<span class="d-block"> {{ $history->high_risk }} </span> 
                        </div>

                         <div class="col-12 col-md-4 col-lg-4 mt-3">
                         	<li class=" ml-3"><label>Screening for thyroid functions done?</label></li>
                         	<span class="d-block"> {{ $history->thyroid_functions }} </span>   
                        </div>

                         <div class="col-12 col-md-4 col-lg-4 mb-2 mt-3">
                         	<li class="f  ml-3"><label>3-Vaccination taken up to date</label></li>
                         	<span class="d-block"> {{ $history->vaccination }} </span>    
                        </div>
                    </div> 
 					
 					<hr class="w-50 mt-3"  >

                    <div class="row ">
                         <div class="col-12 col-md-4 col-lg-4">
                         	<li class=" ml-2"><label>Feeding:</label></li> 
                         		<label>Breast fed how long? </label> 
                         		<span class="d-block"> {{ $history->feed_how_long }} </span>     

	                         	<label class="mt-2">Weaning of breast feeding</label> 
                         		<span class="d-block"> {{ $history->weaning_breast_feeding }} </span> 

	                         	<label class="d-block mt-2"> Feeding route:</label>
                         		<span class="d-block"> {{ $history->feeding_route }} </span>  

	                         	<label class="mt-2 d-block">Feeding problems:</label>
                         		<span class="d-block"> {{ $history->feeding_problems }} </span>  
                        </div>  
                     	<div class="col-12 col-md-4 col-lg-4 ">
                         	<li class="float-left ml-2"><label>Is the child followed by growth charts?</label></li>   
                         		<span> {{ ($history->growth_charts) ? 'Yes' : 'No' }} </span>

	                         	<label class="mt-2">Last WT</label> 
                         		<span class="d-block"> {{ $history->Last_wt }} </span> 


	                         	<label class="mt-2">Last HC</label> 
                         		<span class="d-block"> {{ $history->Last_hc }} </span> 

	                         	<label class="mt-2">Last HT</label> 
                         		<span class="d-block"> {{ $history->Last_ht }} </span> 
                        </div> 

                     	<div class="col-12 col-md-4 col-lg-4 ">
                         	<li class="float-left ml-2"><label>Previous admissions to hospital?</label></li>   
                         		<span> {{ ($history->admissions_hospital) ? 'Yes' : 'No' }} </span>

	                         	<label class="mt-2">How many times?</label> 
                         		<span class="d-block"> {{ $history->how_many_admissions }} </span>  


	                         	<label class="mt-2">Age at each admission?</label> 
                         		<span class="d-block"> {{ $history->age_admission }} </span> 

	                         	<label class="mt-2">Reason for admission?</label> 
                         		<span class="d-block"> {{ $history->reason_admission }} </span>  
                        </div> 
                    </div>

 					<hr class="w-50 mt-3"  >

                    <div class="row">
                    	<div class="col-12 col-md-4 col-lg-4 ">
                         	<li class="float-left ml-2"><label>previous Blood Transfusions?</label></li>   
                         		<span> {{ ($history->blood_transfusions) ? 'Yes' : 'No' }} </span>

	                         	<label class="mt-2">How many times?</label> 
                         		<span class="d-block"> {{ $history->how_many_transfusions }} </span>    


	                         	<label class="mt-2">Age at each transfusion?</label> 
                         		<span class="d-block"> {{ $history->age_transfusions }} </span> 

	                         	<label class="mt-2">Reason for Transfusion?</label> 
                         		<span class="d-block"> {{ $history->reason_transfusions }} </span>   
                        </div>


                    </div>

 					<hr class="w-50 mt-3"  >


                    <div class="row"> 
                    	<div class="col-12 col-md-6 col-lg-6 ">
                         	<li class=" ml-2"><label>Chronic health problems?</label></li>  
                         		<span class="d-block"> {{ $history->chronic_health_problems }} </span>    
                        </div>

                    	<div class="col-12 col-md-6 col-lg-6 ">
                         	<li class=" ml-2"><label>General and local examination?</label></li>  
                         		<span class="d-block"> {{ $history->general_examination }} </span>  
                        </div>

                    </div>


 					<hr class="w-50 mt-3"  >


                    <div class="row">

                    	<div class="col-12 col-md-6 col-lg-6 "> 
                         	<li class=" ml-2"><label>Maintainance medications :</label></li>  
                         		<span class="d-block"> {{ $history->maintainance_medications }} </span>   
                    	</div>
                    	<div class="col-12 col-md-6 col-lg-6 "> 
                         	<li class=" ml-2"><label>Additional Notes :</label></li>  
                         		<span class="d-block"> {{ $history->history_notes }} </span> 
                    	</div>
                    </div> 
                    @else
	                	<div class="row"> 
	                    	<div class="col-12 col-md-12 col-lg-12 ">  
	                         		<h3 class="text-center p-5 text-secondary">No History Found</h3>
	                    	</div> 
	                    </div> 
                    @endif
 				</div>
 				<div class="follow-up nav-div">  
                    <div class="row"> 
                    	<div class="col-12 col-md-12 col-lg-12 table-responsive mt-3">  
                         	<table class="table table-striped table-bordered zero-configuration datatable">
		                        <thead>
		                            <tr>
		                              <th>Session ID</th>
		                              <th>Complaint</th>
		                              <th>Relevant history taking</th>
		                              <th>D.D.</th>
		                              <th>Feeding</th>
		                              <th>Patient Meds</th>
		                              <th>Provisional Diagnosis</th>
		                              <th>Normal for age?</th>
		                              <th>Gross motor</th>
		                              <th>Fine motor/vision</th>
		                              <th>Speech/hearing</th>
		                              <th>Social</th>
		                              <th>Cognitive</th>
		                              <th>Recommendations</th>
		                              <th>Labs</th>
		                              <th>Radiology</th>
		                              <th>Procedures</th>
		                              <th>Meds</th>
		                              <th>Other consultation/referral</th>
		                              <th>Additional notes</th> 
		                            </tr>
		                        </thead>
		                        <tbody> 
		                           @foreach ($follow_ups as $follow_up)
		                            <tr>
		                                <td>{{ $follow_up->session_id }}</td>  
		                                <td>{{ $follow_up->complaint }}</td>  
		                                <td>{{ $follow_up->relevant_history }}</td>  
		                                <td>{{ $follow_up->dd }}</td>  
		                                <td>{{ $follow_up->feeding }}</td>  
		                                <td>{{ $follow_up->patientm_eds }}</td>  
		                                <td>{{ $follow_up->provisional_diagnosis }}</td>  
		                                <td>{{ $follow_up->normal_age }}</td>  
		                                <td>{{ $follow_up->gross_motor }}</td>  
		                                <td>{{ $follow_up->motor_vision }}</td>  
		                                <td>{{ $follow_up->speech_hearing }}</td>  
		                                <td>{{ $follow_up->social }}</td>  
		                                <td>{{ $follow_up->cognitive }}</td>  
		                                <td>{{ $follow_up->recommendations }}</td>  
		                                <td>{{ $follow_up->labs }}</td>  
		                                <td>{{ $follow_up->radiology }}</td>  
		                                <td>{{ $follow_up->procedures }}</td>  
		                                <td>{{ $follow_up->meds }}</td>  
		                                <td>{{ $follow_up->other_consultation_referral }}</td>  
		                                <td>{{ $follow_up->notes }}</td>    
		                            </tr>
		                            @endforeach
		                        </tbody> 
		                        <tfoot>
		                            <tr>
		                              <th>Session ID</th>
		                              <th>Complaint</th>
		                              <th>Relevant history taking</th>
		                              <th>D.D.</th>
		                              <th>Feeding</th>
		                              <th>Patient Meds</th>
		                              <th>Provisional Diagnosis</th>
		                              <th>Normal for age?</th>
		                              <th>Gross motor</th>
		                              <th>Fine motor/vision</th>
		                              <th>Speech/hearing</th>
		                              <th>Social</th>
		                              <th>Cognitive</th>
		                              <th>Recommendations</th>
		                              <th>Labs</th>
		                              <th>Radiology</th>
		                              <th>Procedures</th>
		                              <th>Meds</th>
		                              <th>Other consultation/referral</th>
		                              <th>Additional notes</th> 
		                            </tr>
		                        </tfoot>
		                    </table> 
                    	</div> 
                    </div>  
 				</div> 
 				<div class="nav-div upload pt-3 ">   
 					<div class="row ">
                        <div class="col-12 col-md-4 col-lg-4  mt-1">
                            <select name="file_type" id='file_type' class="select2 form-control " onchange="$('.files').hide();if(this.value=='all'){$('.files').show();}else{$('.file_type_'+this.value).show(); }" required> 
                            	<option value="all">الكل</option>
                                @foreach ($file_types as $file_type)
                                    <option value="{{ $file_type->id }}">{{ $file_type->name }}</option>
                                @endforeach
                            </select>
                        </div> 
                    </div>

 					<div class="images_files border rounded p-3 mt-3"> 
 												@foreach($arr_image_files as $key => $image)
														@if($i==1)
	 							<div class="row">
	 						@endif
		                         <div class="col-12 col-md-2 col-lg-2 align-text-bottom files file_type_{{ $image['file_type'] }}">
		 							<a href="{{ URL($image['image_path']) }}" class="align-text-bottom" target="_blank">
		 								<img  class="w-100 d-block" src="{{ URL($image['image_path']) }}"> 
			 							<span class="text-center align-text-bottom d-block">{{ $image['image_name'] }}</span >
			 						</a>
		 						</div>

							@if($i==6)
	 							</div>
	 								 						@endif
 						@endforeach
 						@if($i!=0)
 							</div> 
 						@endif
 					</div>

 					<div class="other_files border rounded p-3 mt-3"> 
 												@foreach($arr_other_files as $key => $file)
														@if($i==1)
	 							<div class="row">
	 						@endif
		                         <div class="col-12 col-md-2 col-lg-2 files">
		 							<a href="{{ URL($file['file_path']) }}" target="_blank">
		 								<i class="d-block fa fa-file text-center p-3" style="font-size: 40px !important;color: #ccc;"> </i>
			 							<span class="text-center d-block">{{ $file['file_name'] }}</span>
			 						</a>
		 						</div>

							@if($i==6)
	 							</div>
	 								 						@endif
 						@endforeach
 						@if($i!=0)
 							</div> 
 						@endif
 					</div>
 				</div>

				</ul> 
				@endif
                </div>   
			</div>  
	    </div>
    </div>
</div>

@endsection

 @section('page_vendor_js') 
    <script src="{{ URL('/temp_frontend/app-assets/vendors/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js') }} " type="text/javascript"></script>
    <script src="{{ URL('/temp_frontend/app-assets/vendors/js/forms/select/select2.full.min.js') }} " type="text/javascript"></script>
    <script src="{{ URL('/temp_frontend/app-assets/vendors/js/dropzone/dropzone-amd-module.min.js') }} " type="text/javascript"></script>
    <script src="{{ URL('/temp_frontend/app-assets/vendors/js/dropzone/dropzone.min.js') }} " type="text/javascript"></script>
    <script src="{{ URL('/temp_frontend/app-assets/vendors/js/datatables/datatables.min.js') }} " type="text/javascript"></script>
@endsection

@section('page_level_js') 
<script src="{{ URL('/temp_frontend/app-assets/js/scripts/forms/select/form-select2.js') }}" type="text/javascript"></script>  
<script type="text/javascript"> 
    $('.nav-div').hide();  
    $('.history').show();   
    $('.datatable').DataTable();
</script>
@endsection