<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 Kehamilan Ke - {{ $periode->kehamilan }}</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'>
							@if($periode->bumil->foto != null)
								<img id="preview-photo" src="{!! url('dist/img/istri/'.$periode->bumil->foto) !!}" class="img-polaroid" width="80%">
							@else
								<img id="preview-photo" src="{!! url('dist/img/default_image.jpg') !!}" class="img-polaroid" width="184" height="186">  
							@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-15">
									<label class="control-label col-md-6 col-sm-6 col-xs-12" id='modal-label' for="first-name">NIK</label>: {{ $periode->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-15">
									<label class="control-label col-md-6 col-sm-6 col-xs-12" id='modal-label' for="first-name">Nama</label>: {{ $periode->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-15">
									<label class="control-label col-md-6 col-sm-6 col-xs-12" id='modal-label' for="first-name">Alamat</label>: {{ $periode->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-15">
									<label class="control-label col-md-6 col-sm-6 col-xs-12" id='modal-label' for="first-name">Desa</label>: {{ ucwords(strtolower($periode->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-15">
									<label class="control-label col-md-6 col-sm-6 col-xs-12" id='modal-label' for="first-name">Kecamatan Domisili</label>: {{ ucwords(strtolower($periode->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-15">
									<label class="control-label col-md-6 col-sm-6 col-xs-12" id='modal-label' for="first-name">Kabupaten Domisili</label>: {{ ucwords(strtolower($periode->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-15">
									<label class="control-label col-md-6 col-sm-6 col-xs-12" id='modal-label' for="first-name">Usia Ibu</label>: {{ $periode->usia_ibu }} Tahun
								</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-15">
									<label class="control-label col-md-6 col-sm-6 col-xs-12" id='modal-label' for="first-name">Usia Kehamilan Pertama Kunjungan</label>: {{ $periode->usia_kehamilan }} Minggu
								</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-15">
									<label class="control-label col-md-6 col-sm-6 col-xs-12" id='modal-label' for="first-name">Jarak kehamilan dari anak terakhir</label>: {{ $periode->jarak_tahun }} Tahun, {{ $periode->jarak_bulan }} Bulan
								</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-15">
									<label class="control-label col-md-6 col-sm-6 col-xs-12" id='modal-label' for="first-name">Golongan Darah</label>: {{ $periode->gol_darah }}
								</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>