<table class="table-bordered" width="100%">
<thead>
	<tr>
		<th>Info Type</th>
		<th class="text-center p-1">
			<label class="switch" data-trigger="hover" data-tooltip="tooltip" title="" data-original-title="All forms">
				<input type="checkbox" data-form="all" onclick="allType(this)" id="all-checkbox" name="all_checkbox">
				<span class="slider round"></span>
			</label>
		</th>
	</tr>
</thead>
<tbody>
<?php if ($this->router->fetch_class()=='StaffProfile' && 
$this->router->fetch_method()=='new_action_type') { ?>
	<tr>
		<td class="p-1"><b><a href="#sect-joining-header">Employment Detail</a></b></td>
		<td class="text-center p-1">
			<label class="switch" data-trigger="hover" data-tooltip="tooltip" title="" data-original-title="Joining group form">
				<input type="checkbox" data-form="sect-joining" id="join-group-checkbox" onclick="infoType(this)" name="join_group_checkbox">
				<span class="slider round"></span>
			</label>
		</td>
	</tr>
<?php } ?>
	<tr>
		<td class="p-1"><b><a href="#sect-address-header">Address</a></b></td>
		<td class="text-center p-1">
			<label class="switch" data-trigger="hover" data-tooltip="tooltip" title="" data-original-title="Address form">
				<input type="checkbox" data-form="sect-address" id="address-checkbox" onclick="infoType(this)" name="address_checkbox">
				<span class="slider round"></span>
			</label>
		</td>
	</tr>

	<tr>
		<td class="p-2"><b><a href="#sect-family-info-header">Family Info</a></b></td>
		<td class="text-center p-2">
			<label class="switch" data-trigger="hover" data-tooltip="tooltip" title="" data-original-title="Family information form">
				<input type="checkbox" data-form="sect-family-info" id="family-info-checkbox" onclick="infoType(this)" name="family_info_checkbox">
				<span class="slider round"></span>
			</label>
		</td>
	</tr>

	<tr>
		<td class="p-2"><b><a href="#sect-academic-qualification-header">Academic Education</a></b></td>
		<td class="text-center p-2">
			<label class="switch" data-trigger="hover" data-tooltip="tooltip" title="" data-original-title="Academic education form">
				<input type="checkbox" data-form="sect-academic-qualification" id="academic-qualification-checkbox" onclick="infoType(this)" name="academic_qualification_checkbox">
				<span class="slider round"></span>
			</label>
		</td>
	</tr>

	<tr>
		<td class="p-2"><b><a href="#sect-education-in-progress-header">Education In Progress</a></b></td>
		<td class="text-center p-2">
			<label class="switch" data-trigger="hover" data-tooltip="tooltip" title="" data-original-title="Education in progress form">
				<input type="checkbox" data-form="sect-education-in-progress" id="education-in-progress-checkbox" onclick="infoType(this)" name="education_in_progress_checkbox">
				<span class="slider round"></span>
			</label>
		</td>
	</tr>

	<tr>
		<td class="p-2"><b><a href="#sect-emergency-contact-header">Emergency Contact</a></b></td>
		<td class="text-center p-2">
			<label class="switch" data-trigger="hover" data-tooltip="tooltip" title="" data-original-title="Emergency contact form">
				<input type="checkbox" data-form="sect-emergency-contact" id="emergency-contact-checkbox" onclick="infoType(this)" name="emergency_contact_checkbox">
				<span class="slider round"></span>
			</label>
		</td>
	</tr>

	<tr>
		<td class="p-2"><b><a href="#sect-personal-data-header">Additional Personal Data</a></b></td>
		<td class="text-center p-2">
			<label class="switch" data-trigger="hover" data-tooltip="tooltip" title="" data-original-title="Additional personal data form">
				<input type="checkbox" data-form="sect-personal-data" id="additional-personal-data-checkbox" onclick="infoType(this)" name="additional_personal_data_checkbox">
				<span class="slider round"></span>
			</label>
		</td>
	</tr>
