@extends ('Layouts.Application')

@section ('MainContent')

<div class="row">
	<div class="col-sm-12">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h6 class="panel-title">
					<strong>
						Employee's Details

						<a class="btn btn-warning btn-xs pull-right" href="{{ route('LoggedIn.Settings.Employee.Index') }}">
							<i class="fa fa-chevron-left"></i> Go Back
						</a>
					</strong>
				</h6>
			</div>
			<div class="panel-body">
				@include ('Layouts.FormValidationErrors')
				@include ('Layouts.ErrorSuccessAndWarninMessages')

				<form action="{{ route('LoggedIn.Settings.Employee.Store') }}"
					class="form-horizontal" method="post" enctype="multipart/form-data" autoComplete="off"
				>
					@csrf

					<div class="form-group form-group-sm">
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #A94442; font-weight: bold;">Name</span>
								<input type="text" class="form-control" id="full_name" name="full_name"
									placeholder="Full Name" value="{{ old('full_name') }}"
								/>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #A94442; font-weight: bold;">Designation</span>
								<select class="form-control" id="designation" name="designation">
									<option value="">--Select--</option>
									@if ($designations->isNotEmpty())
										@foreach ($designations as $designation)
											<option value="{{ $designation->designation_id }}" {{ $designation->designation_id == old('designation') ? 'selected' : '' }}>
												{{ $designation->designation_name }}
											</option>
										@endforeach
									@endif
								</select>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #000; font-weight: bold;">Email</span>
								<input type="text" class="form-control" id="email" name="email" placeholder="Email" value="{{ old('email') }}">
							</div>
						</div>
					</div>

					<div class="form-group form-group-sm">
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #A94442; font-weight: bold;">Contact No.</span>
								<span class="input-group-addon" id="basic-addon1">+8801</span>
								<input type="text" class="form-control" id="ContactNo" maxlength="9"
									name="ContactNo" placeholder="Contact No." value="{{ old('ContactNo') }}"
								/>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #000; font-weight: bold;">Emergency Contact No</span>
								<span class="input-group-addon" id="basic-addon1">8801</span>
								<input type="text" class="form-control" id="emg_phone_no" name="emg_phone_no"
									placeholder="Emergency Contact No" value="{{ old('emg_phone_no') }}"
								/>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #000; font-weight: bold;">Religion</span>
								<select class="form-control" id="religion" name="religion">
									<option value="">--Select--</option>
									<option value="Islam" {{ old('religion') == 'Islam' ? 'selected' : '' }}>Islam</option>
									<option value="Hindu" {{ old('religion') == 'Hindu' ? 'selected' : '' }}>Hindu</option>
									<option value="Chistian" {{ old('religion') == 'Chistian' ? 'selected' : '' }}>Chistian</option>
									<option value="Buddist" {{ old('religion') == 'Buddist' ? 'selected' : '' }}>Buddist</option>
								</select>
							</div>
						</div>
					</div>

					<div class="form-group form-group-sm">
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #000; font-weight: bold;">Blood</span>
								<select class="form-control" id="blood_group" name="blood_group">
									<option value="">--Select--</option>
									<option value="A+" {{ old('blood_group') == 'A+' ? 'selected' : '' }}>A+</option>
									<option value="B+" {{ old('blood_group') == 'B+' ? 'selected' : '' }}>B+</option>
									<option value="AB+" {{ old('blood_group') == 'AB+' ? 'selected' : '' }}>AB+</option>
									<option value="O+" {{ old('blood_group') == 'O+' ? 'selected' : '' }}>O+</option>
									<option value="A-" {{ old('blood_group') == 'A-' ? 'selected' : '' }}>A-</option>
									<option value="B-" {{ old('blood_group') == 'B-' ? 'selected' : '' }}>B-</option>
									<option value="AB-" {{ old('blood_group') == 'AB-' ? 'selected' : '' }}>AB-</option>
									<option value="O-" {{ old('blood_group') == 'O-' ? 'selected' : '' }}>O-</option>
								</select>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #000; font-weight: bold;">Gender</span>
								<select class="form-control" id="gender" name="gender">
									<option value="">--Select--</option>
									<option value="1" {{ old('gender') == '1' ? 'selected' : '' }}>Male</option>
									<option value="2" {{ old('gender') == '2' ? 'selected' : '' }}>Female</option>
								</select>
							</div>
						</div>
					</div>

					<div class="form-group form-group-sm">
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #000; font-weight: bold;">NID</span>
								<input type="text" class="form-control" id="nid_no" name="nid_no" placeholder="NID" value="{{ old('nid_no') }}">
							</div>
						</div>
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #000; font-weight: bold;">Date Of Birth</span>
								<input type="text" data-provide="datepicker" data-date-format="yyyy-mm-dd"
									data-date-autoclose="ture" class="form-control date" id="date_of_birth" name="date_of_birth"
									placeholder="2018-12-31"  value="{{ old('date_of_birth') }}"
								/>
							</div>
						</div>
					</div>

					<div class="form-group form-group-sm">
						<div class="col-sm-4">
							<div class="input-group" style="margin-bottom: 0px">
								<span class="input-group-addon" id="basic-addon1" style="font-weight: bold;">NID Image</span>
								<input type="file" name="nid_image" id="nid_image"  class="form-control" />
							</div>
							<label class="text-info" style="font-size: 10px;">
                You can Upload only : jpeg, png, jpg , Limit: Maximum allowed file size is 2MB .
              </label>
						</div>
						<div class="col-sm-4">
							<div class="input-group" style="margin-bottom: 0px">
								<span class="input-group-addon" id="basic-addon1" style="font-weight: bold;">Birthday Certificate Image</span>
								<input type="file" name="birthday_certificate_image" id="birthday_certificate_image"  class="form-control" />
							</div>
							<label class="text-info" style="font-size: 10px;">
                You can Upload only : jpeg, png, jpg , Limit: Maximum allowed file size is 2MB .
              </label>
						</div>
						<div class="col-sm-4">
							<div class="input-group" style="margin-bottom: 0px">
								<span class="input-group-addon" id="basic-addon1" style="font-weight: bold;">Profile Image</span>
								<input type="file" name="image" id="image"  class="form-control" />
							</div>
							<label class="text-info" style="font-size: 10px;">
                You can Upload only : jpeg, png, jpg , Limit: Maximum allowed file size is 2MB .
              </label>
						</div>
					</div>

					<h4 class="text-center bg-info" style="padding: 5px;">Account Details</h4>
					<div class="form-group form-group-sm">
						<div class="col-sm-6">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #000; font-weight: bold;">Mobile Banking Account</span>
								<input type="text" class="form-control" id="account_no" name="account_no"
									placeholder="Account No" value="{{ old('account_no') }}"
								/>
							</div>
						</div>
						<div class="col-sm-6">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #000; font-weight: bold;">Account Type</span>
								<select class="form-control" id="account_type" name="account_type">
									<option value="">--Select--</option>
									<option value="1" {{ old('account_type') == '1' ? 'selected' : '' }}>bKash</option>
									<option value="2" {{ old('account_type') == '2' ? 'selected' : '' }}>Nagad</option>
									<option value="3" {{ old('account_type') == '3' ? 'selected' : '' }}>Rocket</option>
								</select>
							</div>
						</div>
					</div>

					<div class="form-group form-group-sm">
						<div class="col-md-12 table-responsive">
							<table class="table table-bordered table-hover table-sortable" id="bankTable">
								<thead>
									<tr>
										<th class="text-center">Bank Name</th>
										<th class="text-center">Bank Account No</th>
										<th class="text-center">
											Bank Branch
											<button type="button" name="add_bank" id="add_bank" class="btn btn-success btn-sm pull-right">
												<i class="fa fa-plus" aria-hidden="true"></i>
											</button>
										</th>
									</tr>
								</thead>
								<tbody>
									@for ($i=0; $i<1; $i++)
										<tr>
											<td>
												<input type="text" name="bank_information[{{ $i }}][bank_name]"  placeholder="Bank Name"
													class="form-control" value="{{ old('bank_information') ? old('bank_information')[$i]['bank_name'] : '' }}"
												/>
											</td>
											<td>
												<input type="text" name="bank_information[{{ $i }}][bank_account_no]" placeholder="Bank Account No"
													class="form-control" value="{{ old('bank_information') ? old('bank_information')[$i]['bank_account_no'] : '' }}"
												/>
											</td>
											<td>
												<input type="text" name="bank_information[{{ $i }}][bank_branch]"  placeholder=" Bank Branch"
													class="form-control"value="{{ old('bank_information') ? old('bank_information')[$i]['bank_branch'] : '' }}"
												/>
											</td>
										</tr>
									@endfor
								</tbody>
							</table>
						</div>
					</div>

					<h4 class="text-center bg-info" style="padding: 5px;">Job Details</h4>
					<div class="form-group form-group-sm">
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #A94442; font-weight: bold;">Joining Date</span>
								<input type="text" data-provide="datepicker" data-date-format="yyyy-mm-dd" data-date-autoclose="ture"
									class="form-control date" id="joining_date" name="joining_date" placeholder="2018-12-31" value="{{ old('joining_date') }}"
								/>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #A94442; font-weight: bold;">Branch</span>
								<select class="form-control" id="User_branch" name="User_branch">
									<option value="">---Select---</option>
									@if ($branches->isNotEmpty())
										@foreach ($branches as $branch)
											<option value="{{ $branch->school_branch_id }}" {{ $branch->school_branch_id == old('User_branch') ? 'selected' : '' }}>
												{{ $branch->school_branch_name }}
											</option>
										@endforeach
									@endif
								</select>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #A94442; font-weight: bold;">Branch-Shift-Version</span>
								<select id="branch_shift_version" name="branch_shift_version" class="form-control">
									<option value="">----- Select -----</option>
									@if ($branchAndVersionDetails->isNotEmpty())
										@foreach ($branchAndVersionDetails as $ibv)
											<option value="{{ $ibv->institute_branch_version_id }}" {{ $ibv->institute_branch_version_id == old('branch_shift_version') ? 'selected' : '' }}>
												{{ $ibv->school_branch_name }}, {{ $ibv->school_version_name }} Version
											</option>
										@endforeach
									@endif
								</select>
							</div>
						</div>
						<div class="col-sm-4">
						<div class="input-group">
							 <span class="input-group-addon" id="basic-addon1" style="color:#000;font-weight: bold"> Index No</span>
							 <input type="text" class="form-control" id="index_no" name="index_no" placeholder="Index No" value="{{ old('index_no') }}">
						</div>
						</div>

						<div class="col-sm-4">
							<div class="input-group">
									 <span class="input-group-addon" id="basic-addon1" style="color:#000;font-weight: bold">Salary Code</span>
									 <input type="text" class="form-control" id="salary_code" name="salary_code" placeholder="Salary Code" value="{{ old('salary_code') }}">
							</div>
						</div>

						<div class="col-sm-4">
							<div class="input-group">
								 <span class="input-group-addon" id="basic-addon1" style="color:#000;font-weight: bold">MPO Date</span>
								 <input type="text" data-provide="datepicker" data-date-format="yyyy-mm-dd" data-date-autoclose="ture" class="form-control date" id="mpo_date" name="mpo_date" placeholder="2018-12-31" value="{{ old('mpo_date') }}">
							</div>
						</div>
					</div>

					<h4 class="text-center bg-info" style="padding: 5px;">Family Information</h4>
					<div class="form-group form-group-sm">
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #000; font-weight: bold;">Father's Name</span>
								<input type="text" class="form-control" id="father_name" name="father_name"
									placeholder="Father Name" value="{{ old('father_name') }}"
								/>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #000; font-weight: bold;">Mother's Name</span>
								<input type="text" class="form-control" id="mother_name" name="mother_name"
									placeholder="Mother's Name" value="{{ old('mother_name') }}"
								/>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #000; font-weight: bold;">Marital Status</span>
								<select class="form-control" id="marital_status" name="marital_status">
									<option value="">--Select--</option>
									<option value="1" {{ old('marital_status') == '1' ? 'selected' : '' }}>Single</option>
									<option value="2" {{ old('marital_status') == '2' ? 'selected' : '' }}>Married</option>
								</select>
							</div>
						</div>
					</div>

					<div class="form-group form-group-sm">
						<div class="col-md-12 table-responsive">
							<table class="table table-bordered table-hover table-sortable" id="familyTable">
								<thead>
									<tr>
										<th class="text-center">Name</th>
										<th class="text-center">Relation</th>
										<th class="text-center">
											Profession
											<button type="button" name="add_family" id="add_family" class="btn btn-success btn-sm pull-right">
												<i class="fa fa-plus" aria-hidden="true"></i>
											</button>
										</th>
									</tr>
								</thead>
								<tbody>
									@for ($i=0; $i<1; $i++)
										<tr>
											<td>
												<input type="text" name="family_information[{{ $i }}][name]"  placeholder="Name" class="form-control"
													value="{{ old('family_information') ? old('family_information')[$i]['name'] : '' }}"
												/>
											</td>
											<td>
												<input type="text" name="family_information[{{ $i }}][relation]" placeholder="Relation" class="form-control"
													value="{{ old('family_information') ? old('family_information')[$i]['relation'] : '' }}"
												/>
											</td>
											<td>
												<input type="text" name="family_information[{{ $i }}][profession]"  placeholder="Profession" class="form-control"
													value="{{ old('family_information') ? old('family_information')[$i]['profession'] : '' }}"
												/>
											</td>
										</tr>
									@endfor
								</tbody>
							</table>
						</div>
					</div>

					<h4 class="text-center bg-info" style="padding: 5px;">Present Address</h4>
					<div class="form-group form-group-sm">
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #000; font-weight: bold;">Present Address</span>
								<textarea class="form-control" id="address" name="address">{{ old('address') }}</textarea>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #000; font-weight: bold;">Police station</span>
								<input type="text" class="form-control" id="present_police_station" name="present_police_station"
									placeholder="Police station" value="{{ old('present_police_station') }}"
								/>
							</div>
						</div>
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #000; font-weight: bold;">Postcode</span>
								<input type="text" class="form-control" id="present_postcode" name="present_postcode"
									placeholder="Postcode" value="{{ old('present_postcode') }}"
								/>
							</div>
						</div>
					</div>

					<h4 class="text-center bg-info" style="padding: 5px;">Permanent Address</h4>
					<div class="form-group form-group-sm">
						<div class="col-sm-12">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #000; font-weight: bold;">Permanent Address</span>
								<textarea class="form-control" id="permanent_address" name="permanent_address">{{ old('permanent_address') }}</textarea>
							</div>
						</div>
					</div>

					<div class="form-group form-group-sm">
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #000; font-weight: bold;">District</span>
								<input type="text" class="form-control" id="district" name="district" placeholder="District" value="{{ old('district') }}">
							</div>
						</div>
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #000; font-weight: bold;">Upazila</span>
								<input type="text" class="form-control" id="upazila" name="upazila" placeholder="Upazila" value="{{ old('upazila') }}">
							</div>
						</div>
						<div class="col-sm-4">
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1" style="color: #000; font-weight: bold;">Postcode</span>
								<input type="text" class="form-control" id="postcode" name="postcode" placeholder="Postcode" value="{{ old('postcode') }}">
							</div>
						</div>
					</div>

					<h4 class="text-center bg-info" style="padding: 5px;">Others Experience</h4>
					<div class="form-group form-group-sm">
						<div class="col-md-12 table-responsive">
							<table class="table table-bordered table-hover table-sortable" id="experienceTable">
								<thead>
									<tr>
										<th class="text-center" style="width: 400px;">Institute</th>
										<th class="text-center" style="width: 140px;">Position</th>
										<th class="text-center" style="width: 100px;">
											Tenure
											<button type="button" name="add" id="add_experience" class="btn btn-success btn-sm pull-right">
												<i class="fa fa-plus" aria-hidden="true"></i>
											</button>
										</th>
									</tr>
								</thead>
								<tbody>
									@for ($i=0; $i<1; $i++)
										<tr>
											<td>
												<input type="text" name="experience_information[{{ $i }}][institute]"  placeholder="Institute" class="form-control"
													value="{{ old('experience_information') ? old('experience_information')[$i]['institute'] : '' }}"
												/>
											</td>
											<td>
												<input type="text" name="experience_information[{{ $i }}][position]" placeholder="Lecturer" class="form-control"
													value="{{ old('experience_information') ? old('experience_information')[$i]['position'] : '' }}"
												/>
											</td>
											<td>
												<input type="text" name="experience_information[{{ $i }}][tenure]"  placeholder="6 months" class="form-control"
													value="{{ old('experience_information') ? old('experience_information')[$i]['tenure'] : '' }}"
												/>
											</td>
										</tr>
									@endfor
								</tbody>
							</table>
						</div>
					</div>

					<h4 class="text-center bg-info" style="padding: 5px;">Academic Information</h4>
					<div class="form-group form-group-sm">
						<div class="col-md-12 table-responsive">
							<table class="table table-bordered table-hover table-sortable" id="dynamicTable">
								<thead>
									<tr>
										<th class="text-center" style="width: 340px;">Name Of Exam</th>
										<th class="text-center" style="width: 180px;">Year</th>
										<th class="text-center" style="width: 360px;">Department/Subject</th>
										<th class="text-center" style="width: 140px;">Grade/Division</th>
										<th class="text-center">
											Board/University
											<button type="button" name="add" id="add" class="btn btn-success btn-sm pull-right">
												<i class="fa fa-plus" aria-hidden="true"></i>
											</button>
										</th>
									</tr>
								</thead>
								<tbody>
									@for ($i=0; $i<3; $i++)
										<tr>
											<td>
												<input type="text" name="academic_information[{{ $i }}][ac_exam_name]" placeholder="Name Of Exam" class="form-control"
													value="{{ old('academic_information') ? old('academic_information')[$i]['ac_exam_name'] : '' }}"
												/>
											</td>
											<td>
												<input type="text" name="academic_information[{{ $i }}][ac_year]"  placeholder="Year" class="form-control"
													value="{{ old('academic_information') ? old('academic_information')[$i]['ac_year'] : '' }}"
												/>
											</td>
											<td>
												<input type="text" name="academic_information[{{ $i }}][ac_department]"  placeholder="Department/Subject" class="form-control"
													value="{{ old('academic_information') ? old('academic_information')[$i]['ac_department'] : '' }}"
												/>
											</td>
											<td>
												<input type="text" name="academic_information[{{ $i }}][ac_grade]" placeholder="Grade/Division" class="form-control"
													value="{{ old('academic_information') ? old('academic_information')[$i]['ac_grade'] : '' }}"
												/>
											</td>
											<td>
												<input type="text" name="academic_information[{{ $i }}][ac_board]" placeholder="Board/University" class="form-control"
													value="{{ old('academic_information') ? old('academic_information')[$i]['ac_board'] : '' }}"
												/>
											</td>
										</tr>
									@endfor
								</tbody>
							</table>
						</div>
					</div>

					<h4 class="text-center bg-info" style="padding: 5px;">Training Details</h4>
					<div class="form-group form-group-sm">
						<div class="col-md-12 table-responsive">
							<table class="table table-bordered table-hover table-sortable" id="traningTable">
								<thead>
									<tr>
										<th class="text-center" style="width: 200px;">Name of training</th>
										<th class="text-center" style="width: 200px;">Authority</th>
										<th class="text-center" style="width: 100px;">Tenure</th>
										<th class="text-center" style="width: 100px;">
											Year
											<button type="button" name="add_traning" id="add_traning" class="btn btn-success btn-sm pull-right">
												<i class="fa fa-plus" aria-hidden="true"></i>
											</button>
										</th>
									</tr>
								</thead>
								<tbody>
									@for ($i=0; $i<1; $i++)
										<tr>
											<td>
												<input type="text" name="traning_information[{{ $i }}][name_of_training]"  placeholder="Name of training" class="form-control"
													value="{{ old('traning_information') ? old('traning_information')[$i]['name_of_training'] : '' }}"
												/>
											</td>
											<td>
												<input type="text" name="traning_information[{{ $i }}][authority]"  placeholder="Authority" class="form-control"
													value="{{ old('traning_information') ? old('traning_information')[$i]['authority'] : '' }}"
												/>
											</td>
											<td>
												<input type="text" name="traning_information[{{ $i }}][tenure]" placeholder="Tenure" class="form-control"
													value="{{ old('traning_information') ? old('traning_information')[$i]['tenure'] : '' }}"
												/>
											</td>
											<td>
												<input type="text" name="traning_information[{{ $i }}][year]"  placeholder="Year" class="form-control"
													value="{{ old('traning_information') ? old('traning_information')[$i]['year'] : '' }}"
												/>
											</td>
										</tr>
									@endfor
								</tbody>
							</table>
						</div>
					</div>

					<h4 class="text-center bg-info" style="padding: 5px;">Achievement Details</h4>
					<div class="form-group form-group-sm">
						<div class="col-md-12 table-responsive">
							<table class="table table-bordered table-hover table-sortable" id="achievementTable">
								<thead>
									<tr>
										<th class="text-center" style="width: 400px;">Achievement Details</th>
										<th class="text-center" style="width: 100px;">
											Year
											<button type="button" name="add_achievement" id="add_achievement" class="btn btn-success btn-sm pull-right">
												<i class="fa fa-plus" aria-hidden="true"></i>
											</button>
										</th>
									</tr>
								</thead>
								<tbody>
									@for ($i=0; $i<1; $i++)
										<tr>
											<td>
												<textarea class="form-control" name="achievement_information[{{ $i }}][details]"
													id="details">{{ old('achievement_information') ? old('achievement_information')[$i]['details'] : '' }}</textarea>
											</td>
											<td>
												<input type="text" name="achievement_information[{{ $i }}][year]" placeholder="2021"
													class="form-control" value="{{ old('achievement_information') ? old('achievement_information')[$i]['year'] : '' }}"
												/>
											</td>
										</tr>
									@endfor
								</tbody>
							</table>
						</div>
					</div>

					<h4 class="text-center bg-info" style="padding: 5px;">Online Class Information ( Zoom )</h4>
					<div class="form-group form-group-sm">
						<div class="col-sm-6">
							<div class="input-group">
								<span class="input-group-addon" id="zoom_api_key" style="font-weight: bold;">Zoom Api Key</span>
								<input type="text" class="form-control" id="zoom_api_key" name="zoom_api_key" value="{{ old('zoom_api_key') }}">
							</div>
						</div>
						<div class="col-sm-6">
							<div class="input-group">
								<span class="input-group-addon" id="zoom_api_secret" style="font-weight: bold;">Zoom Api Secret</span>
								<input type="text" class="form-control" id="zoom_api_secret" name="zoom_api_secret" value="{{ old('zoom_api_secret') }}">
							</div>
						</div>
					</div>

					<div class="form-group">
						<div class="col-sm-12">
							<button type="submit" class="btn btn-primary btn-sm btn-block">
								<i class="fa fa-floppy-o"></i> Save
							</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
