@extends('admin.layout.main')

@section('content')
	<div class = "right_col" role = "main" xmlns = "http://www.w3.org/1999/html" >
		<div class = "" >
			<div class = "page-title" >
				<div class = "title_left" >
					<h3 >Grant Admission</h3 >
				</div >
			</div >
			<div class = "clearfix" ></div >
			<div class = "row" >
				<div class = "col-md-offset-2 col-md-8" >
					<div class = "x_panel" >
						<div class = "x_title" >
							<h2 class = "col-lg-12 col-md-12 col-sm-12" >Grant Admission</h2 >
							<div class = "clearfix" ></div >
						</div >
						<div class = "x_content" >
							{{ Form::open(array('url' => 'admin/admission/grant-admission', 'files' => true, 'method' => 'post', 'id' => 'admission-granted-form')) }}
							<div class = "row" >
								<div class = "col-md-6" >
									<div class = "form-group" >
										<label >CNIC</label > <input type = "text" class = "form-control" placeholder = "enter cnic of applicant"
										                             name = "cnic" id = "cnic" value = "{{isset($inputs) ? $inputs['cnic'] : null}}" >
									</div >
								</div >
								<div class = "col-md-6" >
									<div class = "form-group" >
										<label for = "sub-application-type" >Application Type</label > <select
												data-placeholder = "select sub application type"
												id = "sub-application-type"
												name = "sub-application-type" >
											<option ></option >
											@foreach($subApplicationTypes as $subApplicationType)
												<option value = {{$subApplicationType->id}}
														{{isset($inputs) && $subApplicationType->id == $inputs['sub-application-type'] ? 'selected' : ''}}
												>{{ $subApplicationType->sub_application_type}}</option >
											@endforeach
										</select >
									</div >
								</div >
							</div >
							<button type = "submit" class = "btn btn-dark pull-right" >Search</button >
							<div class = "clearfix" ></div >
							{{Form::close()}}
						</div >
						@if(isset($applicant))
							<div class = "x_content" >
								<div class = "row" >
									<br />
									<table class = "custom-table" >
										<tr >
											<td class = "column-85" >
												<table class = "custom-table" >
													<tr >
														<td class = "column-50" >
															<table class = "custom-table" >
																<tr >
																	<td class = "column-35" >
																		<div class = "personal-field" >
																			Name of Candidate:
																		</div >
																	</td >
																	<td class = "column-65" >
																		<div class = "personal-field-value" >
																			{{$applicant->applicant->student_name}}
																		</div >
																	</td >
																</tr >
																<tr >
																	<td class = "column-35" >
																		<div class = "personal-field" >
																			Date of birth:
																		</div >
																	</td >
																	<td class = "column-65" >
																		<div class = "personal-field-value" >
																			{{$applicant->applicant->date_of_birth->format('d-M-Y')}}
																		</div >
																	</td >
																</tr >
																<tr >
																	<td class = "column-35" >
																		<div class = "personal-field" >
																			District:
																		</div >
																	</td >
																	<td class = "column-65" >
																		<div class = "personal-field-value" >
																			{{$applicant->applicant->district->district}}
																		</div >
																	</td >
																</tr >
															</table >
														</td >
														<td class = "column-50" >
															<table class = "custom-table" >
																<tr >
																	<td class = "column-35" >
																		<div class = "personal-field" >
																			Father Name:
																		</div >
																	</td >
																	<td class = "column-65" >
																		<div class = "personal-field-value" >
																			{{$applicant->applicant->father_name}}
																		</div >
																	</td >
																</tr >
																<tr >
																	<td class = "column-35" >
																		<div class = "personal-field" >
																			Mobile:
																		</div >
																	</td >
																	<td class = "column-65" >
																		<div class = "personal-field-value" >
																			{{$applicant->applicant->mobile_no}}
																		</div >
																	</td >
																</tr >
																<tr >
																	<td class = "column-35" >
																		<div class = "personal-field" >
																			Hafiz Quran:
																		</div >
																	</td >
																	<td class = "column-65" >
																		<div class = "personal-field-value" >
																			@if($applicant->applicant->hafiz_e_quran )
																				<i class = "fa fa-check-circle-o" aria-hidden = "true" ></i >
																			@else
																				<i class = "fa fa-times-circle-o " aria-hidden = "true" ></i >
																			@endif
																		</div >
																	</td >
																</tr >
															</table >
														</td >
													</tr >
												</table >
												<table class = "custom-table" >
													<tr >
														<td class = "column-20" >
															<div class = "personal-field" >
																Postal Address:
															</div >
														</td >
														<td class = "column-80" >
															<div class = "personal-field-value" >
																{{$applicant->applicant->postal_address}}
															</div >
														</td >
													</tr >
												</table >
											</td >
											<td class = "column-15" >
												<div class = "personal-image" >
													<img src = "@if($applicant->applicant->picture != ''){{asset('student-profile/'.$applicant->applicant->picture)}}@else{{ asset(($applicant->applicant->gender == 'M')? 'images/avatar-male.png' : 'images/avatar-female.png') }}@endif"
													     alt = "applicant-image" />
												</div >
											</td >
										</tr >
									</table >
								</div >
							</div >
							<br />
							<div class = "x_content" >
								<div class = "row" >
									@if(isset($meritLists))
										<table class = "table" >
											<thead >
												<tr >
													<th >Sr. No</th >
													<th >Application</th >
													<th >Institute</th >
													<th >Degree</th >
													<th >Merit %age</th >
													<th >List No</th >
													<th >List Date</th >
													<th >Status</th >
												</tr >
											</thead >
											<tbody >
												@foreach($meritLists as $meritList)
													<tr >
														<td >{{$meritList->id}}</td >
														<td >{{$meritList->subApplicationType->sub_application_type}}</td >
														<td >{{$meritList->preference->institution->full_name}}</td >
														<td >{{$meritList->preference->degree->full_name}}</td >
														<td >{{$meritList->merit_percentage}}</td >
														<td >{{$meritList->list_no}}</td >
														<td >{{$meritList->list_date->format('d-m-Y')}}</td >
														<td >@if($meritList->join_status === 1) Joined @elseif($meritList->join_status === 2)
														                                        Withdrawn @else Not Joined @endif</td >
													</tr >
												@endforeach
											</tbody >
										</table >
									@else
										<div > Admission not granted yet.</div >
									@endif
								</div >
							</div >
							<div class = "footer " >
								@if( $meritLists->last()->join_status === 0)
									<button onclick = "changeStatus( {{$applicant->applicant_id . ',' . $applicant->sub_application_type_id . ',' . '\'j\''}})"
									        class = "btn btn-success pull-right" > Join {{$applicant->applicant->student_name}} in
										{{$meritLists->last()->preference->institution->full_name}} for
										{{$meritLists->last()->preference->degree->full_name}}</button >
								@elseif($meritLists->last()->join_status === 1)
									<h4 class = "pull-right green" >
										{{$applicant->applicant->student_name}} already joined in
										{{$meritLists->last()->preference->institution->full_name}} for
										{{$meritLists->last()->preference->degree->full_name}}
									</h4 >
									<div class = "clearfix" ></div >
									<div class = "row" >
										<div class = "col-md-12" >
											<div class = "form-group" >
												<label >Reason/Remarks</label > <input type = "text" class = "form-control"
												                                       placeholder = "enter reason/remarks"
												                                       name = "remarks" id = "remarks" >
											</div >
										</div >
										<button type = "submit"
										        onclick = "changeStatus( {{$applicant->applicant_id . ',' . $applicant->sub_application_type_id . ',' . '\'w\''}})"
										        class = "btn btn-danger pull-right" >Withdrawn
										</button >
									</div >
									<div class = "clearfix" ></div >
								@elseif($meritLists->last()->join_status === 2)
									<h4 class = "pull-right red" >
										{{$applicant->applicant->student_name}} withdrawn his admission from
										{{$meritLists->last()->preference->institution->full_name}} for
										{{$meritLists->last()->preference->degree->full_name}}
									</h4 >
								@endif
							</div >
						@endif
					</div >
				</div >
			</div >
		</div >
	</div >
