<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Survey Employee Engangement</title>

    <!-- Favicons-->
    <link rel="shortcut icon" href="<?php echo base_url('assets/images/favicon.ico');?>" type="image/x-icon"/>
    <link rel="apple-touch-icon" type="image/x-icon" href="<?php echo base_url('assets/images/apple-touch-icon-57x57-precomposed.png')?>">
    <link rel="apple-touch-icon" type="image/x-icon" sizes="72x72" href="<?php echo base_url('assets/images/apple-touch-icon-72x72-precomposed.png');?>">
    <link rel="apple-touch-icon" type="image/x-icon" sizes="114x114" href="<?php echo base_url('assets/images/apple-touch-icon-114x114-precomposed.png');?>">
    <link rel="apple-touch-icon" type="image/x-icon" sizes="144x144" href="<?php echo base_url('assets/images/apple-touch-icon-144x144-precomposed.png');?>">

    <!-- Css -->
	<link href="<?php echo base_url('assets/bootstrap/css/bootstrap.min.css');?>" rel="stylesheet">
	<link href="<?php echo base_url('assets/font-awesome/font-awesome.min.css');?>" rel="stylesheet">
	<link href="<?= base_url('assets/plugins/jQueryUI/jquery-ui-1.10.4.custom.min.css');?>" rel="stylesheet">
	<link href="<?php echo base_url('assets/style.css');?>" rel="stylesheet">
	<link href="<?php echo base_url('assets/plugins/bootstrap-slider/bootstrap-slider.min.css');?>" rel="stylesheet">

    <!-- Load Javascript -->
    <script src="<?php echo base_url('assets/plugins/jQuery/jQuery-2.1.4.min.js');?>"></script>
	<script src="<?= base_url('assets/plugins/jQueryUI/jquery-ui-1.10.4.custom.min.js');?>"></script>
	<script src="<?= base_url('assets/plugins/jquery.anystretch.min.js');?>"></script>
	<script src="<?= base_url('assets/plugins/jquery.wizard.js');?>"></script>
	<script src="<?= base_url('assets/plugins/jquery.placeholder.js');?>"></script>
	<script src="<?= base_url('assets/plugins/jquery.bxslider.min.js');?>"></script>
    <script src="<?php echo base_url('assets/bootstrap/js/bootstrap.min.js');?>"></script>
	<script src="<?= base_url('assets/plugins/bootstrap-slider/bootstrap-slider.min.js');?>"></script>
	<script src="<?= base_url('assets/plugins/retina-replace.min.js');?>"></script>

	<link rel="stylesheet" href="<?php echo base_url('assets/plugins/select2/select2.min.css');?>" rel="stylesheet" type="text/css"/>
	<script src="<?php echo base_url('assets/plugins/select2/select2.min.js');?>"></script>

	<script src="<?= base_url('assets/plugins/form/jquery.validate.js');?>"></script>
	<script src="<?= base_url('assets/plugins/function.js');?>"></script>

	<style>
	.labelme { font-size: 14pt; padding-top: 10px; }
	.labelpt { padding-top: 4px; }
	.form-group-bottom {height: 55px;}
	.list-group-item {	display: list-item; }
	</style>
	<script type="text/javascript">
	$(document).ready(function(){	
		$(".stretchMe").anystretch();
		var slider1 = new Slider("#ex1", { tooltip:'hide',ticks: [1,2,3,4,5,6,7],ticks_labels: [1,2,3,4,5,6,7], });
		var slider2 = new Slider("#ex2", { tooltip:'hide',ticks: [1,2,3,4,5,6,7],ticks_labels: [1,2,3,4,5,6,7], });
		var slider3 = new Slider("#ex3", { tooltip:'hide',ticks: [1,2,3,4,5,6,7],ticks_labels: [1,2,3,4,5,6,7], });
		var slider4 = new Slider("#ex4", { tooltip:'hide',ticks: [1,2,3,4,5,6,7],ticks_labels: [1,2,3,4,5,6,7], });
		var slider5 = new Slider("#ex5", { tooltip:'hide',ticks: [1,2,3,4,5,6,7],ticks_labels: [1,2,3,4,5,6,7], });
		var slider6 = new Slider("#ex6", { tooltip:'hide',ticks: [1,2,3,4,5,6,7],ticks_labels: [1,2,3,4,5,6,7], });
		var slider7 = new Slider("#ex7", { tooltip:'hide',ticks: [1,2,3,4,5,6,7],ticks_labels: [1,2,3,4,5,6,7], });
		var slider8 = new Slider("#ex8", { tooltip:'hide',ticks: [1,2,3,4,5,6,7],ticks_labels: [1,2,3,4,5,6,7], });
		var slider9 = new Slider("#ex9", { tooltip:'hide',ticks: [1,2,3,4,5,6,7],ticks_labels: [1,2,3,4,5,6,7], });
		var slider10 = new Slider("#ex10", { tooltip:'hide',ticks: [1,2,3,4,5,6,7],ticks_labels: [1,2,3,4,5,6,7], });
		var slider11 = new Slider("#ex11", { tooltip:'hide',ticks: [1,2,3,4,5,6,7],ticks_labels: [1,2,3,4,5,6,7], });
		var slider12 = new Slider("#ex12", { tooltip:'hide',ticks: [1,2,3,4,5,6,7],ticks_labels: [1,2,3,4,5,6,7], });
		var slider13 = new Slider("#ex13", { tooltip:'hide',ticks: [1,2,3,4,5,6,7],ticks_labels: [1,2,3,4,5,6,7], });
		var slider14 = new Slider("#ex14", { tooltip:'hide',ticks: [1,2,3,4,5,6,7],ticks_labels: [1,2,3,4,5,6,7], });
		var slider15 = new Slider("#ex15", { tooltip:'hide',ticks: [1,2,3,4,5,6,7],ticks_labels: [1,2,3,4,5,6,7], });
		var slider16 = new Slider("#ex16", { tooltip:'hide',ticks: [1,2,3,4,5,6,7],ticks_labels: [1,2,3,4,5,6,7], });
		var slider17 = new Slider("#ex17", { tooltip:'hide',ticks: [1,2,3,4,5,6,7],ticks_labels: [1,2,3,4,5,6,7], });

<?php echo slider_survey($sAccountId,$kondisi);?>

		$("#gender").select2({
			placeholder: "Pilih Jenis Kelamin",
			allowClear: true,
			minimumResultsForSearch: Infinity,
		});

		$("#tipen").select2({
			placeholder: "Pilih Pendidikan",
			allowClear: true,
			minimumResultsForSearch: Infinity,
		});

		$("#region").select2({
			placeholder: "Pilih Region",
			allowClear: true,
			minimumResultsForSearch: Infinity,
			ajax: {
				url 			: "<?php echo apis1;?>/region/fnRegionComboData",
				dataType		: 'json',
				delay			: 250,
				data: function (params) {
				  return {
					term: params.term, // search term
					f_account_id: <?php echo $sAccountId;?>
				  };
				},
				processResults	: function(data,params) {
					return {
					        results: data.result,
						}
				},
				cache: false
			},
		});

		var $level1 = $("#level1"); 
		$level1.select2({
			placeholder: "Pilih <?php echo $label['f_label_level1'];?>",
			allowClear: true,
			minimumResultsForSearch: Infinity,
			ajax: {
				url 			: "<?php echo apis1;?>/levelofposition/fnLevelofpositionComboData",
				dataType		: 'json',
				delay			: 250,
				data: function (params) {
				  return {
					term: params.term, // search term
					f_account_id: <?php echo $sAccountId;?>
				  };
				},
				processResults	: function(data,params) {
					return {
					        results: data.result,
						}
				},
				cache: false
			},
		});

		var $level2 = $("#level2"); 
		$level2.select2({
			placeholder: "Pilih <?php echo $label['f_label_level2'];?>",
			allowClear: true,
			minimumResultsForSearch: Infinity,
			ajax: {
				url 			: "<?php echo apis1;?>/position2/fnPosition2ComboData",
				dataType		: 'json',
				delay			: 250,
				data: function (params) {
				  return {
					term: params.term, // search term
					f_id1: $("#level1").val(),
					f_account_id: <?php echo $sAccountId;?>,
				  };
				},
				processResults	: function(data,params) {
					return {
					        results: data.result,
						}
				},
				cache: false
			},
		});

		var $level3 = $("#level3"); 
		$level3.select2({
			placeholder: "Pilih <?php echo $label['f_label_level3'];?>",
			allowClear: true,
			minimumResultsForSearch: Infinity,
			ajax: {
				url 			: "<?php echo apis1;?>/position3/fnPosition3ComboData",
				dataType		: 'json',
				delay			: 250,
				data: function (params) {
				  return {
					term: params.term, // search term
					f_id2: $("#level2").val(),
					f_account_id: <?php echo $sAccountId;?>,
				  };
				},
				processResults	: function(data,params) {
					return {
					        results: data.result,
						}
				},
				cache: false
			},
		});
		$level1.on("change", function () { $level2.val('').trigger("change"); $level3.val('').trigger("change"); });
		$level2.on("change", function () { $level3.val('').trigger("change"); });

		$("#masakerja").select2({
			placeholder: "Pilih Masa Kerja",
			allowClear: true,
			minimumResultsForSearch: Infinity,
			ajax: {
				url 			: "<?php echo apis1;?>/lengthofservice/fnLengthofserviceComboData",
				dataType		: 'json',
				delay			: 250,
				data: function (params) {
				  return {
					term: params.term, // search term
					f_account_id: <?php echo $sAccountId;?>
				  };
				},
				processResults	: function(data,params) {
					return {
					        results: data.result,
						}
				},
				cache: false
			},
		});

		$("#age").select2({
			placeholder: "Pilih Usia",
			allowClear: true,
			minimumResultsForSearch: Infinity,
			ajax: {
				url 			: "<?php echo apis1;?>/age/fnAgeComboData",
				dataType		: 'json',
				delay			: 250,
				data: function (params) {
				  return {
					term: params.term, // search term
					f_account_id: <?php echo $sAccountId;?>
				  };
				},
				processResults	: function(data,params) {
					return {
					        results: data.result,
						}
				},
				cache: false
			},
		});

		$("#level_of_work").select2({
			placeholder: "Pilih Jabatan",
			allowClear: true,
			minimumResultsForSearch: Infinity,
			ajax: {
				url 			: "<?php echo apis1;?>/levelofwork/fnLevelofworkComboData",
				dataType		: 'json',
				delay			: 250,
				data: function (params) {
				  return {
					term: params.term, // search term
					f_account_id: <?php echo $sAccountId;?>
				  };
				},
				processResults	: function(data,params) {
					return {
					        results: data.result,
						}
				},
				cache: false
			},
		});

<?php
if( count($clabel) > 0 ){
	$js= '';
	foreach(array_sort($clabel,'idlabel','SORT_ASC') as $l):
$js .= "
		$('#".$l['idlabel']."').select2({
			placeholder: 'Pilih ".$l['idlabel']."',
			allowClear: true,
			minimumResultsForSearch: Infinity,
		});
		";
	endforeach;
	echo $js;
}
?>
	});
	</script>

