0<br>8<br>
<link rel="stylesheet" href="/static/css/ticket.css" type="text/css">

<div id="cMain" class="page_member v2">
    <form name="cForm" id="cForm" method="post">
        <div class="inner_cont">
            <h2 class="tit_page language" data-kr="티켓예매내역" data-en="Ticket Booking History">티켓예매내역 </h2>
            <p class="txt_page language"
            data-kr="예매번호를 클릭하면 예매내역 상세정보를 확인할 수 있습니다."
            data-en="Click on the booking number to view your ticket details.">
                예매번호를 클릭하면 예매내역 상세정보를 확인할 수 있습니다.
            </p>

            <p>
                <h2>TEST ID : yesuri1230</h2>
            </p>

            <ul class="list_tabs">
                <li><a class="btn_tab on language" data-val="" data-kr="전체" data-en="All">전체</a></li>
                <li><a class="btn_tab  language" data-val="N" data-kr="예매완료" data-en="Confirmed">예매완료</a></li>
                <li><a class="btn_tab  language" data-val="Y" data-kr="예매취소" data-en="Cancelled">예매취소</a></li>
            </ul>
            <div class="table_wrap">
                <table>
                    <colgroup>
                        <col width="50px">
                        <col width="160px">
                        <col>
                        <col width="480px">
                        <col width="180px">
                        <col width="100px">
                        <col width="180px">
                        <col width="100px">
                    </colgroup>
                    <thead>
                        <tr>
                            <th>No</th>
                            <th class="language" data-kr="예매번호" data-en="Booking Number">예매번호</th>
                            <th colspan="2" class="language" data-kr="티켓명" data-en="Ticket Name">티켓명</th>
                            <th class="language" data-kr="관람일시" data-en="Game Date&Time">관람일시</th>
                            <th class="language" data-kr="매수" data-en="Quantity">매수</th>
                            <th class="language" data-kr="취소가능일" data-en="Cancelable Until">취소가능일</th>
                            <th class="language" data-kr="상태" data-en="Status">상태</th>
                        </tr>
                    </thead>
                    <tbody>
                                    <tr>
                            <td>11</td>
                            <td>1410105440</td><!-- 예매번호 -->
                            <td class="type language" data-kr="[정규리그]" data-en="[LEAGUE]">[정규리그]</td><!-- 티켓타입 -->
                            <td class="name"><!-- 티켓명 -->
                                <a href="javascript:viewTicket('1410105440');" class="ellipsis language"
                                    data-kr="[2025 하나은행 박신자컵] BNK 썸 vs 우리은행 위비"
                                    data-en="[Hana Bank WKBL 2025–2026 Season]  BNK  vs woori">
                                    [2025 하나은행 박신자컵] BNK 썸 vs 우리은행 위비                                </a>
                            </td>
                            <td class="language" data-kr="2025.07.07(월) 15:00" data-en="2025.07.07(Mon) 15:00">2025.07.07(월) 15:00</td><!-- 관람일시 -->
                            <td>1</td><!-- 매수 -->
                            <td>2025-07-07 13:00:00</td><!-- 취소가능일 -->
                            <td><!-- 상태 -->
                                <!-- <span class="tag cancel language" data-kr="예매취소" data-en="Cancelled">예매취소</span> -->
                                <span class="tag complete language"
                                      data-kr="예매완료"
                                      data-en="COMPLETE">
                                    예매완료                                </span>
                            </td>
                        </tr>
                                    <tr>
                            <td>10</td>
                            <td>1410105443</td><!-- 예매번호 -->
                            <td class="type language" data-kr="[정규리그]" data-en="[LEAGUE]">[정규리그]</td><!-- 티켓타입 -->
                            <td class="name"><!-- 티켓명 -->
                                <a href="javascript:viewTicket('1410105443');" class="ellipsis language"
                                    data-kr="[2025 하나은행 박신자컵] BNK 썸 vs 우리은행 위비"
                                    data-en="[Hana Bank WKBL 2025–2026 Season]  BNK  vs woori">
                                    [2025 하나은행 박신자컵] BNK 썸 vs 우리은행 위비                                </a>
                            </td>
                            <td class="language" data-kr="2025.07.09(수) 15:00" data-en="2025.07.09(Wed) 15:00">2025.07.09(수) 15:00</td><!-- 관람일시 -->
                            <td>1</td><!-- 매수 -->
                            <td>2025-07-09 13:00:00</td><!-- 취소가능일 -->
                            <td><!-- 상태 -->
                                <!-- <span class="tag cancel language" data-kr="예매취소" data-en="Cancelled">예매취소</span> -->
                                <span class="tag cancel language"
                                      data-kr="예매취소"
                                      data-en="ALL_CANCEL">
                                    예매취소                                </span>
                            </td>
                        </tr>
                                    <tr>
                            <td>9</td>
                            <td>1410105446</td><!-- 예매번호 -->
                            <td class="type language" data-kr="[정규리그]" data-en="[LEAGUE]">[정규리그]</td><!-- 티켓타입 -->
                            <td class="name"><!-- 티켓명 -->
                                <a href="javascript:viewTicket('1410105446');" class="ellipsis language"
                                    data-kr="[2025 하나은행 박신자컵] BNK 썸 vs 우리은행 위비"
                                    data-en="[Hana Bank WKBL 2025–2026 Season]  BNK  vs woori">
                                    [2025 하나은행 박신자컵] BNK 썸 vs 우리은행 위비                                </a>
                            </td>
                            <td class="language" data-kr="2025.07.04(금) 15:00" data-en="2025.07.04(Fri) 15:00">2025.07.04(금) 15:00</td><!-- 관람일시 -->
                            <td>1</td><!-- 매수 -->
                            <td>2025-07-04 13:00:00</td><!-- 취소가능일 -->
                            <td><!-- 상태 -->
                                <!-- <span class="tag cancel language" data-kr="예매취소" data-en="Cancelled">예매취소</span> -->
                                <span class="tag complete language"
                                      data-kr="예매완료"
                                      data-en="COMPLETE">
                                    예매완료                                </span>
                            </td>
                        </tr>
                                    <tr>
                            <td>8</td>
                            <td>1410105452</td><!-- 예매번호 -->
                            <td class="type language" data-kr="[정규리그]" data-en="[LEAGUE]">[정규리그]</td><!-- 티켓타입 -->
                            <td class="name"><!-- 티켓명 -->
                                <a href="javascript:viewTicket('1410105452');" class="ellipsis language"
                                    data-kr="[2025 하나은행 박신자컵] BNK 썸 vs 우리은행 위비"
                                    data-en="[Hana Bank WKBL 2025–2026 Season]  BNK  vs woori">
                                    [2025 하나은행 박신자컵] BNK 썸 vs 우리은행 위비                                </a>
                            </td>
                            <td class="language" data-kr="2025.07.07(월) 15:00" data-en="2025.07.07(Mon) 15:00">2025.07.07(월) 15:00</td><!-- 관람일시 -->
                            <td>2</td><!-- 매수 -->
                            <td>2025-07-07 13:00:00</td><!-- 취소가능일 -->
                            <td><!-- 상태 -->
                                <!-- <span class="tag cancel language" data-kr="예매취소" data-en="Cancelled">예매취소</span> -->
                                <span class="tag complete language"
                                      data-kr="예매완료"
                                      data-en="COMPLETE">
                                    예매완료                                </span>
                            </td>
                        </tr>
                                    <tr>
                            <td>7</td>
                            <td>1410105467</td><!-- 예매번호 -->
                            <td class="type language" data-kr="[정규리그]" data-en="[LEAGUE]">[정규리그]</td><!-- 티켓타입 -->
                            <td class="name"><!-- 티켓명 -->
                                <a href="javascript:viewTicket('1410105467');" class="ellipsis language"
                                    data-kr="[2025 하나은행 박신자컵] BNK 썸 vs 우리은행 위비"
                                    data-en="[Hana Bank WKBL 2025–2026 Season]  BNK  vs woori">
                                    [2025 하나은행 박신자컵] BNK 썸 vs 우리은행 위비                                </a>
                            </td>
                            <td class="language" data-kr="2025.07.04(금) 15:00" data-en="2025.07.04(Fri) 15:00">2025.07.04(금) 15:00</td><!-- 관람일시 -->
                            <td>1</td><!-- 매수 -->
                            <td>2025-07-04 13:00:00</td><!-- 취소가능일 -->
                            <td><!-- 상태 -->
                                <!-- <span class="tag cancel language" data-kr="예매취소" data-en="Cancelled">예매취소</span> -->
                                <span class="tag complete language"
                                      data-kr="예매완료"
                                      data-en="COMPLETE">
                                    예매완료                                </span>
                            </td>
                        </tr>
                                    <tr>
                            <td>6</td>
                            <td>1410105471</td><!-- 예매번호 -->
                            <td class="type language" data-kr="[정규리그]" data-en="[LEAGUE]">[정규리그]</td><!-- 티켓타입 -->
                            <td class="name"><!-- 티켓명 -->
                                <a href="javascript:viewTicket('1410105471');" class="ellipsis language"
                                    data-kr="[2025 하나은행 박신자컵] BNK 썸 vs 우리은행 위비"
                                    data-en="[Hana Bank WKBL 2025–2026 Season]  BNK  vs woori">
                                    [2025 하나은행 박신자컵] BNK 썸 vs 우리은행 위비                                </a>
                            </td>
                            <td class="language" data-kr="2025.07.04(금) 15:00" data-en="2025.07.04(Fri) 15:00">2025.07.04(금) 15:00</td><!-- 관람일시 -->
                            <td>1</td><!-- 매수 -->
                            <td>2025-07-04 13:00:00</td><!-- 취소가능일 -->
                            <td><!-- 상태 -->
                                <!-- <span class="tag cancel language" data-kr="예매취소" data-en="Cancelled">예매취소</span> -->
                                <span class="tag cancel language"
                                      data-kr="예매취소"
                                      data-en="ALL_CANCEL">
                                    예매취소                                </span>
                            </td>
                        </tr>
                                    <tr>
                            <td>5</td>
                            <td>1410109438</td><!-- 예매번호 -->
                            <td class="type language" data-kr="[정규리그]" data-en="[LEAGUE]">[정규리그]</td><!-- 티켓타입 -->
                            <td class="name"><!-- 티켓명 -->
                                <a href="javascript:viewTicket('1410109438');" class="ellipsis language"
                                    data-kr="[2025 하나은행 박신자컵] BNK 썸 vs 우리은행 위비"
                                    data-en="[Hana Bank WKBL 2025–2026 Season]  BNK  vs woori">
                                    [2025 하나은행 박신자컵] BNK 썸 vs 우리은행 위비                                </a>
                            </td>
                            <td class="language" data-kr="2025.07.09(수) 15:00" data-en="2025.07.09(Wed) 15:00">2025.07.09(수) 15:00</td><!-- 관람일시 -->
                            <td>2</td><!-- 매수 -->
                            <td>2025-07-09 13:00:00</td><!-- 취소가능일 -->
                            <td><!-- 상태 -->
                                <!-- <span class="tag cancel language" data-kr="예매취소" data-en="Cancelled">예매취소</span> -->
                                <span class="tag complete language"
                                      data-kr="예매완료"
                                      data-en="COMPLETE">
                                    예매완료                                </span>
                            </td>
                        </tr>
                                    <tr>
                            <td>4</td>
                            <td>1410109440</td><!-- 예매번호 -->
                            <td class="type language" data-kr="[멤버십]" data-en="[MEMBERSHIP]">[멤버십]</td><!-- 티켓타입 -->
                            <td class="name"><!-- 티켓명 -->
                                <a href="javascript:viewTicket('1410109440');" class="ellipsis language"
                                    data-kr="T_2025-2026 WKBL 멤버십"
                                    data-en="WKBL 2025-2026 Membership">
                                    T_2025-2026 WKBL 멤버십                                </a>
                            </td>
                            <td class="language" data-kr="2025.12.31(수) 15:00" data-en="2025.12.31(Wed) 15:00">2025.12.31(수) 15:00</td><!-- 관람일시 -->
                            <td>1</td><!-- 매수 -->
                            <td>2025-12-30 17:00:00</td><!-- 취소가능일 -->
                            <td><!-- 상태 -->
                                <!-- <span class="tag cancel language" data-kr="예매취소" data-en="Cancelled">예매취소</span> -->
                                <span class="tag cancel language"
                                      data-kr="예매취소"
                                      data-en="ALL_CANCEL">
                                    예매취소                                </span>
                            </td>
                        </tr>
            
                    </tbody>
                </table>
            </div>

            <nav class="paging_numbers">
                <span class="inner_paging">
                    <a href='javascript:void(0);' class='link_prev ico_comm'>Previous</a>
