@extends(theme('layouts.dashboard_master'))
@section('title')
    {{Settings('site_title')  ? Settings('site_title')  : 'Infix LMS'}} | {{__('survey.Survey')}}
@endsection
@section('css')
    <link href="{{asset('public/backend/css/summernote-bs4.min.css')}}" rel="stylesheet">
    <link href="{{asset('public/frontend/infixlmstheme/css/select2.min.css')}}" rel="stylesheet"/>
@endsection
@section('js')
    <script src="{{asset('public/frontend/infixlmstheme/js/select2.min.js')}}"></script>
    <script src="{{asset('public/backend/js/summernote-bs4.min.js')}}"></script>
    <script>
        $(document).ready(function () {
            $('.lms_summernote').summernote({
                codeviewFilter: true,
                codeviewIframeFilter: true,
                toolbar: [
                    ['style', ['style']],
                    ['font', ['bold', 'underline', 'clear']],
                    ['fontname', ['fontname']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['table', ['table']],
                    ['insert', ['link', 'picture', 'video']],
                    ['view', ['fullscreen']],
                ],
                placeholder: 'Answer',
                tabsize: 2,
                height: 188,
                tooltip: true
            });
        });
    </script>
    <script>
        $(document).ready(function () {
            $('.select2').select2();
            $('.select2').css('width', '100%');
        });
    </script>
@endsection

@section('mainContent')
    <style>
        .pb_50 {
            padding-bottom: 50px;
        }

        .cs_modal .modal-body input, .cs_modal .modal-body .nice_Select {
            height: 60px;
            line-height: 50px;
            padding: 0px 22px;
            border: 1px solid #F1F3F5;
            color: #707070;
            font-size: 14px;
            font-weight: 500;
            background-color: #fff;
            width: 100%;
        }

        .modal_1000px {
            max-width: 1000px;
        }
    </style>
    <div class="main_content_iner">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="purchase_history_wrapper pb_50">
                        <div class="row">
                            <div class="col-12">
                                <div class="section__title3 mb_40">
                                    <h3 class="mb-0">{{__('survey.Survey')}} {{__('survey.Participation')}}</h3>
                                    <h4></h4>
                                </div>
                            </div>
                        </div>

                        <div class="white-box " style="border: 1px solid #e8ecf3;; padding: 12px;">
                            <div class="row">
                                <div class="col-lg-12 text-center">
                                    <h2>
                                        {{$survey->title}}
                                    </h2>
                                    {!! $survey->description !!}
                                </div>
                            </div>
                            <hr>
{{--                            <input type="hidden" id="counter" value="{{$survey->questionAssigns->count()}}">--}}
{{--                            <input type="hidden" id="dom_url" value="{{url('/')}}">--}}
                            <form action="{{route('survey.student_survey_participate_store',$survey->id)}}"
                                  method="post">
                                <input type="hidden" name="survey_id" value="{{$survey->id}}">
                                @csrf
                                <div class="">
                                    @foreach ($survey->questionAssigns as $key => $assign)
                                        @php
                                            $question =$assign->questionBank;
                                                $submitted_answer=$submitted_answers->where('question_id',$question->id)->first();
                                        @endphp
                                        <input type="hidden" name="question[]" value="{{$question->id}}">
                                        <div class="single question row">
                                            <div class="col-lg-12">
                                                <h4>{{$key+1}}. {!! $question->question !!}</h4>
                                            </div>

                                            <div class="col-lg-12 d-flex mt-5">

                                                @if ($question->type=='checkbox')
                                                    @foreach ($question->questionMu as $attribute)
                                                        <div class="mr-2">
                                                            <label
                                                                class="primary_bulet_checkbox d-flex">
                                                                <input class="quizAns"
                                                                       {{isset($submitted_answers) ? $submitted_answers->where('answer',$attribute->id)->first() ? 'checked':'':''}}
                                                                       name="survey_answer[{{$question->id}}][]"
                                                                       type="checkbox"
                                                                       value="{{$attribute->id}}">

                                                                <span class="checkmark mr_10"></span>
                                                                <span
                                                                    class="label_name">{{$attribute->title}} </span>
                                                            </label>
                                                        </div>
                                                    @endforeach

                                                @elseif ($question->type=='radio')
                                                    @foreach ($question->questionMu as $attribute)
                                                        <div class="mr-2">
                                                            <label
                                                                class="primary_bulet_checkbox d-flex">
                                                                <input class="quizAns"
                                                                       {{isset($submitted_answer) ? $submitted_answer->answer == $attribute->id? 'checked':'':''}}
                                                                       name="survey_answer[{{$question->id}}]"
                                                                       type="radio"
                                                                       value="{{$attribute->id}}">

                                                                <span class="checkmark mr_10"></span>
                                                                <span
                                                                    class="label_name">{{$attribute->title}} </span>
                                                            </label>
                                                        </div>
                                                    @endforeach
                                                @elseif ($question->type=='linear_scale')
                                                    @php
                                                        $option =$question->number_of_option;
                                                    @endphp

                                                    <ul>

                                                        @for ($i=1; $i<=$option;$i++)
                                                            <li class="d-inline-block text-center mr-3">
                                                                <label>
                                                                    <strong>{{$i}}</strong>
                                                                </label>
                                                                <label class="primary_bulet_checkbox d-flex">
                                                                    <input type="radio" value="{{$i}}" name="survey_answer[{{$question->id}}]"
                                                                        {{isset($submitted_answer) ? $submitted_answer->answer ==$i? 'checked':'':''}}
                                                                    >
                                                                    <span class="checkmark"></span>
                                                                </label>
                                                            </li>
                                                        @endfor

                                                    </ul>
                                                @elseif ($question->type=='dropdown')
                                                    <div class="single_input ">
                                                            <span class="primary_label2">{{__('common.Answer')}}  <span
                                                                    class=""></span> </span>
                                                        <select class="select2 mb-3 wide w-100"
                                                                name="survey_answer[{{$question->id}}]" {{$errors->first('language') ? 'autofocus' : ''}}>
                                                            <option data-display="Select Answer" value="#">{{__('common.Select')}} {{__('common.Answer')}}

                                                            </option>
                                                            @foreach ($question->questionMu as $attribute)
                                                                <option
                                                                    {{isset($submitted_answer) ? $submitted_answer->answer == $attribute->id? 'selected':'':''}} value="{{$attribute->id}}">{{$attribute->title}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>

                                                @else
                                                    <div class="input-effect mb-20">
                                                        <label class="primary_input_label"> {{__('common.Answer')}}
                                                            <strong
                                                                class="text-danger"></strong></label>
                                                        <textarea class="textArea lms_summernote " cols="30" rows="10"
                                                                  name="survey_answer[{{$question->id}}]">

                                                    {{$submitted_answers->where('question_id',$question->id)->first() ? $submitted_answers->where('question_id',$question->id)->first()->answer:''}}
                                                </textarea>
                                                        <span class="focus-border textarea"></span>

                                                    </div>
                                                @endif
                                            </div>


                                        </div>
                                        <hr>
                                    @endforeach
                                </div>
                                @if (!isset($submitted_answer) )
                                    <div class="row">

                                        <div class="col-lg-12 text-center">
                                            <div class="d-flex justify-content-center pt_20">
                                                <button type="submit" class="theme_btn mr_15 m-auto mt-4 text-center"
                                                        data-toggle="tooltip" title=""
                                                        id="save_button_parent">
                                                    <i class="ti-check"></i>
                                                    {{ __('common.Submit') }}
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            </form>
                        </div>

                    </div>

                </div>
            </div>
        </div>
    </div>

@endsection