</head>
<body style="overflow: visible;">
	<div class="stretchMe" data-stretch="<?php echo base_url('assets/images/main-bg.jpg');?>">
		<div id="wrapper">
			<header>
				<div class="container-fluid">
					<div class="row">
						<div id="logo" class="col-md-4 col-xs-3">
							<a href="#"><img width="132" height="21" data-retina="true" alt="Logo" src="<?php echo base_url('assets/images/logo_act.png');?>"></a>
						</div>					
					</div> <!-- end row -->
				</div> <!-- end container-fluid -->
			</header> <!-- end header -->
	
			<div class="col-md-12 main-title">
<?php echo unserialize($setting['f_page_welcome'])['content'];?>
			</div>
	
			<section class="container" > <!-- start review container -->
			<div id="review_container">
				<div id="top-wizard">
					<strong>Progress <span id="location"></span></strong>
					<div id="progressbar"></div>
					<div class="shadow"></div>
				</div> <!-- end top-wizard -->
				
				<form name="example-1" id="wrapped" method="POST">
					<div id="middle-wizard">
					<div class="step"> <!-- start step 1-->
						<div class="row">
							<div class="col-md-3">
								<p class="visible-lg visible-md">
									<img src="<?php echo base_url('assets/images/step_1.png');?>" width="90" height="90" alt="" data-retina="true">
								</p>
								<p class="lead">
									Silahkan menilai.
								</p>
								<p>
									Mohon kesediaan Bapak/Ibu untuk mengisi data identitas berikut dengan keadaan sebenarnya. 
								</p>
							</div>
