@extends('layouts.app')
@push('head')
    @import url(https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css);
@endpush
@push('css')
    @endpush @section('content')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">

                    <h1 class="m-0 text-dark">Answer Feedback Questions: {{ $feedback->name }}</h1>

                </div>
                <!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <div class="d-inline p-2 text-white text-right">
                            <a href="{{ route('home') }}" class="btn btn-sm btn-info"><i class="fas fa-home"></i> Home</a>
                        </div>
                        <div class="d-inline p-2 text-white text-right">
                            <a href="{{ url()->previous() }}" class="btn btn-sm btn-primary text-right"><i
                                    class="fas fa-arrow-circle-left"></i> Back</a>
                        </div>
                    </ol>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <!-- Main row -->
            {{-- @dd($likeart) --}}
            <div class="row">
                <div class="col-md-12 col-x-12 col-sm-12">
                    <form method="POST" action="{{ route('feedback.save_answer', $feedback->id) }}">
                        @csrf

                        <div class="card-body">
                            @foreach ($questions as $question)
                                <input type="text" name="question[]" value="{{ $question->question }}" hidden>

                                <input type="text" name="question_org_id[]" value="{{ $question->origin_id }}" hidden>
                                <input type="text" name="type[]" value="{{ $question->type }}" hidden>
                                <div class="form-group">
                                    <label>{{ $question->question }}</label>
                                    @if ($question->type == 1)
                                        <input type="text" name="answer[]" class="form-control">
                                    @elseif ($question->type == 2)
                                        <select id="selectCourse"
                                            class="js-example-basic-single form-control @error('course_id') is-invalid @enderror"
                                            name="answer[]">
                                            <option value="">Choose</option>

                                            @foreach ($likeart as $option)
                                                <option value="{{ $option->name }}">{{ $option->name }}</option>
                                            @endforeach

                                        </select>

                                        @elseif($question->type == 3)
                                        <select id="selectCourse"
                                            class="js-example-basic-single form-control @error('course_id') is-invalid @enderror"
                                            name="answer[]">
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                    </select>
                                    @elseif($question->type == 4)
                                    <select id="selectCourse"
                                        class="js-example-basic-single form-control @error('course_id') is-invalid @enderror"
                                        name="answer[]">
                                        <option value="Yes">Yes</option>
                                        <option value="No">No</option>
                                </select>

                                    @endif
                                </div>
                            @endforeach


                        </diV>
                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">Save Answers</button>
                        </div>
                    </form>
    </section>
    <!-- /.content -->
    @endsection @push('js')
    <script>
        $(function() {
            $("select").select2();
        });
    </script>
@endpush