<div class="modal fade" id="detail-dialog" tabindex="-1" role="dialog" aria-labelledby="product-detail-dialog">
	<div class="modal-dialog modal-lg" >
		<div class="modal-content">
			<div class="modal-header modalHeaderGreen">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title modalHeaderTitle" id="product-detail-dialog"><i class="fa fa-info m-r-15 m-l-5"></i> Detail Keluarga Sehat</h4>
			</div>
			<div class="modal-body">
				<section class="panel panel-default m-b-0">
					<div class="panel-body">
						<div class='col-lg-6 col-md-6 col-sm-12 col-xs-12'>
							<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
								<div class="form-group m-t-0 m-b-5">
									<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">No Registrasi</label>: {{ $idenPas->no_registrasi }}
								</div>
							</div>
							<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
								<div class="form-group m-t-0 m-b-5">
									<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Tanggal Registrasi</label>: {{ date('d-m-Y', strtotime($idenPas->tgl_registrasi)) }}
								</div>
							</div>
						</div>
						<div class="clearfix"></div>
						<hr class="lineTopGreen m-b-0">
						<div class='col-lg-6 col-md-6 col-sm-12 col-xs-12 p-0'>
							<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12' style="background: #ade8a1;color: #fff;">
								<label style="font-size: 18px;">Identitas Calon Suami</label>
							</div>
							<div class="clearfix p-b-5"></div>
							<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">NIK</label>: {{ $idenPas->nik_suami }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Nama</label>: {{ $idenPas->nama_suami }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Tempat, Tanggal Lahir</label>: {{ $idenPas->tmp_lahir_suami }}, {{ date('d-m-Y', strtotime($idenPas->tgl_lahir_suami)) }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Agama</label>: {{ $idenPas->agama_suami }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Suku</label>: {{ $idenPas->suku_suami }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Pendidikan</label>: {{ $idenPas->pendidikan_suami }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Pekerjaan</label>: {{ $idenPas->pekerjaan_suami }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Alamat</label>: {{ $idenPas->alamat_suami }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Desa</label>: {{ ucwords(strtolower($idenPas->desa->nama_desa)) }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Kecamatan KTP</label>: {{ ucwords(strtolower($idenPas->kecamatan->nama_kecamatan)) }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Kabupaten KTP</label>: {{ ucwords(strtolower($idenPas->kabupaten->nama_kabupaten)) }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Provinsi KTP</label>: {{ ucwords(strtolower($idenPas->provinsi->nama_provinsi)) }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Pernah menikah sebelumnya</label>: <?php if($idenPas->pernah_menikah_suami == '1'){echo "Ya";}else{echo "Tidak";} ?>
									</div>
								</div>
							</div>
						</div>
						<div class='col-lg-6 col-md-6 col-sm-12 col-xs-12 p-0'>
							<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12' style="background: #ade8a1;color: #fff;">
								<label style="font-size: 18px;">Identitas Calon Istri</label>
							</div>
							<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">NIK</label>: {{ $idenPas->bumil->nik }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Nama</label>: {{ $idenPas->bumil->nama_bumil }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Tempat, Tanggal Lahir</label>: {{ $idenPas->bumil->tmp_lahir }}, {{ date('d-m-Y', strtotime($idenPas->bumil->tgl_lahir)) }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Agama</label>: {{ $idenPas->bumil->agama }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Suku</label>: {{ $idenPas->suku_istri }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Pendidikan</label>: {{ $idenPas->bumil->pendidikan }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Pekerjaan</label>: {{ $idenPas->bumil->pekerjaan }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Alamat KTP</label>: {{ $idenPas->bumil->alamat_ktp }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Desa KTP</label>: {{ ucwords(strtolower($idenPas->bumil->desa->nama_desa)) }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Kecamatan KTP</label>: {{ ucwords(strtolower($idenPas->bumil->kecamatan->nama_kecamatan)) }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Kabupaten KTP</label>: {{ ucwords(strtolower($idenPas->bumil->kabupaten->nama_kabupaten)) }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Provinsi KTP</label>: {{ ucwords(strtolower($idenPas->bumil->provinsi->nama_provinsi)) }}
									</div>
								</div>
								<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
									<div class="form-group m-t-0 m-b-5">
										<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Pernah menikah sebelumnya</label>: <?php if($idenPas->pernah_menikah_istri == '1'){echo "Ya";}else{echo "Tidak";} ?>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-info" data-dismiss="modal">Ok</button>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
	var onLoad = (function() {
		$('#detail-dialog').find('.modal-dialog').css({
			'width'     : '80%'
		});
		$('#detail-dialog').modal('show');
	})();
	$('#detail-dialog').on('hidden.bs.modal', function () {
		$('.modal-dialog').html('');
	})
</script>