@extends('board.layout-review')

@section("review-filter")
<div class="flex sb">
    <div class="selectWrap flex">
        <button type="button" data-list="option1">달성점수</button>
        <button type="button" data-list="option2">달성기간</button>
    </div>
    <div class="writeBtnWrap pc-btn">
        <button type="button" class="writeBtn">후기 작성 <figure></figure></button>
    </div>
</div>
<div class="filter-bottom bottom-sheet type2 verChange">
    <form action="">
        <div class="slidingWrap">
            <button type="button" class="closeBtn"><span>닫기</span></button>
            <div class="optionArea noCategory" data-list="option1">
                <div class="scrollArea">
                    <div class="scrollWidth">
                        <div class="scrollWrap">
                            <ul class="checkWrap grid">
                                @foreach ($scores as $score)
                                    @if ($score < 5.5) @continue @endif
                                    <li><label><input type="checkbox" name="overall[]" value="{{ $score }}" @checked(Request::has("overall") && in_array($score, Request::get("overall")))><span>{{ $score }}</span></label></li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="optionArea noCategory" data-list="option2">
                <div class="scrollArea">
                    <div class="scrollWidth">
                        <div class="scrollWrap">
                            <ul class="checkWrap grid">
                                @foreach ( $periods as $key => $period)
                                <li><label><input type="checkbox" name="periods[]" value="{{ $key }}" @checked(Request::has("periods") && in_array($key, Request::get("periods")))><span>{{ $key }}</span></label></li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="buttonWrap flex sb">
                <button type="button" class="resetBtn">전체 초기화</button>
                <input type="submit" class="submitBtn" value="리뷰보기"></input>
            </div>
        </div>
    </form>

    <div class="dim"></div>
</div>
@endsection


@section("review-list")
    <x-board.pass-wrap :posts="$posts" />
@endsection


@section("review-script")
    <script>
        function onEventWriteForm() {
            const today = new Date();
            const options = {
                maxDate : today
            }
            setDatePicker($("#exam_date"), options);
        }

        function onCheckWriteValidation(isValid) {
            if ($('#write-form #goal_description').val() == "기타" && $.isEmptyObject($('#write-form #goal_text').val())) {
                isValid = false;
                onChangeValidation('goal_text', true)
            }

            if ( $('.file-list .imageFile:not(#default)').length == 0) {
                onChangeValidation('files', true);
                isValid = false;
            }

            return isValid;
        }

        $(function() {
            $(document).on("click", '.tagBox input[name^=tag]', function() {
                if ( $(this).is(":checked")) {
                    if ( $('.tagBox input[name^=tag]:checked').length > 4) {
                        return false;
                    }
                }
            })
        })


    </script>
@endsection