@extends('admin.layout.main')

@section('content')
	<div class = "right_col" role = "main" >
		<div class = "" >
			<div class = "page-title" >
				<div class = "title_left" >
					<h3 >Merit List</h3 >
				</div >
			</div >
			<div class = "clearfix" ></div >
			<div class = "row" >
				<div class = "col-md-12" >
					<div class = "x_panel" >
						<div class = "x_title" >
							<h2 >Search</h2 >
							<ul class = "nav navbar-right panel_toolbox" >
								<li ><a class = "collapse-link" ><i class = "fa fa-chevron-up" ></i ></a ></li >
								<li ><a class = "close-link" ><i class = "fa fa-close" ></i ></a ></li >
							</ul >
							<div class = "clearfix" ></div >
						</div >
						<div class = "x_content" >
							<div class = "row" >
								<div class = "col-md-12" >
									<form method = "post" action = "{{ url('admin/merit-list/show') }}" id = "merit-list-form" >
										{{ csrf_field() }}
										<div class = "row" >
											<div class = "form-group col-md-6 col-lg-6 col-xs-12" >
												<label for = "sub-application-type" >Sub Application Type</label > <select id = "sub-application-type"
												                                                                           data-placeholder = "Select sub application type"
												                                                                           {{--onchange = "submitForm()"--}}
												                                                                           name = "sub-application-type" >
													<option ></option >
													@foreach($subApplicationTypes as $subApplicationType)
														<option value = "{{ $subApplicationType->id }}"
														        @if(array_has($inputs, 'sub-application-type'))
														        @if($inputs['sub-application-type'] == $subApplicationType->id ) selected @endif
																@endif
														>{{ $subApplicationType->sub_application_type }}</option >
													@endforeach
												</select >
											</div >
											<div class = "form-group col-md-6 col-lg-6 col-xs-12" >
												<label for = "district" >District</label > <select id = "district"
												                                                   data-placeholder = "Select district"
												                                                   name = "district" >
													<option ></option >
													@foreach($districts as $district)
														<option value = "{{ $district->id }}"
														        @if(array_has($inputs, 'district'))
														        @if($inputs['district'] == $district->id ) selected @endif
																@endif
														>{{ $district->district }}</option >
													@endforeach
												</select >
											</div >
										</div >
										<div class = "row" >
											<input type = "submit" class = "btn btn-primary pull-right"
											       id = "btn-search" value = "Search" > <input type = "button"
											                                                   class = "btn btn-primary pull-center pull-left"
											                                                   id = "btn-excel" onclick = "return exportToExcel()"
											                                                   value = "Export to Excel" >
										</div >
									</form >
								</div >
							</div >
						</div >
					</div >
					<div class = "x_panel" >
						<div class = "x_title" >
							<h2 >Record</h2 >
							<ul class = "nav navbar-right panel_toolbox" >
								<li ><a class = "collapse-link" ><i class = "fa fa-chevron-up" ></i ></a ></li >
								<li ><a class = "close-link" ><i class = "fa fa-close" ></i ></a ></li >
							</ul >
							<div class = "clearfix" ></div >
						</div >
						<div class = "x_content" >
							<table id = "merit-lists-record" class = "table table-striped" >
								<thead >
									<tr >
										<th >Sr. No</th >
										<th >App No.</th >
										<th >CNIC</th >
										<th >Name</th >
										<th >Father</th >
										<th >District</th >
										<th >Degree</th >
										<th >Preferences</th >
										<th >Weighted %age</th >
										<th >Allotted Institute</th >
										<th >Action</th >
									</tr >
								</thead >
								@if(isset($meritLists))
									<tbody >
										@foreach($meritLists as $index => $meritList)
											<tr >
												<td >{{ $index+1 }}</td >
												<td >{{ $meritList->applicantApplication->application_no or ''}}</td >
												<td >{{ $meritList->applicant->cnic}}</td >
												<td >{{ $meritList->applicant->student_name }}</td >
												<td >{{ $meritList->applicant->father_name }}</td >
												<td >{{ $meritList->applicant->district->district }}</td >
												<td >{{ isset($meritList->preference) ? $meritList->preference->seatAllocation->degree->full_name : null }}</td >
												<td >
													@foreach($meritList->applicant->preferences as $preference)
														{{ $preference->seatAllocation->institution->full_name }},
													@endforeach
												</td >
												<td >{{ $meritList->applicantApplication->weighted_percentage or ""}}</td >
												<td >{{isset($meritList->preference) ? $meritList->preference->seatAllocation->institution->full_name : null}}</td >
												<td >
													<div class = "btn-group btn-group-xs" role = "group" aria-label = "..." >
														<a href = "{{url( 'admin/merit-list/delete/'. $meritList->id)}}" class = "btn btn-danger" ><i
																	class = "fa fa-times-circle" ></i ></a >
													</div >
												</td >
											</tr >
										@endforeach
									</tbody >
								@endif
							</table >
						</div >
					</div >
				</div >
			</div >
		</div >
	</div >
@endsection

@section('script')
	<script >
        $ ( document ).ready ( function () {
            $ ( '#merit-lists-record' ).dataTable ();
        } );
        function submitForm () {
            $ ( '#search-form' ).trigger ( 'submit' );
        }
        function exportToExcel () {
            var urlExcel  = "{{url('admin/merit-list/excel')}}";
            var urlSearch = "{{url('admin/merit-list/show')}}";
            $ ( '#merit-list-form' ).attr ( 'action', urlExcel ).submit ();
            $ ( '#merit-list-form' ).attr ( 'action', urlSearch );
        }
	</script >
@endsection