@extends('admin.layout.main')

@section('content')
	<div class = "right_col" role = "main">
		<div class = "">
			<div class = "page-title">
				<div class = "title_left">
					<h3>Applicants</h3>
				</div>
			</div>
			<div class = "clearfix"></div>
			
			<div class = "row">
				<div class = "col-md-12">
					{{--<div class = "x_panel" >--}}
						{{--<div class = "x_title" >--}}
							{{--<h2>Filters</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-6">--}}
									{{--<div class="form-group">--}}
										{{--<label for="name">Name:</label>--}}
										{{----}}
											{{--<input type="text" class="form-control" id="name" placeholder="Enter name">--}}
										{{----}}
									{{--</div>--}}
								{{--</div>--}}
								{{--<div class="col-md-6">--}}
									{{--<div class="form-group">--}}
										{{--<label for="father-name">Father Name:</label>--}}
										{{----}}
											{{--<input type="text" class="form-control" id="father-name" placeholder="Enter father name">--}}
										{{----}}
									{{--</div>--}}
								{{--</div>--}}
								{{--<div class="col-md-4">--}}
									{{--<div class="form-group">--}}
										{{--<label for="mobile">Mobile No:</label>--}}
										{{----}}
											{{--<input type="text" class="form-control" id="mobile" placeholder="Enter mobile number">--}}
										{{----}}
									{{--</div>--}}
								{{--</div>--}}
								{{--<div class="col-md-4">--}}
									{{--<div class="form-group">--}}
										{{--<label for="date-of-birth">Date of Birth:</label>--}}
										{{----}}
											{{--<input type="text" class="form-control" id="date-of-birth" placeholder="Select Date of Birth">--}}
										{{----}}
									{{--</div>--}}
								{{--</div>--}}
								{{--<div class="col-md-4">--}}
									{{--<div class="form-group">--}}
										{{--<label for="gender">Gender:</label>--}}
										{{----}}
											{{--<select id="gender" data-placeholder="Select Gender">--}}
												{{--<option></option>--}}
												{{--<option>male</option>--}}
												{{--<option>female</option>--}}
											{{--</select>--}}
										{{----}}
									{{--</div>--}}
								{{--</div>--}}
								{{--<div class="col-md-4">--}}
									{{--<div class="form-group">--}}
										{{--<label for="district">District:</label>--}}
										{{----}}
											{{--<select id="district" data-placeholder="Select District">--}}
												{{--<option></option>--}}
												{{--<option>A</option>--}}
											{{--</select>--}}
										{{----}}
									{{--</div>--}}
								{{--</div>--}}
								{{--<div class="col-md-4">--}}
									{{--<div class="form-group">--}}
										{{--<label for="applying-for">Applying For:</label>--}}
											{{--<select id="applying-for" data-placeholder="Select Programs" multiple>--}}
												{{--<option></option>--}}
												{{--<option>A</option>--}}
												{{--<option>B</option>--}}
												{{--<option>C</option>--}}
											{{--</select>--}}
									{{--</div>--}}
								{{--</div>--}}
								{{--<div class="col-md-4">--}}
									{{--<div class="form-group">--}}
										{{--<label for="hafiz-quran">Hafiz-e-Quran:</label>--}}
										{{--<input type="checkbox" id="hafiz-quran" class="form-control">--}}
									{{--</div>--}}
								{{--</div>--}}
							{{--</div>--}}
							{{--<button type="button" class="btn btn-primary pull-right">Search</button>--}}
						{{--</div >--}}
					{{--</div >--}}


                    <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-6">
                                    <form method="post" action="{{ url('admin/applications/show') }}" id="search-form">
                                        {{ csrf_field() }}
                                        <div class="form-group">
                                            <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_id">
                                                <option></option>
                                                @foreach($subApplicationTypes as $subApplicationType)
                                                    <option value="{{ $subApplicationType->id }}">{{ $subApplicationType->sub_application_type }}</option>
                                                @endforeach
                                            </select>
                                        </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="applicants-record" class="table table-striped">
								<thead>
									<tr>
										<th>Sr. No</th>
										<th>Name</th>
										<th>F Name</th>
										<th>Mobile</th>
										<th>Phone</th>
										<th>Address</th>
										<th>App No.</th>
										<th>Weightege</th>
										<th>Apply For Institutes</th>
									</tr>
								</thead>
                                @if(isset($applicantApplications))
                                    <tbody>
                                        @foreach($applicantApplications as $index => $application)
                                            <tr>
                                                <td>{{ $index + 1 }}</td>
                                                <td>{{ $application->applicant->student_name }}</td>
                                                <td>{{ $application->applicant->father_name }}</td>
                                                <td>{{ $application->applicant->mobile_no }}</td>
                                                <td>{{ $application->applicant->phone_no }}</td>
                                                <td>{{ $application->applicant->postal_address }}</td>
                                                <td>{{ $application->id }}</td>
                                                <td>{{ $application->weighted_percentage }}</td>
                                                <td>
                                                    @foreach($application->applicant->preferences as $preference)
                                                        {{ $preference->seatAllocation->institution->full_name }},
                                                    @endforeach
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                @endif
							</table>
						</div >
					</div >
				</div >
			</div >
		</div >
	</div >
@endsection

@section('script')
	<script>
		$(document).ready(function(){
		    $('#gender, #applying-for, #district').select2({
			    'width': '100%'
		                         });

		    $('#sub-application-type').select2({
                'width' : '100%'
            });
		    
		    $('#applicants-record').dataTable();
		    
		});

		function submitForm() {
		    $('#search-form').trigger('submit');
        }
	</script>
@endsection