<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 Ibu</h4>
			</div>
			<div class="modal-body">
				<section class="panel panel-default m-b-0">
					<div class="panel-body">
						<div class='col-lg-4 col-md-5 col-sm-12 col-xs-12 t-a-center m-b-15'>
							<?php if($bumil->foto != null): ?>
								<img id="preview-photo" src="<?php echo url('/dist/img/istri/'.$bumil->foto); ?>" class="img-polaroid" width="80%">
							<?php else: ?>
								<img id="preview-photo" src="<?php echo url('dist/img/default_image.jpg'); ?>" class="img-polaroid" width="184" height="186">  
							<?php endif; ?>
						</div>
						<div class='col-lg-8 col-md-7 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-20">
									<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">NIK</label>: <?php echo e($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-20">
									<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Nama</label>: <?php echo e($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-20">
									<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Tempat, Tanggal Lahir</label>: <?php echo e($bumil->tmp_lahir); ?>, <?php echo e(date('d-m-Y', strtotime($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-20">
									<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Agama</label>: <?php echo e($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-20">
									<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Pendidikan</label>: <?php echo e($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-20">
									<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Pekerjaan</label>: <?php echo e($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-20">
									<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Nama Suami</label>: <?php if($bumil->nama_suami != null) { echo $bumil->nama_suami; }else{echo " - ";} ?>
								</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-20">
									<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Alamat KTP</label>: <?php echo e($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-20">
									<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Desa KTP</label>: <?php echo e(ucwords(strtolower($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-20">
									<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Kecamatan KTP</label>: <?php echo e(ucwords(strtolower($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-20">
									<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Kabupaten KTP</label>: <?php echo e(ucwords(strtolower($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-20">
									<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">Provinsi KTP</label>: <?php echo e(ucwords(strtolower($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-20">
									<label class="control-label col-md-4 col-sm-4 col-xs-6" id='modal-label' for="first-name">No Telepon</label>: <?php echo e($bumil->no_tlp); ?>

								</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'     : '70%'
		});
		$('#detail-dialog').modal('show');
	})();
	$('#detail-dialog').on('hidden.bs.modal', function () {
		$('.modal-dialog').html('');
	})
</script>