@extends("board.layout.layout-board")


@section("board-content")
<li class="mb-3 row mx-0 align-middle">
    <label class="col-1">
        수강정보
        <br>
        <button type="button" class="btn btn-sm btn-primary" onclick="onOpenAttendances({{ $post->enrollment_id }})">자세히보기</button>
    </label>
    <div class="col-11">
        <div class="col-12 row m-0 mb-2">
            <label class="col-12">상품정보</label>
            <div class="col-12">{{ $post->enrollment->product->name }} / {{ $post->enrollment->productOption->name }}</div>
        </div>
        <div class="col-12 row m-0 mb-2">
            <div class="col-3 pl-0">
                <label>수강시작일</label>
                <div>{{ $post->enrollment->started_at }}</div>
            </div>
            <div class="col-3 pl-0">
                <label>수강종료일</label>
                <div>{{ $post->enrollment->ended_at }}</div>
            </div>
            <div class="col-3 pl-0">
                <label>출석율</label>
                <div>{{ $post->enrollment->attendance_rate }}%</div>
            </div>

        </div>
        <div class="col-12 row mx-0 mb-2">
            <div class="col-3 pl-0">
                <label>환급여부</label>
                <div>
                    <select class="form-select" id="status" name='status' @disabled($post->status != 'REVIEWED')>
                        @foreach ($status as $key => $val)
                            <option value="{{ $key }}" @selected($key == $post->status)>{{ $val }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-6" id="reason-box" style="{{ $post->status == 'REJECTED' ?: "display: none" }}">
                <label>미지급사유</label>
                <div>
                    <select class="form-select" id="reason" name='reason' @disabled($post->status != 'REVIEWED')>
                        @foreach ($reason as $val)
                            <option value="{{ $val }}" @selected($val == $post->reason)>{{ $val }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
    </span>
</li>

<li class="mb-3 row mx-0 align-middle">
    <label class="col-1">결제정보</label>
    <div class="col-11 row mx-0 mb-2">
        <div class="col-3 pl-0">
            <label>결제수단</label>
            <div>{{ $post->payment->method }}</div>
        </div>
        <div class="col-3 pl-0">
            <label>결제일</label>
            <div>{{ $post->payment->paid_at }}</div>
        </div>
    </div>
</li>
@if ( $post->payment->method == 'TRANSFER')
<li class="mb-3 row mx-0 align-middle">
    <label class="col-1">환급계좌정보</label>
    <div class="col-11 row mx-0 mb-2">
        <div class="col-3 pl-0">
            <label>은행명</label>
            <div>{{ $post->bankName }}</div>
        </div>
        <div class="col-9 pl-0">
            <label>계좌번호</label>
            <div>{{ $post->account }}</div>
        </div>
    </div>
</li>
@endif
@endsection


@section("board-script")
<script>
    $(function() {
        $('#status').on("change", function() {
            if ( $(this).val() == 'REJECTED' ) {
                $('#reason-box').show();
            } else {
                $('#reason-box').hide();
            }
        })
    })

    function getApproval( formData ) {
        if ( ! $('#status').prop("disabled") ) {
            formData.append("status", $('#status :selected').val())
            if ( $('#status :selected').val() == 'REJECTED') {
                formData.append("reason", $('#reason :selected').val())
            }
        }

        return formData;
    }

    function onOpenAttendances(enrollment_id) {
        const href = "{{ route('board.popup.attendance', ':id') }}";
        edmPopupOpen(href.replace(":id", enrollment_id));
    }
</script>
@endsection