<%--
  Class Name : PaySimpRecipAjax.jsp
  Description : 간이영수증 팝업화면
  Modification Information

      수정일         수정자                   수정내용
    -------    --------    ---------------------------
    2022.04.11    우영두          최초 생성

    Copyright (C) 2009 by ITN  All right reserved.
--%>
<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="ec" uri="/WEB-INF/tld/ecnet_tld.tld"%>
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>간이영수증</title>

    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/publish/css/reset.css">
    <link rel="stylesheet" href="/publish/css/common.css">
    <link rel="stylesheet" href="/publish/css/estimate.css">
    <link rel="stylesheet" href="/publish/css/font.css">
    <link rel="stylesheet" href="/publish/css/button.css">
    <script type="text/javascript" src="/publish/js/jquery-3.5.0.js"></script>
</head>

<script>
$(document).ready(function(){

	//프린트 워커 마크
	$('.print_btn').click(function(e){
		document.getElementById('est_btn_wrap').style.display = 'none';
		var initBody = document.body.innerHTML;
	    window.onbeforeprint = function(){
	        // print_area는 인쇄하고자 하는 영역의 ID를 말합니다.( 필수 )
// 	        document.body.innerHTML = document.getElementById("print_area").innerHTML;
	    }
	    window.onafterprint = function(){
	        document.body.innerHTML = initBody;
	    }
	    window.print();
	    document.getElementById('est_btn_wrap').style.display = '';
	});
	
});

</script>
<body>
	<!-- 결제금액 천단위 콤마 처리해주기 -->
	<fmt:formatNumber type="number" maxFractionDigits="3" value="${resultPayVO.amt}" var="commaPrice" />
<!-- 간이영수증 -->
    <div class="pop_receipt" >
        <div class="box1">
            <p class="number"><span>No.</span>001</p>
            <h1>영&nbsp;&nbsp;&nbsp;수&nbsp;&nbsp;&nbsp;증<span> (받는자용)</span></h1>
            <p class="name"><span><c:out value="${resultPayVO.buyerName}"/></span> 귀하</p>
        </div>
        <table>
            <tbody>
                <tr>
                    <td rowspan="4" class="bg l_30 fz_18">공<br/>급<br/>자<br/></td>
                    <td class="bg">사&nbsp;&nbsp;업&nbsp;&nbsp;자<br/>등록번호</td>
                    <td colspan="3">653-87-00858</td>
                </tr>
                <tr>
                    <td class="bg">상 호</td>
                    <td>주식회사 아이티앤</td>
                    <td class="bg">성명</td>
                    <td class="w_name"><span>유인식</span><img src="/publish/images/content/stamp02.png"/></td>
                </tr>
                <tr>
                    <td class="bg">사 업 장<br/>소 재 지</td>
                    <td colspan="3">(12248) 경기도 남양주시 다산순환로 20, A동 735호(다산동, 현대프리미어캠퍼스)</td>
                </tr>
                <tr>
                    <td class="bg">업 태</td>
                    <td>서비스업</td>
                    <td class="bg">종목</td>
                    <td>소프트웨어개발, 자문 및 공급</td>
                </tr>
                <tr>
                    <td colspan="2" class="bg">작성일자</td>
                    <td colspan="2" class="bg">금액</td>
                    <td class="bg">비고</td>
                </tr>
                <tr>
                    <td colspan="2">
                    	${fn:substring(resultPayVO.regDate,0, 10)}
                    	<%--
	                    <c:choose>
	                    	<c:when test="${month < 10}">
	                    		<c:out value="${year}"/>-0<c:out value="${month}"/>-<c:out value="${day}"/>
	                    	</c:when>
	                    	<c:otherwise>
	                    		<c:out value="${year}"/>-<c:out value="${month}"/>-<c:out value="${day}"/>
	                    	</c:otherwise>
	                    </c:choose>
	                    --%>
                    </td>
                    <td colspan="2"><c:out value="${commaPrice}"/></td>
                    <td>비고</td>
                </tr>
            </tbody>
        </table>
        <table>
        	
            <tbody>
                <tr>
                    <td colspan="5">위 금액을 영수 (청구)함</td>
                </tr>
                <tr>
                    <td colspan="5" class="bg">공급내역</td>
                </tr>
                <tr>
                    <td class="bg w_40">월일</td>
                    <td class="bg">품&nbsp;&nbsp;&nbsp;명</td>
                    <td class="bg">수량</td>
                    <td class="bg">단가</td>
                    <td class="bg">금&nbsp;&nbsp;&nbsp;액</td>
                </tr>
                <tr>
                    <td>${fn:substring(resultPayVO.regDate,5, 10)}</td>
                    <td>
                    	<c:choose>
                    		<c:when test="${resultPayVO.payMethod == 'CARD'}">
                    			신용카드 결제
                    		</c:when>
                    		<c:when test="${resultPayVO.payMethod == 'VBANK'}">
                    			전용계좌 결제
                    		</c:when>
                    		<c:when test="${resultPayVO.payMethod == 'CELLPHONE'}">
                    			휴대폰 결제
                    		</c:when>
                    		<c:otherwise>
                    			즉시이체
                    		</c:otherwise>
                    	</c:choose>
                    </td>
                    <td class="num">1</td>
                    <td class="num"><c:out value="${commaPrice}"/></td>
                    <td class="num"><c:out value="${commaPrice}"/></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr class="h_35">
                    <td colspan="3" class="f_d">합&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;계</td>
                    <td colspan="2" class="num">￦ <c:out value="${commaPrice}"/></td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="est_btn_wrap" id="est_btn_wrap">
        <button type="button" class="btnType print_btn"><i class="print_img"></i>인쇄하기</button>                  
    </div>
</body></html>