@extends('ielts.layout')

@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-list">
                <div class="headWrap pc-headWrap">
                    <div class="flex">
                        <div class="number">No</div>
                        <div class="product">신청상품</div>
                        <div class="date">신청일자</div>
                        <div class="approval">승인여부</div>
                        <div class="more">자세히 보기</div>
                    </div>
                </div>
                <!-- 게시글 영역 -->
                <ul class="list flex">
                    <!-- 게시글이 있을 때 -->
                    @if ($posts != null && $posts->isNotEmpty())
                        @php
                            $total = $posts->count();
                        @endphp
                        @foreach ($posts as $key => $post)
                            <li>
                                <div class="box number">
                                    <div class="title">No</div>
                                    <div class="text"><span>{{ $total - $key }}</span></div>
                                </div>
                                <div class="box product">
                                    <div class="title">신청상품</div>
                                    <div class="text"><span class="ellipsis_1">{{ $post->enrollment->product->name }} / {{ $post->enrollment->productOption?->name }}</span></div>
                                </div>
                                <div class="box date">
                                    <div class="title">신청일자</div>
                                    <div class="text"><span>{{ date('y.m.d', strtotime($post->created_at)) }}</span></div>
                                </div>
                                <div class="box approval">
                                    <div class="title">승인여부</div>
                                    <div @class(["text", "review" => $post->status == 'REVIEWED', 'no-approval' => $post->status == "REJECTED" , 'approval' => $post->status == 'REFUNDED'])>
                                        @if ($post->reason)
                                            <span>{{ $post->reason }}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="box more">
                                    <div class="title">자세히 <br>보기</div>
                                    <div class="text"><a href="{{ route("refund.view", ['service' => 'ielts', 'id' => $post->id]) }}">자세히 보기</a></div>
                                </div>
                            </li>
                        @endforeach

                    @else
                    <!-- 게시글이 없을 때 -->
                        <li id="noData">
                            <div class="flex"><p>환급신청 내역이 없습니다.</p></div>
                        </li>
                    @endif
                </ul>
            </div>

            <!-- 신청 버튼 -->
            <div class="applyWrap bottom-fix-btn">
                @if (Auth::check())
                    @if ( $enrollment )
                        <a href="{{ route("refund.write", ['service' => 'ielts']) }}">신청하기</a>
                    @else
                        @if ($refundStatus == 'ERROR_REVIEWING')
                            <a href="javascript:alertPopup('신청 가능한 환급 상품이 없거나 환급승인 대기 상태의 게시글이 존재합니다.')">신청하기</a>
                        @else
                            <a href="javascript:alertPopup('환급상품 수강이력이 없습니다.')">신청하기</a>
                        @endif
                    @endif
                @else
                    <a href="{{ route("login") }}">신청하기</a>
                @endif
            </div>

        </div>
    </div>
@endsection

@section('ielts-script')
{!! resource('js/common/board/default.js') !!}

    <script>

    </script>
@endsection