@extends('cdt.layout')

@section("content")
    @foreach ($cdtSet->feedbackTopics as $feedbackTopic)
        <div class="cdt-content" id="cdtContentPack{{ $loop->iteration }}">
            <div class="rubric-block">
                WRITING TASK {{ $loop->iteration }}
                <span class="small-text">You should spend about {{ $loop->iteration == 1 ? 20 : 40 }} minutes on this task. Write at least {{ $loop->iteration == 1 ? 150 : 250 }} words.</span>
            </div>

            <div class="column multistage writing">
                <div class="left given-text">
                    <div class="title">
                        <div class="box-line t-bold">
                            {!! $feedbackTopic->question !!}
                        </div>
                    </div>
                    @if (!empty($feedbackTopic->chart_s3_key))
                    <img src="{{ $feedbackTopic->chart_image }}" alt="">
                    @endif
                </div>
                <div class="right">
                    <div class="writing-area" onclick="setCurrentQuestion({{ $loop->iteration }});">
                        <textarea class="writingTextArea" name="userEssayTask{{ $loop->iteration }}" id="userEssayTask{{ $loop->iteration }}" onkeyup="setNoteLength('userEssayTask{{ $loop->iteration }}', 'noteLengthTask{{ $loop->iteration }}');"></textarea>
                    </div>
                    <span class="num" id="noteLengthTask{{ $loop->iteration }}">(0 word)</span>
                </div>
            </div>
        </div>
    @endforeach
@endsection