<!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.*"%>
<%
   UProfile up = null;

   if (session != null){
      up = (UProfile) session.getAttribute("userprofile");
   }
%>
<html ng-app='EXAM'>
   <head>
      <link href="../CSS/TISCO.css" rel="stylesheet" type="text/css" />
      <link href="../JS/QueryBuilder/bootstrap-3.3.5/css/bootstrap.css" rel="stylesheet" />
      <script type="text/javascript" src='../JS/jquery-2.1.3.min.js'></script>
      <script src="../JS/bootstrap.min.js"></script>
      <script src='../JS/SCREEN.js'></script>
      <script 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='../public/lib/angular-resource/angular-resource.min.js'></script>
      <script type='text/javascript' src='../public/lib/angular-sanitize/angular-sanitize.min.js'></script>
      <script type='text/javascript' src='JS/Module.js'></script>
      <script type='text/javascript' src='JS/services.js'></script>
      <script type='text/javascript' src='JS/EXAM003/Exam003Add.Controller.js'></script>
      <style>
          img[height="20"] {
             padding: 0px;
          }

          .table > tbody > tr > td {
             padding: 4px;
             border: 1px solid #CBC5C5;
             vertical-align: middle;
          }

          .valign-center {
             vertical-align: middle;
          }
          p {
             margin: 0px;
          }

          .detailHeader {
             text-align: center;
             background-color: #5992CB;
             color: #FFFFFF;
          }

          td.header {
             color: #ffffff;
             font-weight: bold;
             background-color: #336699;
             text-align: right;
             height: 22px;
             border: none;
          }

          .btn-sm,
          .btn-group-sm > .btn {
             padding: 3px 5px;
             font-size: 12px;
             line-height: 1.5;
             border-radius: 3px;
          }
      </style>
      <script>setLangSwapLang("<%=up.get("lang")%>");</script>
      <script>setLang("<%=up.get("lang")%>")</script>
   </head>
   <body ng-controller='Exam003Add'>
      <br/>
      <div class="container">
         <div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
         <script>initToolTips();</script>
         <form role="form" id="cscform">
            <table id="tb" class="table">
               <tbody>
                  <tr>
                     <td colspan="4" class="header"><script>swLang('SELECT');swLang('QUESTIONID');</script></td>
                  </tr>
                  <tr>
                     <td class="detailHeader"><script>swLang('SELECT');</script></td>
                     <td class="detailHeader"><script>swLang('QUESTIONID');</script></td>
                     <td class="detailHeader"><script>swLang('DETAIL');</script></td>
                     <td class="detailHeader"><script>swLang('SCORE');</script></td>
                  </tr>
                  <tr ng-repeat='quest4 in questset4'>
                     <td class='text-center'><input type='checkbox' value="{{ quest4.questionset4id }}" ng-model='quest4.ischeck' /></td>
                     <td>{{ quest4.questionset4_name }}</td>
                     <td>
                        <strong>{{ quest4.questionset4_name }}</strong>
                        <ol>
                           <li ng-repeat='quest4de in quest4.questset4data' id='ren{{ $parent.$index }}{{ $index }}' ng-bind-html='quest4de.question'></li>
                        </ol>
                     </td>
                     <td class='text-center'>{{ quest4.total_score }}</td>
                  </tr>
                  <tr>
                     <td colspan="4" class="text-center" style="height: 50px;">
                        <button type="button" id="selectAll" class="btn btn-primary btn-sm" ng-click="selectAll()">
                           <span class="glyphicon glyphicon-asterisk"></span> Select All
                        </button>
                        <button type="button" id="deselectAll" class="btn btn-primary btn-sm" ng-click="deSelectAll()">
                           <span class="glyphicon glyphicon-ban-circle"></span> Deselect All
                        </button>
                        <button type="button" id="add" class="btn btn-primary btn-sm" ng-click="add()">
                           <span class="glyphicon glyphicon-plus"></span> Add
                        </button>
                        <button type="button" id="close" class="btn btn-primary btn-sm">
                           <span class="glyphicon glyphicon-remove"></span> Close
                        </button>
                     </td>
                  </tr>
                  <tr>
                     <td colspan="4" style="background-color: #336699;height: 12px;"></td>
                  </tr>
               </tbody>
            </table>
         </form>
      </div>
   </body>
</html>