<!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 ASSETS_URL;?>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 rel="stylesheet" href="<?php echo ASSETS_URL;?>bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="<?php echo ASSETS_URL;?>font-awesome/font-awesome.min.css">
	<link href="<?php echo base_url('assets/css/tsurvey/style.css');?>" rel="stylesheet">
	<link href="<?php echo ASSETS_URL;?>plugins/jQueryUI/jquery-ui-1.10.4.custom.min.css" rel="stylesheet">
	<link rel="stylesheet" href="<?php echo ASSETS_URL;?>AdminLTE/css/AdminLTE.min.css">

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

	<script src="<?php echo ASSETS_URL;?>plugins/form/jquery.validate.js"></script>
	<link rel="stylesheet" href="<?php echo ASSETS_URL;?>plugins/select2/select2.min.css" rel="stylesheet" type="text/css"/>
	<script src="<?php echo ASSETS_URL;?>plugins/select2/select2.min.js"></script>

	<link rel="stylesheet" href="<?php echo ASSETS_URL;?>plugins/iCheck/all.css" rel="stylesheet" type="text/css"/>
	<script src="<?php echo ASSETS_URL;?>plugins/iCheck/icheck.min.js"></script>

	<script src="<?php echo base_url('assets/js/tsurvey/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>

</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">
					<div class="row" align="center">
						<div id="logo" class="col-md-offset-3 col-md-6">
							<img width="250" height="100" data-retina="true" alt="Logo" src="<?php echo base_url('assets/images/ebs.png');?>">
						</div>					
					</div> <!-- end row -->
				</div> <!-- end container-fluid -->
			</header> <!-- end header -->
	
			<div class="col-md-12 main-title">
			</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" class="form-horizontal" method="POST" action="<?php echo site_url('survey/review_send');?>">
					<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>
								<div class="form-group">
									<label class="col-md-4 labelme">Name <span class="text-red">*</span></label>
									<div class="col-md-8">
										<input type="text" name="nama" id="nama" required class="form-control">
									</div>								
								</div>
								<div class="form-group">
									<label class="col-md-4 labelme">Jenis Kelamin <span class="text-red">*</span></label>
									<div class="col-md-8">
										<?php
										$gender = array('F'=> 'Female','M'=> 'Male',);
										echo form_dropdown('gender',$gender,false,'id="gender" class="form-control gender"  style="width: 100%" required');
										?>
									</div>								
								</div>
							</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="submit step" id="complete">
						<i class="icon-check"></i>
<?php //echo unserialize($setting['f_page_thanks'])['content'];?>
						<button type="submit" name="process" class="submit" value="proses">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 -->

	<script type="text/javascript">
	$(document).ready(function(){	
		$(".stretchMe").anystretch();


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


	});
	</script>

</body>	
</html>
