<!-- Container fluid  -->
<!-- ============================================================== -->
<div class="container-fluid">
	<!-- ============================================================== -->
	<!-- Start Page Content -->
	<!-- ============================================================== -->
	<!-- Row -->
	<div class="row">
		<!-- Column -->
		<div class="col-lg-4 col-xlg-3 col-md-5">
			<div class="card">
				<div class="card-body profile-card">
					<center class="mt-4"> <img src="../assets/images/users/5.jpg"
							class="rounded-circle" width="150" />
						<h4 class="card-title mt-2"></h4>
						<h6 class="card-subtitle"></h6>
						<div class="row justify-content-center">
							<div class="col-5">
								<a href="javascript:void(0)" class="link" placeholder="Petugas">
									<i class="icon-people" aria-hidden="true"></i><br>
									<span class="font-normal"></span>
								</a></div>
							<div class="col-5">
								<a href="javascript:void(0)" class="link"  placeholder="DEPARTEMENT">
									<i class="icon-picture" aria-hidden="true"></i><br>
									<span class="font-normal"></span>
								</a></div>
						</div>
					</center>
				</div>
			</div>
		</div>
		<!-- Column -->
		<!-- Column -->
		<div class="col-lg-8 col-xlg-9 col-md-7">
			<div class="card">
				<div class="card-body">
					<form method="POST" action="BtnSimpan-New-Profile.php" class="form-horizontal form-material mx-2">
						<div class="form-group row">
							<label class="col-md-6 mb-0">NAMA</label>
							<label class="col-md-4 mb-0">NIK</label>
							<div class="col-md-6">
								<input type="text" 
								placeholder="NAMA LENGKAP" 
								id="NAMA" 
								name="NAMA" 
								class="form-control ps-0 form-control-line"

								required="required">
							</div>
							<div class="col-md-4">
								<input type="text" 
								placeholder="NIK" 
								id="NIK" 
								name="NIK" 
								class="form-control ps-0 form-control-line"
								value="<?php echo $KODENIK; ?>"
								required="required">
							</div>
						</div>
						
						<div class="form-group row">
							<label class="col-md-12 mb-0">MASA KONTRAK :</label>
								<div class="col-sm-6">
									<input type="date" id="tgljoin" name="TGL_AWAL_KONTRAK" class="form-control form-control-user" autocomplete="off" placeholder="Tanggal Awal Kontrak" required="required">
								</div>
								<div class="col-sm-6">
									<input type="date" id="tglakhir" name="TGL_AKHIR_KONTRAK" class="form-control form-control-user" autocomplete="off" placeholder="Tanggal Awal Kontrak" required="required">
								</div>
						</div>

						<div class="form-group row">
							<label class="col-md-6 mb-0">POSISI KERJA</label>
							<label class="col-md-6 mb-0">PERUSAHAAN</label>
							<div class="col-md-6">
								<input type="text"
								placeholder="POSISI KERJA"
								id="posisikerja"
								name="POSISI_KERJA"
								class="form-control form-control-user"
								autocomplete="on"
								required="required">
							</div>
							<div class="col-md-6">
								<input type="text"
								placeholder="PERUSAHAAN"
								id="perusahaan"
								name="PERUSAHAAN"
								class="form-control form-control-user"
								autocomplete="on"
								required="required">
							</div>
						</div>
						
						<div class="form-group row">
							<label class="col-md-6 mb-0">LOKASI KERJA</label>
							<label class="col-md-6 mb-0">DEPARTEMENT</label>
							<div class="col-md-6">
								<input type="text" 
								placeholder="LOKASI KERJA"
								id="lokasikerja"
								name="LOKASI_KERJA"
								class="form-control form-control-user"
								autocomplete="on"
								required="required">
							</div>
							<div class="col-md-6">
								<input type="text" 
								placeholder="DEPARTEMENT"
								id="departement"
								name="DEPARTEMENT"
								class="form-control form-control-user"
								autocomplete="on"
								required="required">
							</div>
						</div>

						<div class="form-group row">
							<label class="col-md-4 mb-0">EMAIL</label>
							<label class="col-md-4 mb-0">PASSWORD</label>
							<label class="col-md-4 mb-0">STATUS</label>
							<div class="col-sm-4">
								<input type="email" 
								placeholder="ALAMAT EMAIL"
								id="EMAIL" 
								name="EMAIL" 
								class="form-control form-control-user"
								autocomplete="off">
							</div>
							<div class="col-md-4">
								<input type="password"
								placeholder="KATA SANDI"
								id="PASS" 
								name="PASS" 
								class="form-control ps-0 form-control-line"
								value=""
								required="required"
								autocomplete="off">
							</div>
							<div class="col-sm-4">
								<select class="form-select shadow-none border-0 ps-0 form-control form-control-line" required="required" 
								Name="STATUS">
									<option value="" disabled selected hidden>Pilih</option>
									<option value="ADMIN">Admin</option>
									<option value="KONTRAK">Kontrak</option>
								</select>
							</div>
						</div>
						
						<div class="form-group">
							<div class="card-header py-12 d-sm-flex align-items-center justify-content-between mb-4 d-flex">
								<input type="submit" name ="Simpan" class="btn btn-primary btn-icon-split mx-auto mx-md-0" value="SIMPAN">
								<button type="Reset" class="btn btn-danger btn-icon-split">BATAL</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		<!-- Column -->
	</div>
	<!-- Row -->
	<!-- ============================================================== -->
	<!-- End PAge Content -->
	<!-- ============================================================== -->
	<!-- ============================================================== -->
	<!-- Right sidebar -->
	<!-- ============================================================== -->
	<!-- .right-sidebar -->
	<!-- ============================================================== -->
	<!-- End Right sidebar -->
	<!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Container fluid  -->
<!-- ============================================================== -->