@extends('ielts.layout')

@section('gnb', view('gnb', ['service'=>'ielts']))

@section('subgnb', view('ielts.gnb'))

@section('ielts-css')
    <!-- promotion -->
    {!! resource('css/common/board.css') !!}
@endsection

@section("progress")
    @include('progress')
@endsection

@section("ielts-content")
    <div id="wrap" class="boardPage refund">
        <div class="max-width">
            <div class="pageTitle">
                <button type="button" onclick="history.back()" class="backBtn mo-backBtn"></button>
                <h1>환급신청</h1>
            </div>

            <!-- 게시판 뷰 -->
            <div class="board-view">
                <div class="view-top">
                    <ul>
                        <li>
                            <div class="box name">
                                <div class="title">작성자</div>
                                <div class="text"><span>홍길동</span></div>
                            </div>
                            <div class="box date">
                                <div class="title">신청일</div>
                                <div class="text"><span>24.10.17</span></div>
                            </div>
                        </li>
                        <li>
                            <div class="box product">
                                <div class="title">환급상품</div>
                                <div class="text"><span class="ellipsis_1">200%환급반(입문 페이백) 상품명이 길어질 수 있습니다.</span></div>
                            </div>
                            <div class="box product">
                                <div class="title">승인여부</div>
                                <div class="text"><span>승인상태 %승인상태%</span></div>
                            </div>
                            <div class="box payment">
                                <div class="title">결제수단</div>
                                <div class="text"><span>계좌이체</span></div>
                            </div>

                            <!-- 결제수단이 계좌이체일 경우에만 하단 refund-account, account-number가 생성됩니다. -->
                            <div class="box refund-account">
                                <div class="title">환불계좌</div>
                                <div class="text"><span>ABC 은행</span></div>
                            </div>
                            <div class="box account-number">
                                <div class="title">계좌번호</div>
                                <div class="text"><span>0000-000-000000</span></div>
                            </div>
                        </li>
                    </ul>
                </div>

                <div class="contentWrap">
                    <p>사용자 입력 내용이 노출 됩니다. 200프로 환급반 신청</p>
                </div>

                <!-- 첨부파일이 없는 경우 fileWrap 제거 -->
                <div class="fileWrap">
                    <div class="file"><p class="ellipsis_1 name">파일명이 들어가고 확장자가 들어가고 파일크기가 들어갑니다.확장자(파일크기)</p> <a href="#none" class="icon">다운로드</a></div>
                    <div class="file"><p class="ellipsis_1 name">파일명파일명.확장자(파일크기)</p> <a href="#none" class="icon">다운로드</a></div>
                    <div class="file"><p class="ellipsis_1 name">%파일명%%파일명%%파일명%.jpg(14kb)</p> <a href="#none" class="icon">다운로드</a></div>
                </div>

                <!-- 댓글 -->
                <div class="commentArea">
                    <div class="comment">
                        <div class="box">
                            <div class="manager">
                                <div class="profile"><figure style="background-image:url('');"></figure></div>
                                <div class="info">
                                    <div class="name">edm IELTS</div>
                                    <div class="optionWrap">
                                        <span>2023.06.13</span>
                                        <span>00:00:01</span>
                                    </div>
                                </div>
                            </div>
                            <div class="textWrap">
                                <div class="text">
                                    <textarea class="moreTextArea reply" readonly>대통령의 임기가 만료되는 때에는 임기만료 70일 내지 40일전에 후임자를 선거한다. 누구든지 체포 또는 구속을 당한 때에는 즉시 변호인의 조력을 받을 권리를 가진다. 다만, 형사피고인이 스스로 변호인을 구할 수 없을 때에는 법률이 정하는 바에 의하여 국가가 변호인을 붙인다. 신체장애자 및 질병·노령 기타의 사유로 생활능력이 없는 국민은 법률이 정하는 바에 의하여 국가의 보호를 받는다. 대통령의 임기가 만료되는 때에는 임기만료 70일 내지 40일전에 후임자를 선거한다. 누구든지 체포 또는 구속을 당한 때에는 즉시 변호인의 조력을 받을 권리를 가진다. 다만, 형사피고인이 스스로 변호인을 구할 수 없을 때에는 법률이 정하는 바에 의하여 국가가 변호인을 붙인다. 신체장애자 및 질병·노령 기타의 사유로 생활능력이 없는 국민은 법률이 정하는 바에 의하여 국가의 보호를 받는다. 대통령의 임기가 만료되는 때에는 임기만료 70일 내지 40일전에 후임자를 선거한다. 누구든지 체포 또는 구속을 당한 때에는 즉시 변호인의 조력을 받을 권리를 가진다. 다만, 형사피고인이 스스로 변호인을 구할 수 없을 때에는 법률이 정하는 바에 의하여 국가가 변호인을 붙인다. 신체장애자 및 질병·노령 기타의 사유로 생활능력이 없는 국민은 법률이 정하는 바에 의하여 국가의 보호를 받는다. 대통령의 임기가 만료되는 때에는 임기만료 70일 내지 40일전에 후임자를 선거한다. 누구든지 체포 또는 구속을 당한 때에는 즉시 변호인의 조력을 받을 권리를 가진다. 다만, 형사피고인이 스스로 변호인을 구할 수 없을 때에는 법률이 정하는 바에 의하여 국가가 변호인을 붙인다. 신체장애자 및 질병·노령 기타의 사유로 생활능력이 없는 국민은 법률이 정하는 바에 의하여 국가의 보호를 받는다. </textarea>
                                </div>
                                <button type="button" class="moreBtn">더보기</button>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="go-list pc-go-list">
                    <a href="">목록 보기</a>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('ielts-script')
    <script>

    </script>
@endsection