<!DOCTYPE html>
<%@page contentType="text/html; charset=UTF-8" %>
<%@page import="com.csc.library.utilities.*" %>
<%
  UProfile up = null;
  if (session != null) {
    up = (UProfile) session.getAttribute("userprofile");
  }
  CheckNull chk = new CheckNull();
  String candidateid = chk.chkNullString(request.getParameter("__candidateid"), "0");
  String applicantid = chk.chkNullString(request.getParameter("__applicantid"), "0");
  String parentPage = request.getParameter("__page");
  FileDownloadUtils downloadutils = new FileDownloadUtils("RECRUIT_UPLOAD", "dir", "cutter", "PICTURE");
  downloadutils.setDefaultFileName("DEFAULTPERSON.jpg");
  String path = downloadutils.getViewURL();
  String[] strPath = path.split("cutter");
%>
<html ng-app="RECRUIT">
<head>
  <title>Committee Setup Form</title>
  <meta http-equiv="Content-Type" name="viewport" content="width=device-width, initial-scale=1" charset=UTF-8/>

    <link href="../JS/jquery-ui-1.11.4.custom/jquery-ui.min.css" rel="stylesheet" type="text/css"/>
  <link href="../public/lib/angular-material/angular-material.min.css" rel="stylesheet" type="text/css"/>
  <link rel="stylesheet" type="text/css" href="../CSS/Bootstrap/css/bootstrap.min.css"/>
  <link rel="stylesheet" type="text/css" href="../CSS/Bootstrap/css/dataTables.bootstrap.min.css"/>
  <link href="../CSS/font-awesome.min.css" rel="stylesheet" type="text/css"/>
  <link rel='stylesheet' href='CSS/Recruit.css'/>

  <script type='text/javascript' src='../JS/SCREEN.js'></script>
  <script type='text/javascript' src="../JS/HOTKEY.js"></script>
  <script type='text/javascript' src='../JS/urljobboard.js'></script>
  <script type="text/javascript" src="../JS/jquery-2.1.3.min.js"></script>
  <script type="text/javascript" src="../JS/jquery-ui-1.11.4.js"></script>
  <script type="text/javascript" src="../JS/jquery-datepicker-language.js"></script>
  <script type="text/javascript" src="../CSS/Bootstrap/js/bootstrap.mins.js"></script>
  <script type="text/javascript" src="../JS/jquery.dataTables.min.js"></script>
  <script type="text/javascript" src="../JS/dataTables.bootstrap.min.js"></script>

  <script type="text/javascript" src="../JS/CLASS/FormApplicant.Class.js"></script>

  <script type="text/javascript" src='../public/lib/angular/angular.min.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="../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-messages/angular-messages.js"></script>
  <script type="text/javascript" src="../public/lib/chart.js/dist/Chart.min.js"></script>
  <script type="text/javascript" src="../public/lib/angular-chart.js/dist/angular-chart.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='../EXAM/JS/config.js'></script>
  <script type='text/javascript' src='../EXAM/JS/CLASS/Question.Class.js'></script>

  <script type='text/javascript' src='js/CommitteeSetup/Module.Controller.js'></script>
  <script type='text/javascript' src='js/services.js'></script>
  <script type='text/javascript' src='js/CommitteeSetup/CommitteeSetup.Controller.js'></script>
  <script type='text/javascript'>
    setLang('<%=up.get("lang")%>');

    $(function () {
      let candidateid = '<%=candidateid%>'
      let applicantid = '<%=applicantid%>'
      let dbName = '<%=up.getDbName()%>'
      let scope = angular.element($('form[name="cscform"]')).scope();
      scope.$apply(function () {
        scope.dbName = dbName
        if(candidateid != '0'){
          scope.queryCandidate(candidateid);
        }else if(applicantid != '0'){
          scope.queryApplicant(applicantid);
        }
        
      });
    });
  </script>
