@extends('ielts.layout')

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

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

@section("ielts-content")
    @php
        $content = $post->content;
    @endphp
    <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>{{ $content->writer?->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>
                        </li>
                        <li>
                            <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 product">
                                <div class="title">승인여부</div>
                                <div class="text"><span>{{ $status[$post->status] }}</span></div>
                            </div>
                            <div class="box payment">
                                <div class="title">결제수단</div>
                                <div class="text"><span>{{ $post->payment?->method == 'CARD' ? "신용카드" : "계좌이체" }}</span></div>
                            </div>

                            @if ($post->payment->method == 'TRANSFER')
                            <div class="box refund-account">
                                <div class="title">환불계좌</div>
                                <div class="text"><span>{{ isset($banks[$post->bank_code]) ? $banks[$post->bank_code] : "-" }}</span></div>
                            </div>
                            <div class="box account-number">
                                <div class="title">계좌번호</div>
                                <div class="text"><span>{{ $post->account }}</span></div>
                            </div>
                            @endif
                        </li>
                    </ul>
                </div>

                <div class="contentWrap">
                    <p id="viewer"></p>
                </div>


                @if ($post->getAttachments()->count() > 0)
                <!-- 첨부파일이 없는 경우 fileWrap 제거 -->
                    <x-board.attachments :files="$post->getAttachments()" isView="{{ true }}" isPreview="{{ false }}" />
                @endif


                <x-comment.comments :post="$post" page="refund" />

                <div class="go-list pc-go-list">
                    <a href="{{ route("refund.index", ['service' => $service]) }}">목록 보기</a>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('ielts-script')
{!! resource('js/common/board/default.js') !!}
{!! resource('js/common/board/file-upload.js') !!}
{!! setResources(['toastui-viewer']) !!}
    <script>
        const viewer = new toastui.Editor({
            el: document.querySelector('#viewer'),
            initialValue: '{!! $content->content !!}'
        });

        setPageConfig({
            "service" : '{{ $service }}',
            "boardType" : '{{ $board["page"] }}',
            "isActiveInfinity" : false,
            "isLogin" : "{{ Auth::check() }}"
        })

        const fileUploadType= "text"
    </script>
@endsection