@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")
    <!-- 로그인 상태면 class login 추가  -->
    <div id="wrap" class="boardPage review test-center login">
        <div class="max-width">
            <div class="pageTitle">
                <button type="button" onclick="history.back()" class="backBtn mo-backBtn"></button>
                <h1>시험장 후기</h1>
            </div>

            <!-- filter -->
            <div class="filterWrap">
                <div class="flex sb">
                    <div class="selectWrap flex">
                        <button type="button" data-list="option1">시험장소</button>
                        <button type="button" data-list="option2">응시장 구분</button>
                    </div>
                    <div class="writeBtnWrap pc-btn">
                        <button type="button" class="writeBtn">후기 작성 <figure></figure></button>
                    </div>
                </div>

                <div class="filter-bottom bottom-sheet type2 verChange">
                    <form action="">
                        <div class="slidingWrap">
                            <button type="button" class="closeBtn"><span>닫기</span></button>
                            <div class="optionArea" data-list="option1">
                                <div class="category flex customLine">
                                    <button type="button">지역</button>
                                    <button type="button">시험장소</button>
                                </div>
                                <div class="scrollArea">
                                    <div class="scrollWidth">
                                        <div class="scrollWrap">
                                            <ul class="checkWrap">
                                                <li><label><input type="checkbox"><span>지역명</span></label></li>
                                                <li><label><input type="checkbox"><span>서울</span></label></li>
                                                <li><label><input type="checkbox"><span>경기</span></label></li>
                                                <li><label><input type="checkbox"><span>인천</span></label></li>
                                                <li><label><input type="checkbox"><span>전강좌 + 응시권 패스</span></label></li>
                                            </ul>
                                            <ul class="checkWrap">
                                                <li><label><input type="checkbox"><span>%시험장소명은 MAX 26자 입니다.%</span></label></li>
                                                <li><label><input type="checkbox"><span>서울 강남 COZY 모임공간 강남역2호점 시험장</span></label></li>
                                                <li><label><input type="checkbox"><span>서울 이알피어학원 종로 IELTS 시험센터</span></label></li>
                                                <li><label><input type="checkbox"><span>서울 서초 가톨릭대학교 성의회관 시험장</span></label></li>
                                                <li><label><input type="checkbox"><span>CDT 시험장</span></label></li>
                                                <li><label><input type="checkbox"><span>일반시험장</span></label></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="optionArea noCategory" data-list="option2">
                                <div class="scrollArea">
                                    <div class="scrollWidth">
                                        <div class="scrollWrap">
                                            <ul class="checkWrap">
                                                <li><label><input type="checkbox"><span>CDT 시험장</span></label></li>
                                                <li><label><input type="checkbox"><span>일반시험장</span></label></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="buttonWrap flex sb">
                                <button type="button" class="resetBtn">전체 초기화</button>
                                <input type="submit" class="submitBtn" value="리뷰보기"></input>
                            </div>
                        </div>
                    </form>

                    <div class="dim"></div>
                </div>
            </div>

            <!-- 리스트 -->
            <div class="listArea">
                <div class="listWrap">
                    <!-- 로그아웃 상태일 때 로그인 버튼 -->
                    <a href="/login" class="loginBtn">로그인하고 시험장후기 보기</a>
                    <div class="roundArea">
                        <!-- subject -->
                        <div class="topWrap">
                            <div class="topTitle customLine">
                                <div class=""><span class="circleBox">시험장 후기</span></div>
                                <div class="flex sb">
                                    <div class="box info flex">
                                        <div>ABCDEFG</div>
                                        <div><span>응시일 :&nbsp;</span>24.10.11</div>
                                        <div><span>시험장소 :&nbsp;</span>%시험장%</div>
                                        <div><span>응시장 구분 :&nbsp;</span>%응시장%</div>
                                    </div>
                                </div>
                            </div>
                            <div class="box reaction flex">
                                <!--
                                    star 갯수대로 .num에 숫자가 들어감
                                -->
                                <div>
                                    <div class="mo_tab-star">접근성 <div class="icon star" data-number=""><b class="num">1</b></div></div>
                                    <div class="pc-star">
                                        <div class="icon star flex" data-number="">
                                            접근성
                                            <div class="iconWrap flex"><figure></figure><figure></figure><figure></figure><figure></figure><figure></figure></div>
                                            <div class="text"><b class="num">1</b></div>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="mo_tab-star">음향상태 <div class="icon star" data-number=""><b class="num">4</b></div></div>
                                    <div class="pc-star">
                                        <div class="icon star flex" data-number="">
                                            음향상태
                                            <div class="iconWrap flex"><figure></figure><figure></figure><figure></figure><figure></figure><figure></figure></div>
                                            <div class="text"><b class="num">4</b></div>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="mo_tab-star">시설 <div class="icon star" data-number=""><b class="num">5</b></div></div>
                                    <div class="pc-star">
                                        <div class="icon star flex" data-number="">
                                            시설
                                            <div class="iconWrap flex"><figure></figure><figure></figure><figure></figure><figure></figure><figure></figure></div>
                                            <div class="text"><b class="num">5</b></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="subjectWrap flex">
                                <p class="subject">학원을 다녔어서 익숙한 장소인건 좋았쳐 놔야 했습니다.</p>
                                <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/common/board/test_review_01.png');"></div>
                            </div>
                        </div>
                        <!-- 본문 -->
                        <div class="userContentText">
                            <div class="speaking-review flex">
                                <span class="circleBox">Speaking 후기</span>
                                <p>examiner분은 남자분이셨습니다. 푸근하시고 천천히 말씀해 주셔서 듣는데는 문제 없었습니다. 잘 웃어주셨고 영국분이었습니다. </p>
                            </div>
                            <div class="textWrap">
                                <div class="text">
                                    <textarea class="moreTextArea userText" readonly>새로운 회계연도가 개시될 때까지 예산안이 의결되지 못한 때에는 정부는 국회에서 예산안이 의결될 때까지 다음의 목적을 위한 경비는 전년도 예산에 준하여 집행할 수 있다. 국가유공자·상이군경 및 전몰군경의 유가족은 법률이 정하는 바에 의하여 우선적으로 근로의 기회를 부여받는다. 국정의 중요한 사항에 관한 대통령의 자문에 응하기 위하여 국가원로로 구성되는 국가원로자문회의를 둘 수 있다. 국회에 제출된 법률안 기타의 의안은 회기중에 의결되지 못한 이유로 폐기되지 아니한다. 다만, 국회의원의 임기가 만료된 때에는 그러하지 아니하다. 대통령은 헌법과 법률이 정하는 바에 의하여 공무원을 임면한다. 대법원장과 대법관이 아닌 법관의 임기는 10년으로 하며, 법률이 정하는 바에 의하여 연임할 수 있다. 대통령·국무총리·국무위원·행정각부의 장·헌법재판소 재판관·법관·중앙선거관리위원회 위원·감사원장·감사위원 기타 법률이 정한 공무원이 그 직무집행에 있어서 헌법이나 법률을 위배한 때에는 국회는 탄핵의 소추를 의결할 수 있다. 헌법재판소는 법관의 자격을 가진 9인의 재판관으로 구성하며, 재판관은 대통령이 임명한다. 각급 선거관리위원회는 선거인명부의 작성등 선거사무와 국민투표사무에 관하여 관계 행정기관에 필요한 지시를 할 수 있다. 국무회의는 정부의 권한에 속하는 중요한 정책을 심의한다.</textarea>
                                </div>
                                <button type="button" class="moreBtn">더보기</button>

                                <!--
                                    이미지가 첨부되어 있을 때
                                    첨부된 이미지가 없으면 imgWrap을 제거합니다.
                                -->

                            </div>
                        </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>모든 국민은 인간으로서의 존엄과 가치를 가지며, 행복을 추구할 권리를 가진다. 국가는 개인이 가지는 불가침의 기본적 인권을 확인하고 이를 보장할 의무를 진다. 헌법재판소에서 법률의 위헌결정, 탄핵의 결정, 정당해산의 결정 또는 헌법소원에 관한 인용결정을 할 때에는 재판관 6인 이상의 찬성이 있어야 한다. 새로운 회계연도가 개시될 때까지 예산안이 의결되지 못한 때에는 정부는 국회에서 예산안이 의결될 때까지 다음의 목적을 위한 경비는 전년도 예산에 준하여 집행할 수 있다. 대법원장의 임기는 6년으로 하며, 중임할 수 없다. 재산권의 행사는 공공복리에 적합하도록 하여야 한다. 국가는 국민 모두의 생산 및 생활의 기반이 되는 국토의 효율적이고 균형있는 이용·개발과 보전을 위하여 법률이 정하는 바에 의하여 그에 관한 필요한 제한과 의무를 과할 수 있다.</textarea>
                                    </div>
                                    <button type="button" class="moreBtn">더보기</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="listWrap">
                    <!-- 로그아웃 상태일 때 로그인 버튼 -->
                    <a href="/login" class="loginBtn">로그인하고 시험장후기 보기</a>
                    <div class="roundArea">
                        <!-- subject -->
                        <div class="topWrap">
                            <div class="topTitle customLine">
                                <div class=""><span class="circleBox">시험장 후기</span></div>
                                <div class="flex sb">
                                    <div class="box info flex">
                                        <div>ABCDEFG</div>
                                        <div>24.10.11</div>
                                        <div>%시험장%</div>
                                        <div>%응시장%</div>
                                    </div>
                                </div>
                            </div>
                            <div class="box reaction flex">
                                <!--
                                    star 갯수대로 .num에 숫자가 들어감
                                -->
                                <div>
                                    <div class="mo_tab-star">접근성 <div class="icon star" data-number=""><b class="num">1</b></div></div>
                                    <div class="pc-star">
                                        <div class="icon star flex" data-number="">
                                            접근성
                                            <div class="iconWrap flex"><figure></figure><figure></figure><figure></figure><figure></figure><figure></figure></div>
                                            <div class="text"><b class="num">1</b></div>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="mo_tab-star">음향상태 <div class="icon star" data-number=""><b class="num">4</b></div></div>
                                    <div class="pc-star">
                                        <div class="icon star flex" data-number="">
                                            음향상태
                                            <div class="iconWrap flex"><figure></figure><figure></figure><figure></figure><figure></figure><figure></figure></div>
                                            <div class="text"><b class="num">4</b></div>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="mo_tab-star">시설 <div class="icon star" data-number=""><b class="num">5</b></div></div>
                                    <div class="pc-star">
                                        <div class="icon star flex" data-number="">
                                            시설
                                            <div class="iconWrap flex"><figure></figure><figure></figure><figure></figure><figure></figure><figure></figure></div>
                                            <div class="text"><b class="num">5</b></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="subjectWrap flex">
                                <p class="subject">학원을 다녔어서 익숙한 장소인건 좋았어요. 다만 책상이 작아서 좀 불편하고 책상과 책상사이 간격이 좁아서 감독관들이 돌아다닐때 좀 거슬렸고 책상이 작아 라이팅 시험을 볼 때 시험지를 겹쳐 놔야 했습니다.</p>
                                <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/common/board/test_review_01.png');"></div>
                            </div>
                        </div>
                        <!-- 본문 -->
                        <div class="userContentText">
                            <div class="speaking-review flex">
                                <span class="circleBox">Speaking 후기</span>
                                <p>examiner분은 남자분이셨습니다. 푸근하시고 천천히 말씀해 주셔서 듣는데는 문제 없었습니다. 잘 웃어주셨고 영국분이었습니다.</p>
                            </div>
                            <div class="textWrap">
                                <div class="text">
                                    <textarea class="moreTextArea userText" readonly>국무위원은 국무총리의 제청으로 대통령이 임명한다. 명령·규칙 또는 처분이 헌법이나 법률에 위반되는 여부가 재판의 전제가 된 경우에는 대법원은 이를 최종적으로 심사할 권한을 가진다.</textarea>
                                </div>
                                <button type="button" class="moreBtn">더보기</button>

                                <!--
                                    이미지가 첨부되어 있을 때
                                    첨부된 이미지가 없으면 imgWrap을 제거합니다.
                                -->

                            </div>
                        </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>모든 국민은 인간으로서의 존엄과 가치를 가지며, 행복을 추구할 권리를 가진다. 국가는 개인이 가지는 불가침의 기본적 인권을 확인하고 이를 보장할 의무를 진다. 헌법재판소에서 법률의 위헌결정, 탄핵의 결정, 정당해산의 결정 또는 헌법소원에 관한 인용결정을 할 때에는 재판관 6인 이상의 찬성이 있어야 한다. 새로운 회계연도가 개시될 때까지 예산안이 의결되지 못한 때에는 정부는 국회에서 예산안이 의결될 때까지 다음의 목적을 위한 경비는 전년도 예산에 준하여 집행할 수 있다. 대법원장의 임기는 6년으로 하며, 중임할 수 없다. 재산권의 행사는 공공복리에 적합하도록 하여야 한다. 국가는 국민 모두의 생산 및 생활의 기반이 되는 국토의 효율적이고 균형있는 이용·개발과 보전을 위하여 법률이 정하는 바에 의하여 그에 관한 필요한 제한과 의무를 과할 수 있다.</textarea>
                                    </div>
                                    <button type="button" class="moreBtn">더보기</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 신청 버튼 -->
            <div class="writeBtnWrap bottom-fix-btn">
                <button type="button" class="writeBtn">시험장 후기 <figure></figure></button>
            </div>

            <!-- 글 작성 bottom-sheet -->
            <div class="write-bottom bottom-sheet type2 verChange">
                <form action="">
                    <div class="slidingWrap">
                        <button type="button" class="closeBtn"><span>닫기</span></button>
                        <p class="sheetTitle">시험장 후기</p>
                        <div class="contentArea scrollArea">
                            <div class="scrollWidth">
                                <div class="scrollWrap">
                                    <ul class="formList">
                                        <li class="required">
                                            <div class="title"><p>시험장소</p></div>
                                            <div class="inputArea noLine">
                                                <div class="inputWrap">
                                                    <div class="dropDownMenu type2">
                                                        <div class="selectBox">
                                                            <button type="button" class="label invalid" data-selected="시험 장소 선택" data-default="시험 장소 선택">시험 장소 선택</button>
                                                            <div class="optionListWrap">
                                                                <div class="scrollWidth">
                                                                    <ul class="optionList scrollWrap">
                                                                        <!-- 활성화 메뉴 active class 추가 -->
                                                                        <li class="optionItem"><button type="button" data-account="서울/ 서울 주한영국문화원">서울/ 서울 주한영국문화원</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="서울/ 서울 홍대입구역 한빛미디어">서울/ 서울 홍대입구역 한빛미디어</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="서울/ 서울 강남 edm IELTS 어학원">서울/ 서울 강남 edm IELTS 어학원</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="서울/ 서울 이알피어학원 강남 IELTS 시험센터">서울/ 서울 이알피어학원 강남 IELTS 시험센터</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="서울/ 서울 이알피어학원 종로 IELTS 시험센터">서울/ 서울 이알피어학원 종로 IELTS 시험센터</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="서울/ 서울 가산 팀스카이 교육센터">서울/ 서울 가산 팀스카이 교육센터</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="서울/ 서울 강남 렉시스 어학원 시험장">서울/ 서울 강남 렉시스 어학원 시험장</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="서울/ 서울 강남 파고다 어학원 시험장">서울/ 서울 강남 파고다 어학원 시험장</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="서울/ 서울 강남 COZY 모임공간 강남역2호점 시험장">서울/ 서울 강남 COZY 모임공간 강남역2호점 시험장</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="서울/ 서울 강남 IDP 한국지사 시험장">서울/ 서울 강남 IDP 한국지사 시험장</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="서울/ 서울 강북 IDP 전용 시험장">서울/ 서울 강북 IDP 전용 시험장</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="서울/ 서울 고려대학교 안암캠퍼스 시험장">서울/ 서울 고려대학교 안암캠퍼스 시험장</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="서울/ 서울 명동 SKY어학원 시험장">서울/ 서울 명동 SKY어학원 시험장</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="서울/ 서울 서초 가톨릭대학교성의회관 시험장">서울/ 서울 서초 가톨릭대학교성의회관 시험장</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="서울/ 서울 송파 메타미국유학 시험장">서울/ 서울 송파 메타미국유학 시험장</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="서울/ 서울 신촌 파고다 어학원 시험장">서울/ 서울 신촌 파고다 어학원 시험장</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="서울/ 서울 종로 파고다 어학원 시험장">서울/ 서울 종로 파고다 어학원 시험장</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="서울/ 서울 홍대 프라임 아이엘츠 시험장">서울/ 서울 홍대 프라임 아이엘츠 시험장</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="분당/ 이제이플러스 어학원(추가)">분당/ 이제이플러스 어학원(추가)</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="인천/ 인천 이플랜어학원">인천/ 인천 이플랜어학원</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="인천/ 인천 송도 글로벌 캠퍼스 시험장">인천/ 인천 송도 글로벌 캠퍼스 시험장</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="대전/ 대전 한남대학교 평생교육원">대전/ 대전 한남대학교 평생교육원</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="대전/ 대전 아이티스쿨">대전/ 대전 아이티스쿨</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="대전/ 대전 스피커 어학원 대전시청점 시험장">대전/ 대전 스피커 어학원 대전시청점 시험장</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="대전/ 대전 충남대 국제언어교육원 시험장">대전/ 대전 충남대 국제언어교육원 시험장</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="광주/ 광주 전남대학교">광주/ 광주 전남대학교</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="광주/ 광주 유니언어학원 시험장">광주/ 광주 유니언어학원 시험장</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="대구/ 대구 재클린유학">대구/ 대구 재클린유학</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="대구/ 대구 브라운 어학원 시험장">대구/ 대구 브라운 어학원 시험장</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="부산/ 부산 edm 유학센터">부산/ 부산 edm 유학센터</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="부산/ 부산 렉시스 어학원 시험장">부산/ 부산 렉시스 어학원 시험장</button></li>
                                                                        <li class="optionItem"><button type="button" data-account="제주/ 제주 한라대학교 시험장">제주/ 제주 한라대학교 시험장</button></li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="message error">시험 장소를 선택해 주세요.</div>
                                            </div>
                                        </li>
                                        <li class="required date">
                                            <div class="title"><p>응시일자</p></div>
                                            <div class="inputArea">
                                                <label><input type="date"></label>
                                            </div>
                                        </li>
                                        <li class="required">
                                            <div class="title"><p>응시장 구분</p></div>
                                            <div class="inputArea radioBox col2">
                                                <label><input type="radio" name="classTime"><span>일반 시험장</span></label>
                                                <label><input type="radio" name="classTime"><span>CDT 시험장</span></label>
                                            </div>
                                        </li>
                                        <li class="required starScore">
                                            <div class="title"><p>시험장 평가</p></div>
                                            <div class="inputArea invalid">
                                                <div class="box flex">
                                                    <p class="tit">접근성</p>
                                                    <div class="flex starArea">
                                                        <div class="starWrap flex" data-number="1">
                                                            <button type="button" class="star"></button>
                                                            <button type="button" class="star"></button>
                                                            <button type="button" class="star"></button>
                                                            <button type="button" class="star"></button>
                                                            <button type="button" class="star"></button>
                                                        </div>
                                                        <div class="num"></div>
                                                    </div>
                                                </div>
                                                <div class="box flex">
                                                    <p class="tit">음향상태</p>
                                                    <div class="flex starArea">
                                                        <div class="starWrap flex" data-number="1">
                                                            <button type="button" class="star"></button>
                                                            <button type="button" class="star"></button>
                                                            <button type="button" class="star"></button>
                                                            <button type="button" class="star"></button>
                                                            <button type="button" class="star"></button>
                                                        </div>
                                                        <div class="num"></div>
                                                    </div>
                                                </div>
                                                <div class="box flex">
                                                    <p class="tit">시설</p>
                                                    <div class="flex starArea">
                                                        <div class="starWrap flex" data-number="1">
                                                            <button type="button" class="star"></button>
                                                            <button type="button" class="star"></button>
                                                            <button type="button" class="star"></button>
                                                            <button type="button" class="star"></button>
                                                            <button type="button" class="star"></button>
                                                        </div>
                                                        <div class="num"></div>
                                                    </div>
                                                </div>
                                                <div class="message error">별점을 입력해 주세요.</div>
                                                <div class="box shortReviewText">
                                                    <p class="tit">간단리뷰(150자 이내)</p>
                                                    <div class="textWrap">
                                                        <textarea name="" placeholder="시험장에 대한 전반적인 소감 또는 의견을 작성해 주세요." maxlength="150"></textarea>
                                                        <div class="textCount"><span>0</span>/150</div>
                                                    </div>
                                                    <div class="message error">간단 리뷰를 입력해 주세요.</div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="required editWrap">
                                            <div class="title"><p>Speaking평가</p></div>
                                            <div class="inputArea noLine">
                                                <p class="description first">examiner 한 줄 평가</p>
                                                <label><input type="text" placeholder="한 줄 평가를 작성해 주세요." autocomplete="off" required class="invalid"></label>
                                                <div class="message error">examiner 한 줄 평가를 입력해 주세요.</div>
                                                <p class="description">ex) 남자분이셨습니다. 깐깐 하지 않으시고 말씀하시는 속도가 빠르지 않아서 듣는데는 문제 없습니다!</p>
                                            </div>
                                            <div class="detailWrap">
                                                <p class="description">상세 리뷰</p>
                                                <div class="textWrap" data-error="">
                                                    <textarea name="" id="" placeholder="" maxlength=""></textarea>
                                                </div>
                                                <div class="message error">Speaking 상세 리뷰를 입력해 주세요. (최소 100자 이상)</div>
                                            </div>
                                        </li>
                                        <li class="required file">
                                            <div class="title"><p>시험접수증 첨부(1개만 등록 가능)</p></div>
                                            <div class="inputArea noLine">
                                                <p class="description">*접수증과 무관한 사진을 첨부한 경우 통보없이 삭제 및 이벤트 혜택 대상에서 제외됩니다.</p>
                                                <!-- 파일 첨부 -->
                                                <div class="uploadFile scroll-x-active">
                                                    <label class="uploadArea">
                                                        <figure class="upload-icon"></figure>
                                                        <input type="file" class="el-hide" class="file"><span class="hidden">파일 첨부</span>
                                                    </label>
                                                    <div class="file-list"></div>
                                                </div>
                                                <div class="agreeWrap">
                                                    <label><input type="checkbox" required><span>최소 100자 이상 작성, 회원정보에 입력된 휴대번호로 상품 발송, 이벤트 상품은 품절 등의 사유로 동일 가격의 상품으로 대체될 수 있는 점. ID당 1회만 참여 가능 등 후기 이벤트 유의사항에 대해 확인하였습니다. </span></label>
                                                    <div class="message error">유의사항을 체크해 주세요.</div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="buttonWrap flex sb">
                            <input type="reset" class="resetBtn cancel" value="취소"></input>
                            <input type="submit" class="submitBtn" value="등록"></input>
                        </div>
                    </div>
                </form>

                <div class="dim"></div>
            </div>

        </div>
    </div>
