<? include $_SERVER["DOCUMENT_ROOT"] . "/web/inc/php/header.php" ?>
<? include $_SERVER["DOCUMENT_ROOT"] . "/common/classes/ApiBill.php"; ?>
<?
	$obj = new ApiBill($_REQUEST);
	
	$data = $obj->getUtilityData() ; 
	
	$str = explode("-", $data["month"]) ;
	$month = $str[0] . "." . $str[1] ;
	
// 	echo json_encode($data) ;
?>

<script>

	$(document).ready(function(){

		
		$(".jUsingView").click2(function(){
			var page = $(this).attr("page");
			var number = ("<?= $_REQUEST["no"] ?>");

			$.ajax({
				url : "/web/billManage/popupUsing.php",
				type : "POST",
				dataType : "html",
				data : {
					number : number 
				}, success : function(data){
					
					$(".jPopupArea").html("") ;
					$(".jPopupArea").append(data) ;
	
					$(".jPopupArea").show() ;
					
				}
	
			});
		});

		$(document).on("click", ".jExit", function(){
			$(".jPopupArea").html("")  ; 
			$(".jPopupArea").hide() ;
		});

		
		
	});

</script>


<div class="Wrap" style="height:100%">

	<!-- 헤드 -->
	<header>
		<ul>
			<li class="jBack"><img src="/web/inc/images/btn_top_back_over.png" alt="back" width="20%"/></li>
			<li><p><?= $month ?></p></li><!-- 날짜 -->
			<li></li>
		</ul>
		<div style="clear:both;"></div>
	</header>
	<!-- 헤드 -->
	
	<!-- 납부기한/금액 -->
	<div class="contant con1">
		<dl>
			<dt>납부기한 : <span><?= $data["monthDate"] ?></span></dt>
			<dd>총 금액은 <span style="font-size:15px; color:#ff0000; font-weight:bold; "><?= number_format($data["current_month_charge"]) ?></span> 원 입니다.</dd>
		</dl>
	</div>
	<!-- 납부기한/금액 -->
	
	<!-- 리스트 -->
	<div class="contant con2">
		<ul>
			<li>
				<a><img src="/web/inc/images/circle_bg.png" width="100%"/></a>
				<a>전기료</a><!-- 이름 -->
				<a><span><?= number_format($data["electricity_charge"]) ?></span> 원</a><!-- 금액 -->
			</li>
			<div style="clear:both;"></div>
			<li>
				<a><img src="/web/inc/images/circle_bg.png" width="100%"/></a>
				<a>가스료</a><!-- 이름 -->
				<a><span><?= number_format($data["gas_charge"]) ?></span> 원</a><!-- 금액 -->
			</li>
			<div style="clear:both;"></div>
			<li>
				<a><img src="/web/inc/images/circle_bg.png" width="100%"/></a>
				<a>수도료</a><!-- 이름 -->
				<a><span><?= number_format($data["water_charge"]) ?></span> 원</a><!-- 금액 -->
			</li>
			<div style="clear:both;"></div>
			<li>
				<a><img src="/web/inc/images/circle_bg.png" width="100%"/></a>
				<a>공용 전기료</a><!-- 이름 -->
				<a><span><?= number_format($data["community_electricity_charge"]) ?></span> 원</a><!-- 금액 -->
			</li>
			<div style="clear:both;"></div>
			<li>
				<a><img src="/web/inc/images/circle_bg.png" width="100%"/></a>
				<a>공용 수도료</a><!-- 이름 -->
				<a><span><?= number_format($data["community_water_charge"]) ?></span> 원</a><!-- 금액 -->
			</li>
			<li class="used">
				<a class="jUsingView">사용량</a>
				<a>소계 <span><?= number_format($data["current_month_charge"]) ?></span> 원</a><!-- 금액 -->
			</li>
			<div style="clear:both;"></div>
		</ul>
	</div>
	
	<div class="contant con2">
		<ul>
			<li>
				<a><img src="/web/inc/images/circle_bg.png" width="100%"/></a>
				<a>당월부과액</a><!-- 이름 -->
				<a><span><?= number_format($data["current_month_charge"]) ?></span> 원</a><!-- 금액 -->
			</li>
			<div style="clear:both;"></div>
			<li>
				<a><img src="/web/inc/images/circle_bg.png" width="100%"/></a>
				<a>전월 미납액(연체료 포함)</a><!-- 이름 -->
				<a><span><?= number_format($data["sum_before_payment"]) ?></span> 원</a><!-- 금액 -->
			</li>
			<div style="clear:both;"></div>
			<li>
				<a><img src="/web/inc/images/circle_bg.png" width="100%"/></a>
				<a>납기 내 금액</a><!-- 이름 -->
				<a><span><?= number_format($data["current_month_charge"] + $data["sum_before_payment"]) ?></span> 원</a><!-- 금액 -->
			</li>
			<div style="clear:both;"></div>
		</ul>
	</div>
	
	<div class="contant con2">
		<ul>
			<li>
				<a><img src="/web/inc/images/circle_bg.png" width="100%"/></a>
				<a>당월연체료</a><!-- 이름 -->
				<a><span><?= number_format($data["current_month_late_fee"]) ?></span> 원</a><!-- 금액 -->
			</li>
			<div style="clear:both;"></div>
			<li>
				<a><img src="/web/inc/images/circle_bg.png" width="100%"/></a>
				<a>납기 후 금액</a><!-- 이름 -->
				<a><span><?= number_format($data["current_month_charge"] + $data["sum_before_payment"] + $data["current_month_late_fee"]) ?></span> 원</a><!-- 금액 -->
			</li>
			<div style="clear:both;"></div>
		</ul>
	</div>
	<!-- 리스트 -->
	
	<!-- 계좌 -->
	<div class="bank">
		<div>
			<ul class="text1">
				<li>입금은행</li>
				<li>계좌번호</li>
			</ul>
			<ul class="text2">
				<li><?= $data["util_account_bank"] ?></li><!-- 은행 -->
				<li><?= $data["util_account_no"] ?> (<?= $data["util_account_owner"] ?>)</li><!-- 계좌번호 -->
			</ul>
		</div>
	</div>
	<!-- 계좌 -->
	
	
</div>

<div class="jPopupArea" style="position: absolute; width: 100%; top: 0px; height: 100%; background: rgba(100, 100, 100, 0.5); display: none;"></div>


<? include $_SERVER["DOCUMENT_ROOT"] . "/web/inc/php/footer.php" ?>