@extends('student.main')

@section('title', 'Formulir Kuesioner')

@section('content')
    <div class="page-body mt-lg-4 mt-2">
        <div class="container">
            <div class="row g-xl-4 g-lg-3 g-2 row-deck justify-content-start">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12">
                    <div class="card">
                        <div class="card-body">

                            <x-student.card-title title="Formulir Kuesioner" subtitle="Formulir Pengisian Kuesioner " />

                            <div class="row">
                                @if ($message = $errors->first())
                                    <div class="col-md-12">
                                        <x-alert colorClass="danger" message="{{ $errors->first() }}" />
                                    </div>
                                @endif
                                @if ($message = Session::get('failed'))
                                    <div class="col-md-12">
                                        <x-alert colorClass="danger" message="{{ $message }}" />
                                    </div>
                                @elseif ($message = Session::get('success'))
                                    <div class="col-md-12">
                                        <x-alert colorClass="success" message="{{ $message }}" />
                                    </div>
                                @endif
                            </div>
                            <div class="container ">
                                <form method="post" action="{{route('quisioner.submit')}}">
                                    <input type="hidden" name="priod_id" value="{{request()->get('priod_id')}}">
                                    @csrf
                                    <!-- Pertanyaan Pilihan Ganda -->
                                    @foreach ($subjectClass as $key => $item)
                                        <span>Mata Kuliah : </span><b></b>
                                        <span>Dosen </span><b>: {{ $item->teacher?->name }}</b>
                                        @foreach ($studentQuesioners as $keyQuestion => $QuestionList)
                                            {{--  Multiple Choice --}}
                                            <br>
                                            <b> {{ $keyQuestion }}</b>
                                            @foreach ($QuestionList as $question)
                                            <input type="hidden" name="teacher[]" value="{{ $item->teacher?->id}}">
                                            <input type="hidden" name="question[]" value="{{$question->id}}">
                                                @if ($question->type_question == 'Multiple Choice')
                                                    <div class="mb-3">
                                                        <label class="form-label">{{ $loop->iteration }}.
                                                            {{ $question->question }}</label>
                                                        @foreach (json_decode($question->answer) as $answerKey => $answer)
                                                            <div class="form-check">
                                                                <input class="form-check-input" 
                                                                @if ($question->is_required)
                                                                    required
                                                                @endif
                                                                type="radio"
                                                                    name="answer[{{$item->teacher?->id}}][{{$question->id}}][]"
                                                                    id="verySatisfied{{ $keyQuestion }}-{{ $key }}-{{ $keyQuestion }}-{{ $answerKey }}"
                                                                    value="{{ $answer }}" required>
                                                                <label class="form-check-label"
                                                                    for="verySatisfied-{{ $key }}-{{ $keyQuestion }}-{{ $answerKey }}">{{ $answer }}</label>
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                @endif
                                                @if ($question->type_question == 'Isian Singkat')
                                                    <div class="mb-3">
                                                        <label class="form-label">{{ $loop->iteration }}.
                                                            {{ $question->question }}</label>
                                                        <div class="input-group mb-3">
                                                            <input type="text"
                                                            @if ($question->is_required)
                                                            required
                                                        @endif
                                                            name="answer[{{$item->teacher?->id}}][{{$question->id}}][]" value="" class="form-control"
                                                                placeholder="Isian Singkat" aria-label="Default"
                                                                aria-describedby="inputGroup-sizing-default">
                                                        </div>
                                                    </div>
                                                @endif
                                                @if ($question->type_question == 'Isian Paragraph')
                                                    <div class="mb-3">
                                                        <label class="form-label">{{ $loop->iteration }}.
                                                            {{ $question->question }}</label>
                                                        <div class="input-group mb-3">
                                                            <textarea
                                                            @if ($question->is_required)
                                                            required
                                                        @endif
                                                            class="form-control" name="answer[{{$item->teacher?->id}}][{{$question->id}}][]" placeholder="Isian Paragraf" aria-label="With textarea"></textarea>
                                                        </div>
                                                    </div>
                                                @endif
                                                @if ($question->type_question == 'Dosen Favorit')
                                                    <div class="mb-3">
                                                        <label class="form-label">{{ $loop->iteration }}.
                                                            {{ $question->question }}</label>
                                                        <div class="input-group mb-3">
                                                            <div class="row">


                                                                @foreach ($teachers as $keyTeacher => $teacher)
                                                                    <div class="col-lg-12">

                                                                        <div class="form-check">
                                                                            <input
                                                                            @if ($question->is_required)
                                                                            required
                                                                        @endif
                                                                            class="form-check-input" type="radio"
                                                                                name="answer[{{$item->teacher?->id}}][{{$question->id}}][]" value="{{ $teacher->name }}"
                                                                                id="teacher{{ $keyTeacher }}" >
                                                                            <label class="form-check-label"
                                                                                for="teacher{{ $keyTeacher }}">
                                                                                {{ $teacher->name }}
                                                                            </label>
                                                                        </div>
                                                                    </div>
                                                                    @endforeach

                                                        </div>
                                                    </div>
                                                @endif
                                            @endforeach
                                        @endforeach
                                        {{--  Multiple Choice --}}
                                        <hr>
                                    @endforeach



                                    <!-- Tombol Kirim -->
                                    <div class="text-center">
                                        <button type="submit" class="btn btn-primary">Kirim Kuesioner</button>
                                    </div>
                                </form>
                            </div>



                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('custom-script')
    <script src="{{ asset('js/kuesioner_student.js') }}"></script>
    <script src="{{ asset('js/kuesioner_student_field.js') }}"></script>
@endpush