var i = 0;

$("#add_bank").click(function() {
	++i;

	$("#bankTable").append(
		`<tr>
			<td>
				<input type="text" name="bank_information[' + i + '][bank_name]" placeholder="Bank Name" class="form-control" />
			</td>
			<td>
				<input type="text" name="bank_information[' + i + '][bank_account_no]" placeholder="Bank Account No" class="form-control" />
			</td>
			<td>
				<input type="text" name="bank_information[' + i + '][bank_branch]" placeholder="Bank Branch" class="form-control" />
			</td>
			<td width="1%">
				<button type="button" class="btn btn-danger btn-sm remove-tr">
					<i class="fa fa-window-close" aria-hidden="true"></i>
				</button>
			</td>
		</tr>`
	);
});

$("#add_experience").click(function() {
	++i;

	$("#experienceTable").append(
		`<tr>
			<td>
				<input type="text" name="experience_information[' + i + '][institute]" placeholder="Institute" class="form-control" />
			</td>
			<td>
				<input type="text" name="experience_information[' + i + '][position]" placeholder="Lecturer" class="form-control" />
			</td>
			<td>
				<input type="text" name="experience_information[' + i + '][tenure]"  placeholder="6 months" class="form-control" />
			</td>
			<td width="1%">
				<button type="button" class="btn btn-danger btn-sm remove-tr">
					<i class="fa fa-window-close" aria-hidden="true"></i>
				</button>
			</td>
		</tr>`
	);
});