@endsection

@section('script')
	<script >
        //        import _ from 'lodash';
        function changeStatus (applicantId, applicationTypeId, status) {
            let url = '';
            if ( status == 'j' ) {
                url  = '/admin/admission/joining';
                data = {
                    applicant      : applicantId,
                    applicationType: applicationTypeId
                };
            } else {
                url  = '/admin/admission/withdrawn';
                data = {
                    applicant      : applicantId,
                    applicationType: applicationTypeId,
                    remarks        : $ ( '#remarks' ).val ()
                };
            }
            axios.post ( url, data ).then ( response => {
                if ( response.data.status == 'success' ) {
                    notification ( 'success', 'success', response.data.message );
                } else {
                    notification ( 'error', 'error', response.data.message );
                }
                $ ( '#admission-granted-form' ).submit ();
            } ).catch ( error => {
                if ( error.request.status == 401 ) {
                    notification ( 'error', 'error', 'Session expired.' );
                    setTimeout ( function () {
                        window.location = "/admin";
                    }, 2000 );
                }
                if ( error.request.status == 400 ) {
                    notification ( 'error', 'error', error.response.data.message );
                }
                if ( error.request.status == 422 ) {
                    notification ( 'error', 'error', 'Withdrawn remarks must be entered.' );
                }
            } );
        }
	</script >
@endsection