@extends('company.layouts.main')
@section('content')
<main>
   <div class="content-wrapper">
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">Show job survey response</h1>
            <br>
            <a class="edit btn btn-info btn-sm" href="javascript:history.back()">Back</a>
          </div>

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

    <div class="card">
          <div class="card-body">
          <h4 class="bg-info p-2">Quetion Answers</h4>
          @foreach($job_survey_responses as $key=> $job_survey_response)

           <div>
                {{$key+1}}.  Question:  <span>{{$job_survey_response->jobSurveyQuestion->question_text}}</span><br>

                  Answer: <span>{{$job_survey_response->selected_option}}</span>

                @endforeach
            </div>

        </div>

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