$("#add").click(function(){
	++i;

	$("#dynamicTable").append(
		`<tr>
			<td>
				<input type="text" name="academic_information[' + i + '][ac_exam_name]" placeholder="Name Of Exam" class="form-control" />
			</td>
			<td>
				<input type="text" name="academic_information[' + i + '][ac_year]"  placeholder="Year" class="form-control" />
			</td>
			<td>
				<input type="text" name="academic_information[' + i + '][ac_department]"  placeholder="Department/Subject" class="form-control" />
			</td>
			<td>
				<input type="text"name="academic_information[' + i + '][ac_grade]" placeholder="Grade/Division" class="form-control" />
			</td>
			<td>
				<input type="text" name="academic_information[' + i + '][ac_board]" placeholder="Board/University" class="form-control" />
			</td>
			<td width="1%">
				<button type="button" class="btn btn-danger btn-sm remove-tr">
					<i class="fa fa-window-close" aria-hidden="true"></i>
				</button>
			</td>
		</tr>`
	);
});

$("#add_traning").click(function(){
	++i;

	$("#traningTable").append(
		`<tr>
			<td>
				<input type="text" name="traning_information[' + i + '][name_of_training]"  placeholder="Name of training" class="form-control" />
			</td>
			<td>
				<input type="text" name="traning_information[' + i + '][authority]"  placeholder="Authority" class="form-control" />
			</td>
			<td>
				<input type="text" name="traning_information[' + i + '][tenure]" placeholder="Tenure" class="form-control" />
			</td>
			<td>
				<input type="text" name="traning_information[' + i + '][year]"  placeholder="Year" class="form-control" />
			</td>
			<td width="1%">
				<button type="button" class="btn btn-danger btn-sm remove-tr">
					<i class="fa fa-window-close" aria-hidden="true"></i>
				</button>
			</td>
		</tr>`
	);
});

