

<div class="modal-header">
	<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
	<div class="row">
		<div class="col-md-6">
			<br/>
			<h4 class="modal-title bold"><?= $d->occupant_name ?></h4>
			<p><?= $d->unit_name ?></p>
		</div>
		<div class="col-md-6 text-right">
			<br/>
			<?= $d->status ?>
		</div>
	</div>
</div>
<div class="modal-body overflow-hidden">
	<div class="row">
		<div class="col-md-12 form">
			<form class="form-horizontal form-detail">
				<div class="form-body">
					<h3>Electricity Usage</h3>
					<div class="divider"></div>
					<div class="form-group">
						<label class="col-md-6 control-label">Electricity Start Meter</label>
						<div class="col-md-6">
							<p class="form-control-static"><?= $d->electric_usage_start ?></p>
						</div>
					</div>
					<div class="form-group">
						<label class="col-md-6 control-label">Electricity Start End</label>
						<div class="col-md-6">
							<p class="form-control-static"><?= $d->electric_usage_end ?></p>
						</div>
					</div>
					<div class="form-group">
						<label class="col-md-6 control-label">Electricity Total Usage</label>
						<div class="col-md-6">
							<p class="form-control-static"><?= $d->electric_usage_amount ?></p>
						</div>
					</div>
					<div class="form-group">
						<label class="col-md-6 control-label">Electricity Rate</label>
						<div class="col-md-6">
							<p class="form-control-static"><?= $d->electric_meter_rate ?></p>
						</div>
					</div>
					<div class="divider"></div>
					<div class="form-group">
						<label class="col-md-6 control-label bold">Electricity Subtotal</label>
						<div class="col-md-6">
							<p class="form-control-static bold"><?= $d->bill_electric_amount ?></p>
						</div>
					</div>
					<div class="divider"></div>
					<h3>Electricity Service</h3>
					<div class="divider"></div>
					<div class="form-group">
						<label class="col-md-6 control-label">Electricity Power Installed</label>
						<div class="col-md-6">
							<p class="form-control-static"><?= $d->electric_meter_power ?></p>
						</div>
					</div>
					<div class="form-group">
						<label class="col-md-6 control-label">Service Fee</label>
						<div class="col-md-6">
							<p class="form-control-static"><?= $d->electric_meter_service ?></p>
						</div>
					</div>
					<div class="divider"></div>
					<div class="form-group">
						<label class="col-md-6 control-label bold">Service Total</label>
						<div class="col-md-6">
							<p class="form-control-static bold"><?= $d->bill_electric_service ?></p>
						</div>
					</div>
					<div class="divider"></div>
					<div class="form-group">
						<label class="col-md-6 control-label bold">Electricity PJU Fee</label>
						<div class="col-md-6">
							<p class="form-control-static bold"><?= $d->bill_electric_pju ?></p>
						</div>
					</div>
					<div class="form-group">
						<label class="col-md-6 control-label bold">Electricity Admin Fee</label>
						<div class="col-md-6">
							<p class="form-control-static bold"><?= $d->bill_electric_admin ?></p>
						</div>
					</div>
					<div class="form-group">
						<label class="col-md-6 control-label bold">Electricity PPN</label>
						<div class="col-md-6">
							<p class="form-control-static bold"><?= $d->bill_electric_ppn ?></p>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
<div class="modal-footer summary">
	<div class="row">
		<div class=col-md-3>
			<h5>Bill Number</h5>
			<p><?= $d->bill_code ?></p>
		</div>
		<div class=col-md-3>
			<h5>Bill Date</h5>
			<p><?= $d->bill_date ?></p>
		</div>
		<div class="col-md-6 text-right">
			<h5>Total Electricity Bill</h5>
			<h4 class="bold"><?= $d->bill_electric_total ?></h4>
		</div>
	</div> 
</div>






