@extends("domains.common.layouts.layout")
@section("header")

@endsection

@section("main-content")
    <div class="container-fluid detail">

        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box">
                    <h1>수강 연장 요청 상세</h1>
                    <ul class="page-wayfinding">
                        <li>수강</li>
                        <li>수강 연장 요청</li>
                        <li>상세</li>
                    </ul>
                    <div class="page-btn-wrap">
                        <button class="button btn-style-2">목록</button>
                        <button class="button btn-style-5">반려</button>
                        <button class="button btn-style-1">승인</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- end page title -->


        <div class="row detail-con-wrap3">
            <div class="detail-con card">
                <form action="" class="set-user-form" >
                    <div class="card-body">
                        <div class="flex-box">
                            <div class="w100">
                                <h2 class="detail-title">게시물 구분</h2>
                                <div class="detail-input">
                                    <dl class="input-wrapper">
                                        <dt>게시글 번호</dt>
                                        <dd><span>%게시글 유니크값%</span></dd>
                                    </dl>
                                    <dl class="input-wrapper">
                                        <dt>서비스 구분</dt>
                                        <dd><span>%서비스 구분%</span></dd>
                                    </dl>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>

            <div class="detail-con card">
                <div class="card-body">
                    <h2 class="detail-title">연장 정보</h2>
                    <div class="detail-input multi-col">
                        <dl class="input-wrapper">
                            <dt>카테고리</dt>
                            <dd><span>%카테고리명%</span></dd>
                        </dl>
                        <dl class="input-wrapper">
                            <dt>상품명</dt>
                            <dd><a href="#none">%상품명%</a></dd>
                        </dl>
                        <dl class="input-wrapper">
                            <dt>연장일</dt>
                            <dd><span>%상품단 설정값%</span></dd>
                        </dl>
                        <dl class="input-wrapper">
                            <dt>연장상태</dt>
                            <dd><span>%신청%</span></dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="card">
                <div class="card-body">
                    <div class="">
                        <span class="mr20">등록일시<span class="ml10">2023.12.31 00:00:00</span></span>
                        <span>수강생명<a class="ml10" href="#none">%이름%</a></span>
                        </dl>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="card">
                <div class="card-body">
                    <h2 class="detail-title req">성적표 이미지</h2>
                    <div class="detail-input">
                        <dl class="input-wrapper">
                            <dd class="thumbnail-img-wrap">
                                <div class="thumbnail-img mb-1">
                                    <img id="thumbnail_image" alt="">
                                </div>
                                <div class="thumbnail-img-notice">
                                    * 파일 형식 : jpg, jpeg, png 
                                </div>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="card">
                <div class="card-body">
                    <form action="">
                        <div class="comment-wrap">
                            <div class="comment-con">
                                <h2>
                                    댓글 <span>99</span>건
                                </h2>
                                <div class="comment-textarea-wrap">
                                    <textarea name="" id="" cols="30" rows="10" oninput="" value=""></textarea>
                                    <button class="button btn-style-1" onclick="">등록</button>
                                </div>
                                <div class="comment-row">
                                    <div class="user-comment">
                                    <button class="user-comment-remove" onclick=""></button>
                                        <div class="user-comment-img">
                                            <img id="user_image" src="{{ Vite::asset('resources/images/no-photo.svg') }}" alt="" onerror="this.src='{{ Vite::asset('resources/images/no-photo.svg') }}';">
                                        </div>
                                        <div class="user-comment-profil">
                                            <div class="user-comment-name">이름</div>
                                            <p class="comment-date">날짜</p>
                                        </div>
                                    </div>
                                    <p class="comment-text">
                                        내용
                                    </p>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>


        <!-- end row -->
    </div>

@endsection

@push("script")
<script>
</script>
@endpush