@endsection

@section('ielts-script')
    <script>
        $(function(){
            /************************************************************************
                list
            ************************************************************************/
            // 본문 > 이미지 개수
            $('.listWrap .userContentText .imgWrap').each(function(index,item){
                let _uploadImgLength = $(item).find('img').length;
                $(item).find('.allNum').text(_uploadImgLength);
            });

            // 좋아요, 별점 개수에 따라 class 변경
            $('.listWrap .topWrap .reaction .icon').each(function(index,item){
                let _thisLikeNum = $(item).find('.num').text();
                $(item).attr('data-number', _thisLikeNum);
            });



            /************************************************************************
                write (bottom-sheet)
            ************************************************************************/
            // 추천 선생님 최대 3명까지만 선택 가능
            $('.write-bottom .slidingWrap .formList > li.teacher input[type="checkbox"]').on('click',function(e){
                let count = $('.write-bottom .slidingWrap .formList > li.teacher input[type="checkbox"]:checked').length;
                $('.write-bottom .slidingWrap .formList > li.teacher input[type="checkbox"]:checked').parent().addClass('active');
                if(count >= 3){
                    $('.write-bottom .slidingWrap .formList > li.teacher label.active').siblings().addClass('deactivate');
                }else{
                    $('.write-bottom .slidingWrap .formList > li.teacher label').removeClass('deactivate active');
                }
            });

            // 시험장 평가 > 간단 리뷰
            $('.write-bottom .shortReviewText textarea').keyup(function (e) {
                let short_content = $(this).val();

                // 글자수 세기
                if (short_content.length == 0 || short_content == '') {
                    $('.write-bottom .shortReviewText .textCount span').text('0');
                } else {
                    $('.write-bottom .shortReviewText .textCount span').text(short_content.length);
                }
            });


        });
    </script>
@endsection