@extends('frontend.layouts.master')

@section('content')
<section class="content-header">
      <div class="container">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>Patient Questionnaire</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Questionnaire</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="card card-primary">
              <div class="card-header">
                <h3 class="card-title">Questionnaire</h3>

              </div>
              <form role="form" method="post" action="{{route('patient-quiz')}}">
                @csrf
                <div class="card-body">
                  @if(isset($result['status']) &&  $result['status'] == 'success' && !empty($result['data']))
                    <p> <b>Question</b>: {{$result['data']['question']}} </p>
                    <div class="form-group">
                      <input type = "hidden" name="question_id" id="question_id" value="{{$result['data']['id']}}" />
                      <input type = "hidden" name="quiz_journey" id="quiz_journey" value="{{$result['quiz_journey']}}" />
                      @foreach($result['data']['answers'] as $answer )
                        <div class="custom-control custom-radio">
                          <input class="custom-control-input" value="{{$answer['id']}}" type="radio" id="answer_id_{{$answer['id']}}" name="answer_id">
                          <label for="answer_id_{{$answer['id']}}" class="custom-control-label">{{$answer['answer']}}</label>
                        </div>
                      @endforeach  
                        
                    </div>
                    <div class="row">
                      <div class="col-12">
                        <input type="submit" value="Submit" class="btn btn-success ">
                      </div>
                    </div>
                  @elseif(isset($result['status']) &&  $result['status'] == 'success' && isset($result['journeyScore']))
                    <p> <b>Total Score</b>  </p>
                    @foreach($result['journeyScore'] as $sp_score)
                      <p> <b>{{$sp_score['name']}}:</b> {{$sp_score['score']}} </p>
                    @endforeach
                  @elseif(isset($result['status']) &&  $result['status'] == 'success' && !isset($result['journeyScore']) && empty($result['data']))
                    <p> {{$result['message']}} </p>
                  @endif
                  
                </div>
              </form>
              <!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
         
        </div>
        
      </div>
    </section>
    
@endsection