@push('styles_top')

@endpush

<div class="bg-white rounded-16 p-16 mt-32">
    <h3 class="font-14 font-weight-bold">{{ trans('public.message_to_reviewer') }}</h3>


    <div class="form-group mt-24">
        <label class="form-group-label">{{ trans('site.message') }}</label>
        <textarea name="message_for_reviewer" rows="10" class="form-control">{{ (!empty($upcomingCourse) and $upcomingCourse->message_for_reviewer) ? $upcomingCourse->message_for_reviewer : old('message_for_reviewer') }}</textarea>
    </div>

    <div class="form-group">
        <div class="d-flex align-items-center">
            <div class="custom-switch mr-8">
                <input id="rulesSwitch" type="checkbox" name="rules" class="custom-control-input">
                <label class="custom-control-label cursor-pointer" for="rulesSwitch"></label>
            </div>

            <div class="">
                <label class="cursor-pointer" for="rulesSwitch">{{ trans('public.agree_rules') }}</label>
            </div>
        </div>

        @error('rules')
        <div class="text-danger mt-8">
            {{ $message }}
        </div>
        @enderror
    </div>

    @php
        $contentReviewInformationSetting = getContentReviewInformationSettings();
    @endphp

    @if(!empty($contentReviewInformationSetting))
        <div class="bg-gray-100 mt-16 p-16 rounded-16 border-gray-300">
            <div class="row">
                <div class="col-12 col-lg-4">
                    <h4 class="font-14 mb-12">{{ trans('update.tips_and_policies') }}</h4>

                    @if(!empty($contentReviewInformationSetting['description']))
                        <div class="text-gray-500">{!! nl2br($contentReviewInformationSetting['description']) !!}</div>
                    @endif
                </div>

                <div class="col-lg-4"></div>
                <div class="col-12 col-lg-4 mt-16 mt-lg-0">
                    @if(!empty($contentReviewInformationSetting['image']))
                        <img src="{{ $contentReviewInformationSetting['image'] }}" alt="{{ trans('update.tips_and_policies') }}" class="img-fluid w-100">
                    @endif
                </div>
            </div>
        </div>
    @endif

</div>

@push('scripts_bottom')

@endpush