@extends('company.layouts.main')
@section('content')
<main>
   <div class="content-wrapper">
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
        <a class="btn btn-outline-info mr-2" href="{{ route('listTaskResponses.list',$id) }}">Back</a>

          <div class="col-sm-6">
            <h1 class="m-0">Show Virtual Task response</h1>
          </div>
         
        </div>
      </div>
    </div>
  
    <div class="card">
          <div class="card-body">
          <h4 class="bg-info p-2">Quetion Answers</h4>

          @foreach($task_responses as $task_key=> $task_response)
          <div>
            <h4>Task : {{$task_key+1}} </h4>
          @foreach($task_response->wepTaskAnswers as $key=> $wepTaskAnswer)

         
           <div>
                {{$key+1}}.  Question:  <span>{{$wepTaskAnswer->taskQuestion->question_text}}</span><br>
               
                  Answer: <span>{{$wepTaskAnswer->selected_option}}</span>
                  <span>{{$wepTaskAnswer->paragraph_response}}</span>

                  @if($wepTaskAnswer->uploaded_file)
                <a href="{{$wepTaskAnswer->uploaded_file}}">Download</a>
                  @endif
                @endforeach
            </div>

            @endforeach
            </div>

        </div>

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