@extends('ielts.layout')

@section('ielts-css')
    {!! resource('css/ielts/sub.css') !!}

    {!! resource('css/myclass/my_class_mo.css') !!}
    {!! resource('css/myclass/my_class_mo_ielts.css') !!}
@endsection



@section("ielts-content")
    <div class="container_m">

        <div id="nav">
            <a href="{{ route('classroom.dashboard', ['service' => ! empty($service)&& in_array($service, ['ielts', 'academy']) ? $service : 'ielts' ]) }}" class="ico-back">뒤로가기</a>
            <h2>휴강/연장신청</h2>
        </div>
        <div id="tab">
            <ul>
                <li>
                    <a href="{{ route('classroom.pause', ['service' => 'ielts']) }}">휴강신청</a>
                </li>
                <li>
                    <a href="{{ route('classroom.extension', ['service' => 'ielts']) }}">무료연장신청</a>
                </li>
                <li class="on">
                    <a href="#none">유료연장신청</a>
                </li>
            </ul>
        </div>
        <div id="container" class="bg-gray">
            <div class="bg-white">
                <div class="text-gray">
                    <strong>
                        수강 중인 상품에 대해 추가 결제를 통해 기간을 연장하여 수강하실 수 있습니다.
                    </strong>
                    <strong class="medium">
                        연장/재수강 가능 상품
                    </strong>
                    <div class="red">
                        · 입문 200% 페이백/ 실전 200% 페이백/ 파이널 원스탑 (매주첨삭/ 무제한 첨삭 포함)/ 올패스 (매주첨삭/ 무제한 첨삭 포함)/ N개월 알짜패스
                    </div>
                </div>
                <div class="text-gray">
                    <strong>
                        연장 구매 관련
                    </strong>
                    <div>
                        · 30일, 60일 선택 가능 <br>
                        · 교재 불포함 <br>
                        · 일할금액으로 가격 산정 - 강의료 (판매값-교재값) / 수강기간 <br>
                        · (첨삭) 매주 첨삭 및 다른 패키지 - 첨삭 연장 불가, 대신 모두의 첨삭 결제 시 50% 할인 <br>
                        · (첨삭) 무제한 첨삭 - 첨삭도 함께 연장됨 (1일 5회 Writing, Speaking 첨삭)
                    </div>
                </div>
                <div class="text-gray">
                    <strong>
                        유의사항
                    </strong>
                    <div>
                        · 응시권 결합 상품의 경우 응시권 유효기간/사용기간은 연장되지 않음 (구매 후 6개월 이내)<br>
                        · 환급반은 연장 또는 재수강 시 환급챌린지 불가 <br>
                        · 재수강, 연장 모두 교환 및 환불 불가<br>
                        · 구매 내역은 마이페이지에서 확인 가능
                    </div>
                </div>
            </div>
            <ul class="product-list">
                @foreach ($enrollments as $e)
                    @if (!empty($e->productOption->additional_purchase_option))
                        @php
                            $opt = $e->productOption->additional_purchase_option;
                        @endphp
                        @foreach ($opt['period'] ?? [] as $i => $period)
                            <li>
                                <div class="title">
                                    <img src="{{ $e->product->thumbnail }}" alt="" style="width : 96px; height : 60px;">
                                    <div>
                                        <dl class="badge">
                                            <dd class="green">{{ ucfirst($e->module) }}</dd>
                                        </dl>
                                        <h4>{{ $e->product->name }}</h4>
                                        <p>{{ $e->productOption->name }}</p>
                                    </div>
                                </div>
                                <div class="detail cancel">
                                    <dl class="w33">
                                        <dt>수강기간</dt>
                                        <dd>{{ $period }}일</dd>
                                    </dl>
                                    <dl class="w33">
                                        <dt>CDT</dt>
                                        <dd>
                                            -{{ isset($opt['cdt_total_use_count'][$i]) && $opt['cdt_total_use_count'][$i] ? $opt['cdt_total_use_count'][$i]."회":"무제한" }}</dd>
                                    </dl>
                                    <dl class="w33">
                                        <dt>첨삭</dt>
                                        <dd>
                                            -{{ isset($opt['feedback_total_use_count'][$i]) && $opt['feedback_total_use_count'][$i] ? $opt['feedback_total_use_count'][$i]."회":"무제한" }}
                                            회
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt>수강료</dt>
                                        <dd>
                                            <strong>{{ isset($opt['sales_price'][$i]) ? number_format($opt['sales_price'][$i]) : '' }}
                                                원</strong></dd>
                                    </dl>
                                </div>
                                <a href="#none" class="btn-go">
                                    연장신청
                                </a>
                            </li>
                        @endforeach
                    @endif
                @endforeach
            </ul>
        </div>
    </div>
@endsection



@section('ielts-script')

@endsection