@extends($service.'.layout')

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

@section($service."-content")
    <div id="wrap" class="boardPage event benefitWrap">
        <div class="max-width">
			<div class="pageTitleWrap"><h1>네이버&구글 방문 후기 이벤트</h1></div>

            <!-- 게시판 뷰 -->
            <div class="board-view">
                <div class="eventContent">
                    <!-- html 파일 -->
                    <div class="upload-viewWrap naver-google-review">
						<div class="max-width">
							<div class="topWrap">
								<div class="txt">edm 아이엘츠 방문 하셨나요? <br>방문 후기 작성하고 선물 받으세요!</div>
								<figure style="background-image: url('{{ env('AWS_S3_IMG_URL') }}/common/board/naver-google-review/benefit-icon.png');"></figure>
								<p>방문 후기 참여 혜택</p>
							</div>
							<div class="banner">
								<picture class="pic">
									<source srcset="{{ env('AWS_S3_IMG_URL') }}/common/board/naver-google-review/starbucks-big.png" media="(min-width: 576px)">
									<img src="{{ env('AWS_S3_IMG_URL') }}/common/board/naver-google-review/starbucks.png" alt="스타벅스 e카드교환권 5,000원권">
								</picture>
							</div>
							<section class="how-to-write">
								<div class="title"`>
									<p><b>후기 작성 방법</b></p>
									<span>상담 받은 당일 네이버/구글 리뷰 중 택1 하여 가이드에 맞게 리뷰를 작성해 주세요.</span>
								</div>
								<div class="content">
									<div class="slideWrap">
										<div class="slide">
											<div class="swiper-wrapper">
												<div class="swiper-slide">
													<picture class="pic">
														<source srcset="{{env('AWS_S3_IMG_URL')}}/common/board/naver-google-review/how-to-write-slide-1-big.png" media="(min-width: 576px)">
														<img src="{{env('AWS_S3_IMG_URL')}}/common/board/naver-google-review/how-to-write-slide-1.png" alt="리뷰 예시">
													</picture>
												</div>
												<div class="swiper-slide">
													<picture class="pic">
														<source srcset="{{env('AWS_S3_IMG_URL')}}/common/board/naver-google-review/how-to-write-slide-2-big.png" media="(min-width: 576px)">
														<img src="{{env('AWS_S3_IMG_URL')}}/common/board/naver-google-review/how-to-write-slide-2.png" alt="리뷰 예시">
													</picture>
												</div>
												<div class="swiper-slide">
													<picture class="pic">
														<source srcset="{{env('AWS_S3_IMG_URL')}}/common/board/naver-google-review/how-to-write-slide-3-big.png" media="(min-width: 576px)">
														<img src="{{env('AWS_S3_IMG_URL')}}/common/board/naver-google-review/how-to-write-slide-3.png" alt="리뷰 예시">
													</picture>
												</div>
												<div class="swiper-slide">
													<picture class="pic">
														<source srcset="{{env('AWS_S3_IMG_URL')}}/common/board/naver-google-review/how-to-write-slide-4-big.png" media="(min-width: 576px)">
														<img src="{{env('AWS_S3_IMG_URL')}}/common/board/naver-google-review/how-to-write-slide-4.png" alt="리뷰 예시">
													</picture>
												</div>
												<div class="swiper-slide">
													<picture class="pic">
														<source srcset="{{env('AWS_S3_IMG_URL')}}/common/board/naver-google-review/how-to-write-slide-5-big.png" media="(min-width: 576px)">
														<img src="{{env('AWS_S3_IMG_URL')}}/common/board/naver-google-review/how-to-write-slide-5.png" alt="리뷰 예시">
													</picture>
												</div>
											</div>
											<div class="pagination"></div>
										</div>
									</div>
									<div class="messageBox">
										<div class="message-title"><figure></figure><em>후기 작성 조건</em></div>
										<ul class="dotList">
											<li>edm아이엘츠 학원에 방문 후 등록한 학생에 한해 참여 가능한 이벤트 입니다. </li>
											<li>사진은 1장 이상 첨부해 주세요. (학원 외관, 상담 받는 사진, 인강 듣는 사진 등)</li>
											<li>후기는 150자 이상 작성해 주세요. (공백 미포함)</li>
											<li>한 사람당 한 개의 후기만 작성 가능합니다. </li>
										</ul>
									</div>
								</div>
							</section>
							<section class="benefit">
								<div class="title"`>
									<p><b>혜택 수령 방법</b></p>
								</div>
								<div class="content">
									<div class="boxWrap">
										<div class="box naver">
											<div class="imgWrap">
												<figure style="background-image: url('{{env('AWS_S3_IMG_URL')}}/common/board/naver-google-review/benefit-1.png');"></figure>
												<p>양식에 맞게 작성 후 직원에게 보여주세요.</p>
											</div>
											<a href="https://naver.me/5eUL5uuF" target="_blank"><figure style="background-image: url('{{env('AWS_S3_IMG_URL')}}/common/board/naver-google-review/naver-icon.svg');"></figure>네이버 리뷰 작성하기</a>
										</div>
										<div class="box google">
											<div class="imgWrap">
												<figure style="background-image: url('{{env('AWS_S3_IMG_URL')}}/common/board/naver-google-review/benefit-2.png');"></figure>
												<p>리뷰 확인 후 혜택이 즉시 제공됩니다.</p>
											</div>
											<a href="https://g.co/kgs/BSBkXu8" target="_blank"><figure style="background-image: url('{{env('AWS_S3_IMG_URL')}}/common/board/naver-google-review/google-icon.svg');"></figure>구글 리뷰 작성하기</a>
										</div>
									</div>
									<div class="messageBox">
										<div class="message-title"><figure></figure><em>유의사항</em></div>
										<ul class="dotList">
											<li>별도 공지가 있기 전까지 상시로 운영되는 이벤트 입니다. </li>
											<li>방문 상담 후 등록한 학생에게만 제공되는 이벤트 입니다.</li>
											<li>현장에서 참여하는 이벤트로 혜택은 실물 카드로 즉시 지급되며, 모바일 상품권 등으로 받으실 수 없습니다.</li>
											<li>추후 리뷰 삭제 시 지급된 경품을 회수할 수 있습니다. </li>
											<li>작성된 리뷰는 1년간 유지해 주세요.</li>
											<li>추가 문의사항은 1:1 게시판 문의 또는 <br>플러스카톡(학원: @edm아이엘츠 / 인강 : @edm인강)으로 문의해 주세요.</li>
										</ul>
									</div>
								</div>
							</section>
						</div>
					</div>
					<script>
						$(function(){
							var howToWrite = new Swiper(".how-to-write .slide", {
								slidesPerView: 1,
								slidesPerGroup: 1,
								spaceBetween: 16,
								simulateTouch: true,
								loop: true,
								autoHeight: true,
								pagination : {
									el : '.how-to-write .slide .pagination',
									clickable : true,
									type : 'bullets',
								}
							});
						});
					</script>
                </div>
            </div>
        </div>
    </div>
@endsection

@section($service.'-script')
@endsection