$("#add_language").click(function(){
	++i;

	$("#language").append(
		`<tr>
			<td>
				<select class="form-control" id="lan_id" name="language_information[{{ $i }}][lan_id]">
					<option value="">--Select Language--</option>
					@foreach ($languages as $langeage)
						<option value="{{ $langeage->id }}">{{ $langeage->name_en }}</option>
					@endforeach
				</select>
			</td>
			<td>
				<select class="form-control" id="speaking" name="language_information[{{ $i }}][speaking]">
					<option value="">--Select--</option>
					<option value="1">Good</option>
					<option value="2">Best</option>
					<option value="3">Better</option>
				</select>
			</td>
			<td>
				<select class="form-control" id="reading" name="language_information[{{ $i }}][reading]">
					<option value="">--Select--</option>
					<option value="1">Good</option>
					<option value="2">Best</option>
					<option value="3">Better</option>
				</select>
			</td>
			<td>
				<select class="form-control" id="writting" name="language_information[{{ $i }}][writting]">
					<option value="">--Select--</option>
					<option value="1">Good</option>
					<option value="2">Best</option>
					<option value="3">Better</option>
				</select>
			</td>
			<td width="1%">
				<button type="button" class="btn btn-danger btn-sm remove-tr">
					<i class="fa fa-window-close" aria-hidden="true"></i>
				</button>
			</td>
		</tr>`
	);
});