<?php $pilih = array(''=>'--- Pilih ---');?>
							<div class="col-md-8 col-md-offset-1 data-list">
									<h4>Info Pribadi Anda</h4>
								<!-- Pilihan Lokasi Kerja -->
								<?php	if( $region > 0 ){ ?>
								<div class="form-group">
									<label class="col-md-4 labelme">Region *</label>
									<div class="col-md-8">
										<?php
										echo form_dropdown('region',$pilih,false,'id="region" class="form-control region" required');
										?>
									</div>								
								</div>
								<br/><br/>
								<?php } ?>
								<div class="form-group">
									<label class="col-md-4 labelme"><?php echo $label['f_label_level1'];?> *</label>
									<div class="col-md-8">
										<?php
										echo form_dropdown('level1',$pilih,false,'id="level1" class="form-control level1" required');
										?>
									</div>								
								</div>
								<br/><br/>
								<div class="form-group">
									<label class="col-md-4 labelme"><?php echo $label['f_label_level2'];?> *</label>
									<div class="col-md-8">
										<?php
										echo form_dropdown('level2',$pilih,false,'id="level2" class="form-control level2" required');
										?>
									</div>								
								</div>
								<br/><br/>
								<div class="form-group">
									<label class="col-md-4 labelme"><?php echo $label['f_label_level3'];?> *</label>
									<div class="col-md-8">
										<?php
										echo form_dropdown('level3',$pilih,false,'id="level3" class="form-control level3" required');
										?>
									</div>								
								</div>
								<br/><br/>
								<?php	if( $work > 0 ){ ?>
								<div class="form-group">
									<label class="col-md-4 labelme">Jabatan *</label>
									<div class="col-md-8">
										<?php
										echo form_dropdown('level_of_work',$pilih,false,'id="level_of_work" class="form-control level_of_work" required');
										?>
									</div>								
								</div>
								<br/><br/>
<?php
									}
