<style>
.error {
	color: red;
	font-size: .7em;
}

</style>
<!-- Begin Page Content -->
<div class="container-fluid page-custum">
	<!-- Page Heading -->
	<h1 class="h3 mb-4 text-gray-800"><?= $title ?></h1>
	<div class="row">
		<div class="col-4">
			<?= $this->session->flashdata('message') ?>
		</div>
	</div>
	<div class="row">
		<div class="col">
			<div class="card  border-left-secondary shadow h-100 py-2" style="min-haight:100vh">
				<div class="card-body">
					<!-- START FORM WIZART -->
					<!-- start template form  wizart-->
					<!-- SmartWizard html -->
					<div id="smartwizard">
						<ul class="nav">
							<li class="nav-item">
								<a class="nav-link" href="#step-1">
									<div class="num">1</div>
									Step Title
								</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#step-2">
									<span class="num">2</span>
									Step Title
								</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#step-3">
									<span class="num">3</span>
									Step Title
								</a>
							</li>
							<li class="nav-item">
								<a class="nav-link " href="#step-4">
									<span class="num">4</span>
									Step Title
								</a>
							</li>
						</ul>


						<form action="#" id="myForm">
							<div class="tab-content">
								<div id="step-1" class="tab-pane" role="tabpanel" aria-labelledby="step-1">
									<div class="col-6 col-lg-6">
										<label for="nik">NIK</label>
										<input type="text" class="form-control form-control-sm form-control-custum"
											name="nik" id="nik" value="<?= $user['nik'] ?>" required>
									</div>


								</div>
								<div id="step-2" class="tab-pane" role="tabpanel" aria-labelledby="step-2">
									Step content
								</div>
								<div id="step-3" class="tab-pane" role="tabpanel" aria-labelledby="step-3">
									Step content
								</div>
								<div id="step-4" class="tab-pane" role="tabpanel" aria-labelledby="step-4">
									Step content
								</div>
						</form>
					</div>

					<!-- Include optional progressbar HTML -->
					<div class="progress">
						<div class="progress-bar" role="progressbar" style="width: 0%" aria-valuenow="0"
							aria-valuemin="0" aria-valuemax="100"></div>
					</div>
				</div>
				<!-- end form wizart  -->
			</div>
		</div>
	</div>
</div>
</div>
