@extends('layouts.main')

@section('content')
<h5>{{$title}}</h5>

<button type="button" class="btn btn-dark btn-sm" data-toggle="modal" data-target="#add_reaction">
    Reaction
</button>

@include('models._reactions')


    <ol>           
        @foreach ($sections as $section)
        <div class="card-box">
            <div class="card-body">
            <li>
                {{ $section->name }}
                 <ol type="a">
                    @foreach ($section->questions as $question)
                        <li>
                            {{ $question->question }}                                                      
                        </li>
                        <ol type="i">
                            @foreach ($question->responses as $response)   
                            
                                @php
                                    $check_answers = App\Answer::where('feedback_assessment_id',$assessment_id)
                                ->where('customer_id',$customer_id)
                                ->where('question_response_id',$response->id)
                                ->where('question_id',$question->id)->get(); 
                                @endphp                               
                                
                                @if($question->answer_type == 'multiple')
                                    <li>  
                                        <p id="display{{ $question->id }}" class="text-success"></p>                                      
                                        <input  {{ $check_answers->count() == 1 ? 'checked':'' }} type="checkbox" name="responseses{{$question->id}}" id="responses{{ $response->id }}" value="{{ $response->id }}"> {{ $response->text_response }} ({{ $response->mark }})
                                    </li>  
                                @endif

                                @if($question->answer_type == 'single')                                
                                    <li>
                                        <p id="display{{ $question->id }}" class="text-success"></p>
                                        <input {{ $check_answers->count() == 1 ? 'checked':'' }} type="radio" name="responseses{{$question->id}}" id="responses{{ $response->id }}" value="{{ $response->id }}"> {{ $response->text_response }} ({{ $response->mark }})
                                    </li>
                                @endif                                

                                @include("models._post_responses")
                            @endforeach
                        </ol>
                    @endforeach
                 </ol>
            </li>
            <hr>

            @if($question->answer_type == 'none')
                <p id="display{{ $question->id }}" class="text-success"></p>
            @endif

            <label for="remarks">Remarks</label>
            <input type="text" name="remarks" value="{{ $question->remark($assessment_id,$customer_id,$question->id) }}" id="remarks{{ $question->id }}" class="form-control">

           @include("models._post_remark")

        </div>
    </div>
   @endforeach
</ol>
@endsection