@extends('layouts.app')

@section('title', 'Assessment - ' . $assessment->name )

@section('content')
<div id="content" class="container">
    <div class="row">
        <div>
             <div class="panel panel-default">
                <div class="panel-heading"><h2>Assessment - {{ $assessment->name }}</h2></div>

                <div class="panel-body">
                     <form class="form-horizontal" role="form" method="POST" action="{{ route('assessments.update', $assessment->name) }}">
                            {{ csrf_field() }}
                            {{ method_field("PATCH") }}

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                                        <label for="name" class="col-md-4 control-label">Name*</label>

                                        <div class="col-md-6">
                                            <input id="name" type="text" class="form-control" placeholder="Module 1a" name="name" value="{{ $assessment->name }}" required autofocus>

                                            @if ($errors->has('name'))
                                                <span class="help-block">
                                                    <strong>{{ $errors->first('name') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                    </div>

                                    <div class="form-group{{ $errors->has('group') ? ' has-error' : '' }}">
                                        <label for="group" class="col-md-4 control-label">Group*</label>

                                        <div class="col-md-6">
                                            <input id="group" type="text" placeholder="Module 1" class="form-control" name="group" value="{{ $assessment->group }}" required autofocus>

                                            @if ($errors->has('group'))
                                                <span class="help-block">
                                                    <strong>{{ $errors->first('group') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="question_count" class="col-md-4 control-label">Number of questions to present*</label>
                                        <div class="col-md-6">
                                            <select required autofocus class="form-control" id="question_count" name="question_count">
                                                <option value="">--Please select--</option>
                                                @for ($i = 1; $i <= 20; $i++)
                                                    <option @if ($assessment->question_count == $i) selected @endif value="{{ $i }}">{{ $i }}</option>
                                                @endfor
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="pass_score" class="col-md-4 control-label">Passing Score*</label>
                                        <div class="col-md-6">
                                            <select required autofocus class="form-control" id="pass_score" name="pass_score">
                                                <option value="">--Please select--</option>
                                                @for ($i = 5; $i <= 100; $i+=5)
                                                    <option @if ($assessment->pass_score == $i) selected @endif value="{{ $i }}">{{ $i }}</option>
                                                @endfor
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row form-group no-print">
                                <div class="col-md-6 col-md-offset-5" style="width: 220px">
                                    <button type="submit" class="btn btn-primary">
                                        <i class="glyphicon glyphicon-pencil"></i> Update
                                    </button>
                            </form>
                                <div class="pull-right">
                                    <form class="delete_assessment" action="{{ route('assessments.delete', $assessment->name) }}" method="POST">
                                        <input type="hidden" name="_method" value="DELETE">
                                        <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                                        <button type="submit" class="btn btn-danger">
                                            <i class="glyphicon glyphicon-remove"></i> Delete
                                        </button>
                                    </form>
                                </div>
                            </div>
                        </div>
                </div>

                
            </div>

        </div>
        <div>
            <div class="panel panel-default">
                <div class="panel-heading"><h2>Questions</h2></div>

                <div class="panel-body">

                        @if ($assessment->questions->count() > 10) 
                        @include('questions.create')
                        @endif

                        <h3>{{ $assessment->questions->count() }} total questions @if ($assessment->questions->count() < $assessment->question_count) - <strong><span class="bg-danger">{{ ($assessment->question_count - $assessment->questions->count()) }} more questions required</span></strong> @endif</h3>
                        <table class="table table-hover">
                            <tbody>
                            @foreach($assessment->questions as $i => $question)
                              <tr>
                                <td>{{ $i+1 }}.</td>
                                <td class="text-left @if ($question->answers()->count() < 4 || $question->answers()->where('correct', '=', 1)->count() == 0) bg-danger @endif">
                                    <div class="row">
                                        <div class="col-md-10">
                                            {{ $question->question_text }}
                                        </div>

                                        <div class="col-md-1">
                                            <a class="btn btn-info btn-sm no-print" title="Edit" href="{{ route('questions.edit', $question->id) }}"><i class="glyphicon glyphicon-pencil"></i> Edit</a>
                                        </div>
                                        <div class="col-md-1">
                                            <form class="delete_question" title="Delete" action="{{ route('questions.delete', $question->id) }}" method="POST">
                                                <input type="hidden" name="_method" value="DELETE">
                                                <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                                                <button type="submit" class="btn btn-danger btn-sm no-print">
                                                    <i class="glyphicon glyphicon-remove"></i> Delete
                                                </button>
                                            </form>
                                    </td>
                              </tr>
                            @endforeach
                            </tbody>
                      </table>

                      <hr />

                      @include('questions.create')


                </div>
            </div>

            </div>

        </div>
    </div>
</div>
<script>
    $(".delete_assessment").on("submit", function(){
        return confirm("Are you sure you want to delete this assessment? All associated questions/answers/attempts will also be deleted.");
    });
    $(".delete_question").on("submit", function(){
        return confirm("Are you sure you want to delete this question? All associated answers will also be deleted.");
    });
</script>
@endsection