<a href='javascript:goPaging(1);' class='link_page'><span class='selected'>1</span></a>
<a href='javascript:goPaging(2);' class='link_page'>2</a>
<a href='javascript:void(0);' class='link_next ico_comm'>Next</a>


<!--                    <a href="javascript:void(0);" class="link_prev ico_comm">Previous</a>-->
<!--                    <a href="javascript:void(0);" class="link_page"><span class="selected">1</span></a>-->
<!--                    <a href="javascript:void(0);" class="link_page"><span>2</span></a>-->
<!--                    <a href="javascript:void(0);" class="link_page"><span>3</span></a>-->
<!--                    <a href="javascript:void(0);" class="link_page"><span>4</span></a>-->
<!--                    <a href="javascript:void(0);" class="link_page"><span>5</span></a>-->
<!--                    <a href="javascript:void(0);" class="link_page"><span>6</span></a>-->
<!--                    <a href="javascript:void(0);" class="link_page"><span>7</span></a>-->
<!--                    <a href="javascript:void(0);" class="link_page"><span>8</span></a>-->
<!--                    <a href="javascript:void(0);" class="link_page"><span>9</span></a>-->
<!--                    <a href="javascript:void(0);" class="link_page"><span>10</span></a>-->
<!--                    <a href="javascript:void(0);" class="link_next ico_comm">Next</a>-->

                </span>
            </nav>
        </div>
    </form>
</div>


<script type="text/javascript" src="/static/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="/static/js/iframeResizer.contentWindow.min.js"></script>
<script>
    $(function() {
        function language_change(now_lang) {
            for (i = 0; i < $(".language").length; i++) {
                if ($($('.language')[i]).attr('placeholder') !== undefined) { //placeholder change
                    $($('.language')[i]).attr('placeholder', $($('.language')[i]).attr("data-" + now_lang));
                } else { //text change
                    $($('.language')[i]).html($($('.language')[i]).attr("data-" + now_lang));
                }
            }
        }

        language_change('');
    });


    $('.btn_tab').on('click',function(e){
        window.parent.postMessage(
            {
                funcName: 'cancelData',
                params: [$(this).data('val')]
            },
            '*'
        );
    });

    //detail
    function viewTicket(_no) {
        window.parent.postMessage(
            {
                funcName: 'reserveView',
                params: [_no]
            },
            '*'
        );
    }

    //paging
    function goPaging(_no) {
        window.parent.postMessage(
            {
                funcName: 'goPaging',
                params: [_no]
            },
            '*'
        );
    }
</script>