$("#add_family").click(function(){
	++i;

	$("#familyTable").append(
		`<tr>
			<td>
				<input type="text" name="family_information[' + i + '][name]" placeholder="Name" class="form-control" />
			</td>
			<td>
				<input type="text" name="family_information[' + i + '][relation]" placeholder="Relation" class="form-control" />
			</td>
			<td>
				<input type="text" name="family_information[' + i + '][profession]"  placeholder="Profession" class="form-control" />
			</td>
			<td width="1%">
				<button type="button" class="btn btn-danger btn-sm remove-tr">
					<i class="fa fa-window-close" aria-hidden="true"></i>
				</button>
			</td>
		</tr>`
	);
});

$("#add_achievement").click(function(){
	++i;

	$("#achievementTable").append(
		`<tr>
			<td>
				<textarea class="form-control" id="address" name="achievement_information[' + i + '][details]"></textarea>
			</td>
			<td>
				<input type="text" name="achievement_information[' + i + '][year]"  placeholder="Year" class="form-control" />
			</td>
			<td width="1%">
				<button type="button" class="btn btn-danger btn-sm remove-tr">
					<i class="fa fa-window-close" aria-hidden="true"></i>
				</button>
			</td>
		</tr>`
	);
});

$(document).on('click', '.remove-tr', function(){
	$(this).parents('tr').remove();
});
</script>

@endsection