@extends('layouts.app')

@section('title', 'Assessment - Edit Question')

@section('content')
<div id="content" class="container">
    <div class="row">
        <div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <form class="form-horizontal no-print" role="form" method="POST" action="{{ route('questions.update', [$question]) }}">
                        {{ method_field("PATCH") }}
                        {{ csrf_field() }}
                    <h3>
                        <a href="{{ route('assessments.edit', $question->assessment->name) }}">{{ $question->assessment->name }}</a>
                    </h3>
                    <h4>Question:</h4>
                    <div class="row">
                        <div class="col-md-8">
                            <input type="text" value="{{ $question->question_text }}" id="question_text" type="text" class="form-control" name="question_text" required autofocus />
                        </div>
                        <div class="col-md-4">
                            <button type="submit" class="btn btn-sm btn-primary">
                                <i class="glyphicon glyphicon-pencil"></i> Update
                            </button>
                        </div>
                    </div>
                    </form>
                </div>


                @if ($question->answers->count() > 0)
                <table class="table table-hover">
                    <thead>
                      <tr>
                        <th>Answer Text</th>
                        <th>Explanation</th>
                        <th>Correct?</th>
                        <th>Point Value</th>
                        <th></th>
                      </tr>
                    </thead>
                    <tbody>
                    @foreach($question->answers as $answer)
                      <tr>
                        <form class="form-horizontal no-print" role="form" method="POST" action="{{ route('questions.updateAnswer', [$question, $answer]) }}">
                        {{ method_field("PATCH") }}
                        {{ csrf_field() }}
                        <td>
                        <textarea style="min-height: 120px" id="answer_text" type="text" class="form-control" name="answer_text" required autofocus>{{ $answer->answer_text }}</textarea>
                        </td>
                        <td>
                            <textarea style="min-height: 120px" id="answer_explanation" type="text" class="form-control" name="answer_explanation" required autofocus>{{ $answer->answer_explanation }}</textarea>
                        </td>
                        <td>
                            <div class="form-group">
                                <select required autofocus class="form-control" id="correct" name="correct">
                                    <option value="1" @if($answer->correct == 1) selected @endif>Yes</option>
                                    <option value="0" @if($answer->correct == 0) selected @endif>No</option>
                                </select>
                            </div>
                        </td>
                        <td>
                            <select required autofocus class="form-control" id="value" name="value">
                                <option value="">--Please select--</option>
                                @for ($i = 5; $i <= 100; $i+=5)
                                    <option @if ($answer->value == $i) selected @endif value="{{ $i }}">{{ $i }}</option>
                                @endfor
                            </select>
                        </td>
                        <td>
                            <button type="submit" class="btn btn-sm btn-primary">
                                <i class="glyphicon glyphicon-pencil"></i> Update
                            </button>
                        </td>
                        </form>
                      </tr>
                    @endforeach
                    </tbody>
                </table>
                <hr />
                @endif

                @if ($question->answers->count() < 4)
                <h3>Add Answer</h3>
                <table class="table table-hover">
                    <thead>
                      <tr>
                        <th>Answer Text</th>
                        <th>Explanation</th>
                        <th>Correct?</th>
                        <th>Point Value</th>
                        <th></th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <form class="form-horizontal no-print" role="form" method="POST" action="{{ route('questions.addAnswer', [$question]) }}">
                        {{ csrf_field() }}
                        <td>
                        <textarea style="min-height: 120px" placeholder="Add an answer here..." d="answer_text" type="text" class="form-control" name="answer_text" required autofocus></textarea>
                        </td>
                        <td>
                            <textarea style="min-height: 120px" placeholder="Add the answer explanation here..." id="answer_explanation" type="text" class="form-control" name="answer_explanation" required autofocus></textarea>
                        </td>
                        <td>
                            <div class="form-group">
                                <select required autofocus class="form-control" id="correct" name="correct">
                                    <option value="1">Yes</option>
                                    <option value="0">No</option>
                                </select>
                            </div>
                        </td>
                        <td>
                            <select required autofocus class="form-control" id="value" name="value">
                                <option value="">--Please select--</option>
                                @for ($i = 5; $i <= 100; $i+=5)
                                    <option value="{{ $i }}">{{ $i }}</option>
                                @endfor
                            </select>
                        </td>
                        <td>
                            <button type="submit" class="btn btn-primary">
                                <i class="glyphicon glyphicon-open"></i> Add
                            </button>
                        </td>
                        </form>
                      </tr>
                    </tbody>
                </table>
                @endif


            </div>
                
            </div>

    </div>
</div>
@endsection