</head>
<body ng-controller='CommitteeSetup' id="popupContainer">
<form id="myform" name="cscform" method="post" action="CommitteeSetupForm.jsp">
  <input type="hidden" name="__cmd">
  <input type="hidden" name="candidateid" value='<%=candidateid%>'>
  <input type="hidden" name="applicantid" value='<%=applicantid%>'>
  <input type="hidden" name="committeeid">
  <input type="hidden" name="jobid">
  <input type="hidden" name="notedit" value='true'>
  <input type="hidden" name="parentPage" value='<%=parentPage%>'>

  <br>
  <div class="container-fluid">
    <div class="header-panel-csc text-right panel-heading">
      <span><swaplang code="SW013303">Setup Commitee</swaplang></span>
    </div>
    <div class="panel-body body-panel-csc">
      <div ng-clock>
        <md-content>
          <md-card>
            <md-card-title>
              <md-card-title-text>
                <legend class="md-headline csctheme">
                  <swaplang code="SW012958">Personal Information</swaplang>
                </legend>
              </md-card-title-text>
            </md-card-title>
            <md-card-content>
              <div class="text-center">
                <img class="img-thumbnail" src="<%=strPath[0]%>{{clsFormApplicant.formApplicant.personal.imgname}}<%=strPath[1]%>" name="employeePic" style="width: 152px;height: 152px">
              </div>
              <br>
              <div class="form-horizontal">
                <div class="form-group">
                  <label class="control-label col-sm-6">
                    <swaplang code="SW002115">Applicant's Name</swaplang>
                  </label>
                  <div class="col-sm-6">
                    <label class="control-label">
                      <master-prefix code="{{clsFormApplicant.formApplicant.personal.prefixid}}"></master-prefix>
                      {{clsFormApplicant.formApplicant.personal.fname[lang]}}  {{clsFormApplicant.formApplicant.personal.lname[lang]}}
                    </label>
                  </div>
                </div>
                <div class="form-group">
                  <label class="control-label col-sm-6">
                    <swaplang code="SW012970">Job title</swaplang>
                  </label>
                  <div class="col-sm-6">
                    <label class="control-label">
                      {{job}}
                    </label>
                  </div>
                </div>
              </div>
            </md-card-content>
          </md-card>
        </md-content>
      </div>

      <br>
      <div ng-clock>
        <md-content>
          <md-card>
            <md-card-title>
              <md-card-title-text>
                <legend class="md-headline csctheme">
                  <swaplang code="SW003355">List of committee</swaplang>
                </legend>
              </md-card-title-text>
            </md-card-title>
            <md-card-content>
              <table class="table table-hover table-head-csctheme">
                <thead>
                  <tr>
                    <th colspan='2' class='text-center'><swaplang code="SW013310">Committee ID</swaplang></th>
                    <th><swaplang code="SW006993">Committee Name</swaplang></th>
                    <th><swaplang code="BU2">Department</swaplang></th>
                    <th><swaplang code="SW000057">Position</swaplang></th>
                    <th ng-hide="chkPage()"><swaplang code="SW000019">Status</swaplang></th>
                    <th><swaplang code="SW001055">Sequencing</swaplang></th>
                  </tr>
                </thead>
                <tbody>
                  <tr ng-repeat='committee in committee'>
                    <td class='non-padding'>
                      <md-button class="md-icon-button non-margin non-padding " ng-show='isgetreferre' aria-label="Search Committee" ng-click="SearchCommittee($event, $index)">
                        <md-tooltip md-direction="bottom"><swaplang code="SW003537">Search</swaplang></md-tooltip>
                        <i class="fa fa-search"></i>
                      </md-button>
                      <md-button class="md-icon-button non-margin non-padding" aria-label="Search Committee" ng-click="delCommittee($index)">
                        <md-tooltip md-direction="bottom"><swaplang code="SW000123">Delete</swaplang></md-tooltip>
                        <i class="fa fa-trash-o"></i>
                      </md-button>
                    </td>
                    <td>
                      <a ng-hide="chkPage()" ng-click='viewApsForm(committee.employeeid)'>
                        {{committee.employeeid}}
                        <md-tooltip md-direction="bottom"><swaplang code="SW012131">Interview Results</swaplang></md-tooltip>
                      </a>
                      <div ng-show="chkPage()">{{committee.employeeid}}</div>
                    </td>
                    <td>{{committee.fullname}}</td>
                    <td>{{committee.bu3}}</td>
                    <td>{{committee.position}}</td>
                    <td ng-hide="chkPage()">{{getApsStatus($index)}}</td>
                    <td>
                      <select class="form-control" ng-model="committee.seq">
                        <option ng-repeat='list in seqlist' value="{{list.value}}">{{list.value}}</option>
                      </select>
                    </td>
                  </tr>
                </tbody>
              </table>
            </md-card-content>
            <md-card-content class="text-center">
              <md-button class="md-icon-button non-margin non-padding" aria-label="Search Committee" ng-click="addCommittee()">
                <md-tooltip md-direction="bottom"><swaplang code="SW013045">Add</swaplang></md-tooltip>
                <i class="fa fa-plus fa-2x csctheme" role="button" tabindex="0"></i>
              </md-button>
              <md-button class="md-icon-button non-margin non-padding" aria-label="Search Committee" ng-click="save('0')">
                <md-tooltip md-direction="bottom"><swaplang code="SW000117">Save</swaplang></md-tooltip>
                <i class="fa fa-floppy-o fa-2x csctheme" role="button" tabindex="0"></i>
              </md-button>
              <md-button class="md-icon-button non-margin non-padding" ng-show="hascommittee && chkPage()==false" aria-label="Process" ng-click="showConfirm($event)" >
                <md-tooltip md-direction="bottom" ><swaplang code="SW000872">Process</swaplang></md-tooltip>
                <i class="fa fa-cogs fa-2x csctheme" role="button" tabindex="0"></i>
              </md-button>
            </md-card-content>
          </md-card>
        </md-content>
      </div>
    </div>
    <div class="panel-footer footer-panel-csc"></div>
  </div>
</form>
</body>
</html>