@extends('admin.dashboard')

@section('title', 'Create Answer')

@section('stylesheets')
  <link rel="stylesheet" href="/css/admin/dist/bootvalidation.css">
@endsection

@section('content')

<div class="content-header">
   <h1>
    Dashboard
    <small>OPALESCE Version 1.0</small>
    </h1>
    {!! Breadcrumbs::render('addanswer') !!}
</div>

<div class="row">
  <div class="col-md-8 col-md-offset-2">
    <div class="box box-info">
      <div class="box-header with-border">
        <h3 class="box-title">Create Answers</h3>
      </div><!-- /.box-header -->
      @if (count($errors) > 0)
        <div class="alert alert-danger">
          <ul>
            @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
          </ul>
        </div>
      @endif
      <!-- form start -->

      {!! Form::open(['route'=> 'admin.answer.store', 'method'=>'POST', 'class'=> 'form-horizontal']) !!}
        <div class="box-body">
          {!! Form::hidden('question_id', '', ['id' => 'question_id']) !!}
          <div class="form-group">
            {{ Form::label('question_id', 'Question', ['class'=>'col-sm-2 control-label', 'for'=>'validate-question']) }}
            <div class="input-group col-xs-9">
              <select class="form-control" name="question_id" id="validate-select" placeholder="Question" required>
                <option value="">Select Question</option>
                @foreach ($questions as $question)
                  <option value="{{$question->id}}">{{$question->question}}</option>
                @endforeach
              </select>
              <span class="input-group-addon danger"><span class="glyphicon glyphicon-remove"></span></span>
            </div>
          </div>

          <div class="form-group">
            {{ Form::label('answer', 'Answer', ['class'=>'col-sm-2 control-label', 'for'=>'validate-title']) }}
            <div class="input-group col-xs-9" data-validate="length" data-length="5">
              {{ Form::text('answer', null, array(
                'class' => 'form-control',
                'name'=> 'answer',
                'id' => 'validate-answer',
                'placeholder' => 'Answer...',
                'required'=> '',
                'maxlength'=>'255'))
              }}
              <span class="input-group-addon danger"><span class="glyphicon glyphicon-remove"></span></span>
            </div>
          </div>

          <div class="form-group">
            {{ Form::label('correct', 'Correct', ['class'=>'col-sm-2 control-label']) }}
            <div class="input-group col-xs-9">
              {{ Form::checkbox('correct', 1, true) }}
            </div>

          </div>

          <div class="box-footer">
            <a href="{{route('admin.answers.index')}}" class="btn btn-danger pull-right">Cancel</a>
            <button type="submit" class="btn btn-success pull-right margin-right-btn">Add</button>
          </div><!-- /.box-footer -->

        </div>
      {!! Form::close() !!}

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


@section('javascripts')
  <script src="/js/admin/dist/bootvalidation.js"></script>
@endsection