<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" style="border-bottom:none;background:#23d960">
				<button type="button" class="close" data-dismiss="modal" id='custom-close' aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title modalHeaderTitle" id="product-detail-dialog"><i class="fa fa-line-chart m-r-15 m-l-5"></i> Pertumbuhan Bulan Ke {{ $perkem->bulan }}</h4>
			</div>
			<div class="modal-body">
				<div class="form-group">
					<label class="control-label col-lg-12 col-md-12 col-sm-12 col-xs-12" id='label-input' style="font-size: 18px;font-weight: 500;">Tanggal Pemberian Imunisasi</label>
					<div class="col-lg-8 col-md-8 col-sm-10 col-xs-10 input-group p-l-15">
						<div class="input-group-addon" style="background:#23d960;color:#fff;font-size: 24px;">
							<i class="fa fa-calendar"></i>
						</div>
						<input type="text" name='tgl_pemeriksaan_hpk' value="{{ date('d-m-Y', strtotime($perkem->tgl_pemeriksaan_hpk)) }}" autocomplete='off' placeholder='dd-mm-yyyy' class="form-control pull-right"  id='form_datetime_imun' data-date-format="dd-mm-yyyy" required='required' style="height: 40px;font-size: 24px;background:#fff" disabled>
					</div>
				</div>
				<div class="form-group">
					<label class="control-label col-lg-12 col-md-12 col-sm-12 col-xs-12" id='label-input' style="font-size: 18px;font-weight: 500;">Berat Badan</label>
					<label class="control-label col-lg-12 col-md-12 col-sm-12 col-xs-12" id='label-input' style="font-size: 20px;font-weight: 600;padding-left:35px">{{ $perkem->berat_badan }} Kg</label>
				</div>
				<div class="form-group">
					<label class="control-label col-lg-12 col-md-12 col-sm-12 col-xs-12" id='label-input' style="font-size: 18px;font-weight: 500;">Panjang Badan</label>
					<label class="control-label col-lg-12 col-md-12 col-sm-12 col-xs-12" id='label-input' style="font-size: 20px;font-weight: 600;padding-left:35px">{{ $perkem->tinggi_badan }} Cm</label>
				</div>
				@if($perkem->bulan < 7)
					<div class="form-group">
						<label class="control-label col-lg-12 col-md-12 col-sm-12 col-xs-12" id='label-input' style="font-size: 18px;font-weight: 500;">Asi Eksklusif Bulan Ke {{ $perkem->bulan }}</label>
						<label class="control-label col-lg-12 col-md-12 col-sm-12 col-xs-12" id='label-input' style="font-size: 20px;font-weight: 600;padding-left:35px">
							@if($perkem->asi_eksklusif == '1')
								Ya
							@elseif($perkem->asi_eksklusif == '2')
								Tidak, sudah diberi makan/minuman lain<br>
								MP Asi : 
								@if($perkem->mp_asi != null)
									{{ $perkem->mp_asi }}
								@else
									-
								@endif
							@endif
						</label>
					</div>
				@endif
				<div class="clearfix"></div>
			</div>
			<!-- <div class="modal-footer t-a-center">
				<button type="button" class="btn btn-lg btn-info" data-dismiss="modal" style="width: 100px;font-weight: 800;font-size: 18px;">OK</button>
			</div> -->
		</div>
	</div>
</div>
<script type="text/javascript">
	var onLoad = (function() {
		$('#detail-dialog').find('.modal-dialog').css({
			'width'     : '50%'
		});
		$('#detail-dialog').modal('show');
	})();
	$('#detail-dialog').on('hidden.bs.modal', function () {
		$('.modal-dialog').html('');
	})
</script>