<?php if ($this->router->fetch_class()=='StaffProfile' && 
$this->router->fetch_method()=='new_action_type') { ?>
	<tr>
		<td class="p-2"><b><a href="#sect-employment-detail-header">Previous Employment Detail</a></b></td>
		<td class="text-center p-2">
			<label class="switch" data-trigger="hover" data-tooltip="tooltip" title="" data-original-title="Previous employment form">
				<input type="checkbox" data-form="sect-employment-detail" id="employment-detail-checkbox" onclick="infoType(this)" name="employment_detail_checkbox">
				<span class="slider round"></span>
			</label>
		</td>
	</tr>
<?php } ?>
	<tr>
		<td class="p-2"><b><a href="#sect-professional-membership-header">Professional Memberships</a></b></td>
		<td class="text-center p-2">
			<label class="switch" data-trigger="hover" data-tooltip="tooltip" title="" data-original-title="Professional membership form">
				<input type="checkbox" data-form="sect-professional-membership" id="professional-membership-checkbox" onclick="infoType(this)" name="professional_membership_checkbox">
				<span class="slider round"></span>
			</label>
		</td>
	</tr>

	<tr>
		<td class="p-2"><b><a href="#sect-professional-licenses-header">Professional Licenses</a></b></td>
		<td class="text-center p-2">
			<label class="switch" data-trigger="hover" data-tooltip="tooltip" title="" data-original-title="Professional Licenses form">
				<input type="checkbox" data-form="sect-professional-licenses" id="professional-licenses-checkbox" onclick="infoType(this)" name="professional_licenses_checkbox">
				<span class="slider round"></span>
			</label>
		</td>
	</tr>
	
	<tr>
		<td class="p-2"><b><a href="#sect-professional-education-header">Professional Education</a></b></td>
		<td class="text-center p-2">
			<label class="switch" data-trigger="hover" data-tooltip="tooltip" title="" data-original-title="Professional education form">
				<input type="checkbox" data-form="sect-professional-education" id="professional-education-checkbox" onclick="infoType(this)" name="professional_education_checkbox">
				<span class="slider round"></span>
			</label>
		</td>
	</tr>

	<tr>
		<td class="p-2"><b><a href="#sect-professional-certificate-header">Professional Certificate</a></b></td>
		<td class="text-center p-2">
			<label class="switch" data-trigger="hover" data-tooltip="tooltip" title="" data-original-title="Professional certificate form">
				<input type="checkbox" data-form="sect-professional-certificate" id="professional-certificate-checkbox" onclick="infoType(this)" name="professional_certificate_checkbox">
				<span class="slider round"></span>
			</label>
		</td>
	</tr>

	<tr>
		<td class="p-2"><b><a href="#sect-recognition-header">Recognition</a></b></td>
		<td class="text-center p-2">
			<label class="switch" data-trigger="hover" data-tooltip="tooltip" title="" data-original-title="Recognition form">
				<input type="checkbox" data-form="sect-recognition" id="recognition-checkbox" onclick="infoType(this)" name="recognition_checkbox">
				<span class="slider round"></span>
			</label>
		</td>
	</tr>
<?php if ($this->router->fetch_class()=='StaffProfile' && 
$this->router->fetch_method()=='new_action_type') { ?>
	<tr>
		<td class="p-2"><b><a href="#sect-contract-element-header">Contract Element</a></b></td>
		<td class="text-center p-2">
			<label class="switch" data-trigger="hover" data-tooltip="tooltip" title="" data-original-title="Contract element form">
				<input type="checkbox" data-form="sect-contract-element" id="contract-element-checkbox" onclick="infoType(this)" name="contract_element_checkbox">
				<span class="slider round"></span>
			</label>
		</td>
	</tr>

	<tr>
		<td class="p-2"><b><a href="#sect-basic-pay-header">Basic Pay</a></b></td>
		<td class="text-center p-2" data-trigger="hover" data-tooltip="tooltip" title="" data-original-title="Basic pay form">
			<label class="switch">
				<input type="checkbox" data-form="sect-basic-pay" id="basic-pay-checkbox" onclick="infoType(this)" name="basic_pay_checkbox">
				<span class="slider round"></span>
			</label>
		</td>
	</tr>

	<tr>
		<td class="p-2"><b><a href="#sect-bank-detail-header">Bank Details</a></b></td>
		<td class="text-center p-2">
			<label class="switch" data-trigger="hover" data-tooltip="tooltip" title="" data-original-title="Bank detail form">
				<input type="checkbox" data-form="sect-bank-detail" id="bank-detail-checkbox" onclick="infoType(this)" name="bank_detail_checkbox">
				<span class="slider round"></span>
			</label>
		</td>
	</tr>
<?php } ?>
	<tr>
		<td class="p-2"><b><a href="#sect-statutory-detail-header">Statutory Details</a></b></td>
		<td class="text-center p-2">
			<label class="switch" data-trigger="hover" data-tooltip="tooltip" title="" data-original-title="Statutory detail form">
				<input type="checkbox" data-form="sect-statutory-detail" id="statutory-detail-checkbox" onclick="infoType(this)" name="statutory_detail_checkbox">
				<span class="slider round"></span>
			</label>
		</td>
	</tr>

	<tr>
		<td class="p-2"><b><a href="#sect-recurring-pay-header">Recurring Pay / Deduct</a></b></td>
		<td class="text-center p-2">
			<label class="switch" data-trigger="hover" data-tooltip="tooltip" title="" data-original-title="Recurring pay and deduct form">
				<input type="checkbox" data-form="sect-recurring-pay" id="recurring-pay-checkbox" onclick="infoType(this)" name="recurring_pay_checkbox">
				<span class="slider round"></span>
			</label>
		</td>
	</tr>

	<tr>
		<td class="p-2"><b><a href="#sect-third-party-payment-header">Third Party Payment</a></b></td>
		<td class="text-center p-2">
			<label class="switch" data-trigger="hover" data-tooltip="tooltip" title="" data-original-title="Third party payment form">
				<input type="checkbox" data-form="sect-third-party-payment" id="third-party-checkbox" onclick="infoType(this)" name="third_party_checkbox">
				<span class="slider round"></span>
			</label>
		</td>
	</tr>

</tbody>
</table>