<!DOCTYPE html>
<%@page contentType="text/html; charset=UTF-8"%>
<%@page import="com.csc.library.session.*"%>
<%@page import="com.csc.library.entry.*"%>
<%@page import="com.csc.library.utilities.*"%>
<%
  CheckNull chk = new CheckNull();
  UProfile up = null;

  if (session != null){
    up = (UProfile)session.getAttribute("userprofile");
  }
%>
<html ng-app='EXAM'>
  <head>
    <!-- Css import here -->
    <link rel="stylesheet" href="../CSS/TISCO.css"  />
    <link rel="stylesheet" href="../CSS/font-awesome.css">
    <link rel='stylesheet' href="../JS/QueryBuilder/bootstrap-3.3.5/css/bootstrap.css" />
    <link rel='stylesheet' href='CSS/ManageExam.css' />
    <link rel="stylesheet" href="../public/lib/angular-material/angular-material.css" />

    <!-- Librery and framework import here-->
    <script type="text/javascript" src='../JS/jquery-2.1.3.min.js'></script>
    <script type='text/javascript' src="../JS/bootstrap.min.js"></script>
    <script type='text/javascript' src='../JS/SCREEN.js'></script>
    <script type='text/javascript' src="../JS/SWAPLANG_FREEDOM.js"></script>
    <script type="text/javascript" src='../public/lib/angular/angular.min.js'></script>
    <script type="text/javascript" src="../JS/ANGULAR/SCREEN_ANGULAR.js"></script>
    <script type='text/javascript' src="../JS/ANGULAR/swaplang.factory.js"></script>
    <script type="text/javascript" src="../public/lib/angular-material/angular-material.js"></script>
    <script type="text/javascript" src="../public/lib/angular-animate/angular-animate.js"></script>
		<script type="text/javascript" src="../public/lib/angular-aria/angular-aria.js"></script>
    <script type="text/javascript" src='../public/lib/angular-resource/angular-resource.min.js'></script>
    <script type='text/javascript' src='../public/lib/angular-sanitize/angular-sanitize.min.js'></script>

    <!-- class import here-->
    <script type='text/javascript' src='JS/CLASS/QuestionType.Class.js'></script>
    <script type='text/javascript' src='JS/CLASS/Question.Class.js'></script>

    <!-- module, config, services, factory import here-->
    <script type='text/javascript' src='JS/config.js'></script>
    <script type='text/javascript' src='JS/ModuleExam.js'></script>
    <script type='text/javascript' src='JS/services.js'></script>

    <!-- controller import here-->
    <script type='text/javascript' src='JS/EXAM_ADD_QUESTION/Exam.Controller.js'></script>
    <script type='text/javascript' src='JS/EXAM_ADD_QUESTION/Question.Controller.js'></script>
    <script type='text/javascript' src='JS/EXAM_ADD_QUESTION/ExamUpload.Controller.js'></script>
    <script type='text/javascript' src='JS/EXAM_ADD_QUESTION/AnswerSingleChoice.Controller.js'></script>
    <script type='text/javascript' src='JS/EXAM_ADD_QUESTION/AnswerMultiChoice.Controller.js'></script>
    <script type='text/javascript' src='JS/EXAM_ADD_QUESTION/AnswerSort.Controller.js'></script>
    <script type='text/javascript' src='JS/EXAM_ADD_QUESTION/AnswerPairText.Controller.js'></script>
    <script type='text/javascript' src='JS/EXAM_ADD_QUESTION/AnswerPairPicture.Controller.js'></script>
    <script type='text/javascript' src='JS/EXAM_ADD_QUESTION/AnswerPairPictureText.Controller.js'></script>

    <script type='text/javascript'>
      setLang("<%=up.get("lang")%>");
    </script>
  </head>

  <body ng-controller='Exam'>
    <form class='form-horizontal' name='cscform' id='cscform'>
      <input type='hidden' name='__examid' value="<%=chk.chkNullString(request.getParameter("__examid"))%>" />
      <br/>
      <div align='center'>
        <table cellpadding="0" cellspacing="0" class="maxsize">
          <tr>
            <td class='header'>Exam Add Question</td>
          </tr>
          <tr>
            <td class='blankspace'></td>
          </tr>
          <tr>
            <td>
              <div class='row'>
                <div class='col-xs-12 col-sm-12 col-md-12'>
                  <fabtool>
                    <md-fab-speed-dial md-open='mdtoolbar.isopen' md-direction='down' ng-class='mdtoolbar.mode'>
                      <md-fab-trigger class='align-with-text'>
                        <md-button aria-label='menu' class='md-fab md-primary'>
                          <md-icon md-font-icon='fa fa-bars'></md-icon>
                        </md-button>
                      </md-fab-trigger>
                      <md-fab-actions>
                        <md-button aria-label='Preview' class='md-fab md-raised md-mini' ng-click='previewExam()'>
                          <md-icon md-font-icon='fa fa-search'></md-icon>
                        </md-button>
                        <md-button aria-label='Save' class='md-fab md-raised md-mini' ng-click='save()'>
                          <md-icon md-font-icon='fa fa-floppy-o'></md-icon>
                        </md-button>
                        <md-button aria-label='Delete' class='md-fab md-raised md-mini'  ng-click='delete()'>
                          <md-icon md-font-icon='fa fa-trash-o'></md-icon>
                        </md-button>
                      </md-fab-actions>
                    </md-fab-speed-dial>
                  </fabtool>
                </div>
              </div>
              <div class='row'>
                <div class='col-xs-2 col-sm-2 col-md-2'></div>
                <div class='col-xs-8 col-sm-8 col-md-8'>
                  <label class='block header'><swaplang code="SW000105">Question</swaplang><label>
                </div>
              </div>

              <div class='row'>
                <div class='col-xs-2 col-sm-2 col-md-2'></div>

                <div class='col-xs-8 col-sm-8 col-md-8'>
                  <div class='row'>
                    <div class='col-xs-6 col-sm-6 col-md-6'>
                      <md-input-container class='md-block fullwidth'>
                        <label class='control-label label-custom'><swaplang code="SW013207">Examination name (English)</swaplang></label>
                        <input type='text' ng-model='exam.examdata.topic.eng' />
                      </md-input-container>
                    </div>
                    <div class='col-xs-6 col-sm-6 col-md-6'>
                      <md-input-container class='md-block fullwidth'>
                        <label class='control-label label-custom'><swaplang code="SW013208">Examination name (Thai)</swaplang></label>
                        <input type='text' ng-model='exam.examdata.topic.tha' />
                      </md-input-container>
                    </div>
                  </div>

                  <div class='row'>
                    <div class='col-xs-12 col-sm-12 col-md-12'>
                      <md-input-container class='md-block fullwidth'>
                        <label class='control-label label-custom'><swaplang code="SW013209">Examination Description (English)</swaplang></label>
                        <textarea ng-model='exam.examdata.description.eng'></textarea>
                      </md-input-container>
                    </div>
                  </div>
                  <div class='row'>
                    <div class='col-xs-12 col-sm-12 col-md-12'>
                      <md-input-container class='md-block fullwidth'>
                        <label class='control-label label-custom'><swaplang code="SW013210">Examination Description (Thai)</swaplang></label>
                        <textarea ng-model='exam.examdata.description.tha'></textarea>
                      </md-input-container>
                    </div>
                  </div>

                  <div class='row'>
                    <div class='col-xs-6 col-sm-6 col-md-6'>
                      <md-input-container class='md-block fullwidth'>
                        <label class='control-label label-custom'><swaplang code="SW013211">Evaluate</swaplang></label>
                        <md-select ng-model='exam.examdata.evaluate.isevaluate' placeholder='Evaluate score'>
                          <md-option ng-value='false'><swaplang code="SW012488">No</swaplang></md-option>
                          <md-option ng-value='true'><swaplang code="SW000281">Yes</swaplang></md-option>
                        </md-select>
                      </md-input-container>
                    </div>
                    <div class='col-xs-6 col-sm-6 col-md-6' ng-if='exam.examdata.evaluate.isevaluate'>
                      <md-input-container class='md-block fullwidth'>
                        <label class='control-label label-custom'><swaplang code="SW013212">Passing Score</swaplang></label>
                        <input type='text' ng-model='exam.examdata.evaluate.passing' placeholder='{{ question.getTotalScore(question.getQuestion()) }}' />
                      </md-input-container>
                    </div>
                  </div>
                  <div class='row'>
                    <div class='col-xs-4 col-sm-4 col-md-4'>
                      <md-input-container class='md-block fullwidth'>
                        <label class='control-label label-custom'><swaplang code="SW013213">Time limit</swaplang></label>
                        <md-select ng-model='exam.examdata.timelimit.istimelimit' placeholder='Time limit'>
                          <md-option ng-value='false'><swaplang code="SW012488">No</swaplang></md-option>
                          <md-option ng-value='true'><swaplang code="SW000281">Yes</swaplang></md-option>
                        </md-select>
                      </md-input-container>
                    </div>
                    <div class='col-xs-4 col-sm-4 col-md-4' ng-if='exam.examdata.timelimit.istimelimit'>
                      <md-input-container class='md-block fullwidth'>
                        <label class='control-label label-custom'><swaplang code="SW002186">Hour</swaplang></label>
                        <md-select ng-model='exam.examdata.timelimit.hour' placeholder='{{placeholders.minute}}'>
                          <md-option ng-repeat='hour in timeselected.hour track by $index' ng-value='hour'>{{ hour }}</md-option>
                        </md-select>
                      </md-input-container>
                    </div>
                    <div class='col-xs-4 col-sm-4 col-md-4' ng-if='exam.examdata.timelimit.istimelimit'>
                      <md-input-container class='md-block fullwidth'>
                        <label class='control-label label-custom'><swaplang code="SW008767">Minute</swaplang></label>
                        <md-select ng-model='exam.examdata.timelimit.minute' placeholder='{{placeholders.minute}}'>
                          <md-option ng-repeat='minute in timeselected.minute track by $index' ng-value='minute'>{{ minute }}</md-option>
                        </md-select>
                      </md-input-container>
                    </div>
                  </div>
                  <div class='row'>
                    <div class='col-xs-3 col-sm-3 col-md-3'>
                      <md-input-container class='md-block fullwidth'>
                        <label class='control-label label-custom'><swaplang code="SW013214">Show score</swaplang></label>
                        <md-select ng-model='exam.examdata.showscore'>
                          <%--<md-option ng-value='false'><swaplang code="SW000029">false</swaplang></md-option>--%>
                          <%--<md-option ng-value='true'><swaplang code="SW000028">true</swaplang></md-option>--%>
                          <md-option ng-value='false'><swaplang code="SW012488">No</swaplang></md-option>
                          <md-option ng-value='true'><swaplang code="SW000281">Yes</swaplang></md-option>
                        </md-select>
                      </md-input-container>
                    </div>
                    <div class='col-xs-5'>
                      <md-input-container class='md-block fullwidth'>
                        <label class='control-label label-custom'>ระยะเวลาในการทำแบบข้อสอบอีกครั้ง (วัน)</label>
                        <input type='text' ng-model='exam.examdata.age' placeholder='วัน' />
                      </md-input-container>
                    </div>
                  </div>
                </div>

              </div>

              <div class='row'>
                <div class='col-xs-12 col-sm-12 col-md-12'>
                  <center>
                    <div class='line-space'></div>
                  </center>
                </div>
              </div>

              <question obj='question.getQuestion()' level='0' pindex='"none"' gpindex='"none"'></question>

              <div class='row'>
                <div class='col-xs-8 col-sm-10 col-md-10'></div>
                <div class='col-xs-4 col-sm-2 col-md-2'>
                  <a class='btn btn-primary' ng-click='question.addQuestion()'><i class='fa fa-plus'></i></a>
                </div>
              </div>

              <!-- <div class='row'>
                <div class='col-xs-12 col-sm-12 col-md-12'>
                  <center>
                    <a class='btn btn-primary' ng-click='checkSomething()'>Test</a>
                  </center>
                </div>
              </div> -->
              <br>

            </td>
          </tr>
        </table>
      </div>
    </form>
  </body>
</html>