// apabila ada custom field maka tampilkan dropdown disini -->
if( count($clabel) > 0 ){ 
	foreach(array_sort($clabel,'idlabel','SORT_ASC') as $l):
		echo "<div class=\"form-group\">";
		echo "<label class=\"col-md-4 labelme\">".$l['label']." *</label>";
		echo "<div class=\"col-md-8\">";
		echo form_dropdown($l['idlabel'],$l[$l['idlabel'].'option'],false,'id="'.$l['idlabel'].'" class="form-control '.$l['idlabel'].'" required');
		echo "</div></div><br/><br/>";
	endforeach;
	}
?>
								<div class="form-group">
									<label class="col-md-4 labelme">Masa Kerja *</label>
									<div class="col-md-8">
										<?php
										echo form_dropdown('masakerja',$pilih,false,'id="masakerja" class="form-control masakerja" required');
										?>
									</div>								
								</div>
								<br/><br/>
								<div class="form-group">
									<label class="col-md-4 labelme">Usia *</label>
									<div class="col-md-8">
										<?php
										echo form_dropdown('age',$pilih,false,'id="age" class="form-control age" required');
										?>
									</div>								
								</div>
								<br/><br/>
								<div class="form-group">
									<label class="col-md-4 labelme">Jenis Kelamin *</label>
									<div class="col-md-8">
										<?php
										echo form_dropdown('gender',$gender,false,'id="gender" class="form-control gender"  style="width: 100%" required');
										?>
									</div>								
								</div>
								<br/><br/>
								<div class="form-group">
									<label class="col-md-4 labelme">Tingkat Pendidikan *</label>
									<div class="col-md-8">
										<?php
										$pd = array("SD"=>"SD","SMP"=>"SMP","SMA"=>"SMA","D"=>"Diploma","S"=>"Sarjana","SS"=>"Pascasarjana (S2/S3)","L"=>"Lainnya");
										echo form_dropdown('tipen',$pd,false,'id="tipen" class="form-control tipen" required');
										?>
									</div>								
								</div>
								<br/><br/>

							</div> 
							
						</div><!-- end row -->
					</div><!-- end step-->

<?php
		$howto = unserialize($setting['f_page_howto'])['content'];
		$html = template_survey($sAccountId,$kondisi,$howto);
		echo $html;
?>
					<div class="step"> <!-- start step 2-->
<?php echo unserialize($setting['f_page_howto'])['content'];?>
						<div class="row">
							<div class="col-md-4">
								<p class="visible-lg visible-md">
									<img src="<?php echo base_url('assets/images/step_1.png');?>" width="90" height="90" alt="" data-retina="true">
								</p>
								<p class="lead">
									Skala Kekuatan (Vigor Scale)
								</p>
								<p>
									1 = Tidak Pernah<br/>
									2 = Hampir Tidak Pernah atau 1x/thn atau kurang<br/>
									3 = Jarang atau 1x/bln atau kurang<br/>
									4 = Kadang-kadang atau Bebrapa kali sebulan<br/>
									5 = Sering atau 1x/minggu<br/>
									6 = Sangat Sering atau Bebrapa Kali seminggu<br/>
									7 = Selalu atau Setiap Hari<br/>
								</p>
							</div> <!-- end col-md -->
							
							<div class="col-md-8 data-list">
								<h4>Kekuatan (Vigor)</h4>
								<div class="form-group">
									<label class="col-md-8 labelpt">1. Energi saya meluap-luap ketika saya bekerja. (VI1) </label>
									<div class="col-md-4">
										<input id="ex1" name="ex1" data-slider-id='ex1Slider' type="text" data-slider-min="1" data-slider-max="7" data-slider-step="1" data-slider-value="1" class="form-control"/>
									</div>																	
								</div>
								<div class="form-group-bottom"></div>
								<div class="form-group">
									<label class="col-md-8 labelpt">2. Saya merasa kuat dan penuh semangat dalam pekerjaan saya (VI2)</label>
									<div class="col-md-4">
										<input id="ex2" name="ex2" data-slider-id='ex1Slider' type="text" data-slider-min="1" data-slider-max="7" data-slider-step="1" data-slider-value="1" class="form-control"/>
									</div>																	
								</div>
								<div class="form-group-bottom"></div>
								<div class="form-group">
									<label class="col-md-8 labelpt">3. Ketika saya bangun di pagi hari, saya merasa bersemangat untuk pergi bekerja.(VI3)</label>
									<div class="col-md-4">
										<input id="ex3" name="ex3" data-slider-id='ex1Slider' type="text" data-slider-min="1" data-slider-max="7" data-slider-step="1" data-slider-value="1" class="form-control"/>
									</div>																	
								</div>
								<div class="form-group-bottom"></div>
								<div class="form-group">
									<label class="col-md-8 labelpt">4. Saya dapat terus bekerja untuk waktu yang sangat lama pada suatu waktu. (VI4)</label>
									<div class="col-md-4">
										<input id="ex4" name="ex4" data-slider-id='ex1Slider' type="text" data-slider-min="1" data-slider-max="7" data-slider-step="1" data-slider-value="1" class="form-control"/>
									</div>																	
								</div>
								<div class="form-group-bottom"></div>
								<div class="form-group">
									<label class="col-md-8 labelpt">5. Pada pekerjaan saya, saya merasa sangat bermental tangguh. (VI5)</label>
									<div class="col-md-4">
										<input id="ex5" name="ex5" data-slider-id='ex1Slider' type="text" data-slider-min="1" data-slider-max="7" data-slider-step="1" data-slider-value="1" class="form-control"/>
									</div>																	
								</div>
								<div class="form-group-bottom"></div>
								<div class="form-group">
									<label class="col-md-8 labelpt">6. Saya selalu bertahan bahkan dalam kondisi ketika segala sesuatu di tempat kerja saya  tidak berjalan dengan baik. (VI6)</label>
									<div class="col-md-4">
										<input id="ex6" name="ex6" data-slider-id='ex1Slider' type="text" data-slider-min="1" data-slider-max="7" data-slider-step="1" data-slider-value="1" class="form-control"/>
									</div>																	
								</div>
							</div> <!-- end col-md -->
						</div> <!-- end row -->
					</div> <!-- end step 2 -->

					<div class="step"> <!-- start step 3-->
						<p>
							Harap isi pilih pernyataan berikut dengan persepsi/pendapat Bapak/Ibu/Saudara terkait tentang perasaan anda dalam pekerjaan anda.<br/>Harap setiap pernyataan tersebut dibaca dengan seksama dan putuskan jawaban anda mengenai bagaimana perasaan anda terhadap pekerjaan anda.<br/>Jika anda tidak pernah memiliki perasaan tersebut maka pilih jawaban “1” (satu) dalam kolom jawaban.<br/>Jika anda pernah memiliki perasaan tersebut, indikasikan seberapa sering anda merasakan perasaan tersebut dengan memilih angka (2 sampai 7) yang benar-benar menggambarkan kondisi anda.
						</p>
						<div class="row">
							<div class="col-md-4">
								<p class="visible-lg visible-md">
									<img src="<?php echo base_url('assets/images/step_1.png');?>" width="90" height="90" alt="" data-retina="true">
								</p>
								<p class="lead">
									Skala Dedikasi (Dedication Scale)
								</p>
								<p>
									1 = Tidak Pernah<br/>
									2 = Hampir Tidak Pernah atau 1x/thn atau kurang<br/>
									3 = Jarang atau 1x/bln atau kurang<br/>
									4 = Kadang-kadang atau Bebrapa kali sebulan<br/>
									5 = Sering atau 1x/minggu<br/>
									6 = Sangat Sering atau Bebrapa Kali seminggu<br/>
									7 = Selalu atau Setiap Hari<br/>
								</p>
							</div> <!-- end col-md -->
							
							<div class="col-md-8 data-list">
								<div class="form-group">
								<h4>Dedikasi (Dedication)</h4>
									<label class="col-md-8 labelpt">1. Saya menemukan bahwa pekerjaan yang saya lakukan penuh makna dan tujuan. (DE1)</label>
									<div class="col-md-4">
										<input id="ex7" name="ex7" data-slider-id='ex1Slider' type="text" data-slider-min="1" data-slider-max="7" data-slider-step="1" data-slider-value="1" class="form-control"/>
									</div>																	
								</div>
								<div class="form-group-bottom"></div>
								<div class="form-group">
									<label class="col-md-8 labelpt">2. Saya merasa antusias dengan pekerjaan saya. (DE2)</label>
									<div class="col-md-4">
										<input id="ex8" name="ex8" data-slider-id='ex1Slider' type="text" data-slider-min="1" data-slider-max="7" data-slider-step="1" data-slider-value="1" class="form-control"/>
									</div>																	
								</div>
								<div class="form-group-bottom"></div>
								<div class="form-group">
									<label class="col-md-8 labelpt">3. Pekerjaan saya menginspirasi saya. (DE3)</label>
									<div class="col-md-4">
										<input id="ex9" name="ex9" data-slider-id='ex1Slider' type="text" data-slider-min="1" data-slider-max="7" data-slider-step="1" data-slider-value="1" class="form-control"/>
									</div>																	
								</div>
								<div class="form-group-bottom"></div>
								<div class="form-group">
									<label class="col-md-8 labelpt">4. Saya bangga dengan pekerjaan yang saya lakukan.(DE4)</label>
									<div class="col-md-4">
										<input id="ex10" name="ex10" data-slider-id='ex1Slider' type="text" data-slider-min="1" data-slider-max="7" data-slider-step="1" data-slider-value="1" class="form-control"/>
									</div>																	
								</div>
								<div class="form-group-bottom"></div>
								<div class="form-group">
									<label class="col-md-8 labelpt">5. Bagi saya, pekerjaan saya adalah menantang. (DE5)</label>
									<div class="col-md-4">
										<input id="ex11" name="ex11" data-slider-id='ex1Slider' type="text" data-slider-min="1" data-slider-max="7" data-slider-step="1" data-slider-value="1" class="form-control"/>
									</div>																	
								</div>
							</div> <!-- end col-md -->
						</div> <!-- end row -->
					</div> <!-- end step 3 -->
					
					<div class="step"> <!-- start step 4-->
						<p>
							Harap isi pilih pernyataan berikut dengan persepsi/pendapat Bapak/Ibu/Saudara terkait tentang perasaan anda dalam pekerjaan anda.<br/>Harap setiap pernyataan tersebut dibaca dengan seksama dan putuskan jawaban anda mengenai bagaimana perasaan anda terhadap pekerjaan anda.<br/>Jika anda tidak pernah memiliki perasaan tersebut maka pilih jawaban “1” (satu) dalam kolom jawaban.<br/>Jika anda pernah memiliki perasaan tersebut, indikasikan seberapa sering anda merasakan perasaan tersebut dengan memilih angka (2 sampai 7) yang benar-benar menggambarkan kondisi anda.
						</p>
						<div class="row">
							<div class="col-md-4">
								<p class="visible-lg visible-md">
									<img src="<?php echo base_url('assets/images/step_1.png');?>" width="90" height="90" alt="" data-retina="true">
								</p>
								<p class="lead">
									Skala Penyerapan (Absorption Scale)
								</p>
								<p>
									1 = Tidak Pernah<br/>
									2 = Hampir Tidak Pernah atau 1x/thn atau kurang<br/>
									3 = Jarang atau 1x/bln atau kurang<br/>
									4 = Kadang-kadang atau Bebrapa kali sebulan<br/>
									5 = Sering atau 1x/minggu<br/>
									6 = Sangat Sering atau Bebrapa Kali seminggu<br/>
									7 = Selalu atau Setiap Hari<br/>
								</p>
							</div> <!-- end col-md -->
							
							<div class="col-md-8 data-list">
								<h4>Penyerapan (Absorption)</h4>
								<div class="form-group">
									<label class="col-md-8 labelpt">1. Waktu berlalu tanpa terasa, ketika saya bekerja. (AB1)</label>
									<div class="col-md-4">
										<input id="ex12" name="ex12" data-slider-id='ex1Slider' type="text" data-slider-min="1" data-slider-max="7" data-slider-step="1" data-slider-value="1" class="form-control"/>
									</div>																	
								</div>
								<div class="form-group-bottom"></div>
								<div class="form-group">
									<label class="col-md-8 labelpt">2. Ketika saya fokus bekerja, bahkan saya dapat melupakan segala sesuatu yang lain di sekitar saya. (AB2)</label>
									<div class="col-md-4">
										<input id="ex13" name="ex13" data-slider-id='ex1Slider' type="text" data-slider-min="1" data-slider-max="7" data-slider-step="1" data-slider-value="1" class="form-control"/>
									</div>																	
								</div>
								<div class="form-group-bottom"></div>
								<div class="form-group">
									<label class="col-md-8 labelpt">3. Saya merasa senang ketika saya bekerja secara intens.(AB3)</label>
									<div class="col-md-4">
										<input id="ex14" name="ex14" data-slider-id='ex1Slider' type="text" data-slider-min="1" data-slider-max="7" data-slider-step="1" data-slider-value="1" class="form-control"/>
									</div>																	
								</div>
								<div class="form-group-bottom"></div>
								<div class="form-group">
									<label class="col-md-8 labelpt">4. Saya menenggelamkan diri saya dalam pekerjaan. (AB4)</label>
									<div class="col-md-4">
										<input id="ex15" name="ex15" data-slider-id='ex1Slider' type="text" data-slider-min="1" data-slider-max="7" data-slider-step="1" data-slider-value="1" class="form-control"/>
									</div>																	
								</div>
								<div class="form-group-bottom"></div>
								<div class="form-group">
									<label class="col-md-8 labelpt">5. Saya terhanyutkan dan terbawa dengan pekerjaan saya.(AB5)</label>
									<div class="col-md-4">
										<input id="ex16" name="ex16" data-slider-id='ex1Slider' type="text" data-slider-min="1" data-slider-max="7" data-slider-step="1" data-slider-value="1" class="form-control"/>
									</div>																	
								</div>
								<div class="form-group-bottom"></div>
								<div class="form-group">
									<label class="col-md-8 labelpt">6. Saya merasa sulit untuk memisahkan diri dari pekerjaan. (AB6)</label>
									<div class="col-md-4">
										<input id="ex17" name="ex17" data-slider-id='ex1Slider' type="text" data-slider-min="1" data-slider-max="7" data-slider-step="1" data-slider-value="1" class="form-control"/>
									</div>																	
								</div>
							</div> <!-- end col-md -->
						</div> <!-- end row -->
					</div> <!-- end step 4 -->
					
					<div class="submit step" id="complete">
						<i class="icon-check"></i>
<?php echo unserialize($setting['f_page_thanks'])['content'];?>
						<button type="submit" name="process" class="submit">Submit your Survey</button>
					</div><!-- end submit step -->
                        
					</div><!-- end middle-wizard -->
                    
					<div id="bottom-wizard">
						<button type="button" name="backward" class="backward">Backward</button>
						<button type="button" name="forward" class="forward">Forward </button>
					</div><!-- end bottom-wizard -->
				</form>
			</div> <!-- end review_container -->
			</section> <!-- end review container -->
				
				
		</div> <!-- end wrapper -->
	</div> <!-- end stretchMe -->
</body>	
</html>
