<!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 applicantid = chk.chkNullString(request.getParameter("__applicantid"), "0");
  String candidateid = chk.chkNullString(request.getParameter("__candidateid"), "0");
  String jobid = chk.chkNullString(request.getParameter("__jobid"), "");
  String action = chk.chkNullString(request.getParameter("__action"), "fillform");
  String dropresume = chk.chkNullString(request.getParameter("__dropresume"), "");
  String internal = chk.chkNullString(request.getParameter("__internal"), "");
  String reqid = chk.chkNullString(request.getParameter("__requestid"), "");
  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>Application Form</title>
  <meta http-equiv="Content-Type" name="viewport" content="width=device-width, initial-scale=1" charset=UTF-8/>

  <link rel="stylesheet" type="text/css" href="../CSS/Bootstrap/css/bootstrap.css"/>
  <link href="../CSS/font-awesome.min.css" rel="stylesheet" type="text/css"/>
  <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' href='CSS/Recruit.css'/>
  <link rel='stylesheet' href='../JS/AngularTools/JobRouter/JobRouter.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/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/AngularTools/JobRouter/RootServices.services.js'></script>
  <script type='text/javascript' src='../JS/AngularTools/JobRouter/JobRouter.Module.js'></script>
  <script type='text/javascript' src='../JS/AngularTools/JobRouter/JobRouter.Controller.js'></script>
  <script type='text/javascript' src='../JS/AngularTools/JobRouter/PreviewExam.Controller.js'></script>
  <script type='text/javascript' src='../JS/AngularTools/JobRouter/exam/PreviewQuestion.Controller.js'></script>
  <script type='text/javascript' src='../JS/AngularTools/JobRouter/exam/QuestionUtility.Controller.js'></script>

  <script type='text/javascript' src='js/FillFormApplicant/Module.Controller.js'></script>
  <script type='text/javascript' src='js/services.js'></script>
  <script type='text/javascript' src='js/FillFormApplicant/FillFormApplicant.Controller.js'></script>
  <script type='text/javascript'>
    setLang('<%=up.get("lang")%>');
    $(function () {
      let applicantid = '<%=applicantid%>'
      let candidateid = '<%=candidateid%>'
      let action = '<%=action%>'
      let reqid = '<%=reqid%>'
      let jobid = '<%=jobid%>'
      let dropresume = '<%=dropresume%>'
      let internal = '<%=internal%>'
      let employeeid = '<%=up.get("employeeid")%>'
      let scope = angular.element($('form[name="cscform"]')).scope();
      scope.$apply(function () {
        scope.action = action
        scope.reqid = reqid
        scope.jobid = jobid
        scope.internal = internal
        scope.isReady = action === 'fillform'
        if (candidateid !== '0') {
          scope.queryCandidate(candidateid);
        } else if (applicantid !== '0') {
          scope.queryApplicant(applicantid);
        } else if (!!dropresume) {
          let obj = {
            result: JSON.parse(dropresume)
          }
          scope.query(obj)
        } else if (internal) {
          scope.queryInternal(employeeid)
        }
      });
    });

    function openCareer(refereepositionid) {
      with (document.cscform) {
        let fix_con = "";
        let ref1 = " ";
        if (__referee1position_desc.value != "") {
          ref1 = __request1positionid.value;
          fix_con = "REQUESTID NOT IN('" + ref1 + "')";
        }
        window.open("../EMPVIEW/REC610HELP.jsp?refereepositionid=" + refereepositionid + "&__fixCon=" + fix_con, "Help", "left=50,top=50,width=1100,height=600,toolbar=no,status=yes,scrollbars=yes,resizable=yes");
      }
    }
  </script>
</head>
<body ng-controller='FillFormApplicant'>

<div ng-hide="isReady" layout="row" layout-sm="column" layout-align="space-around">
  <md-progress-circular md-mode="indeterminate"></md-progress-circular>
</div>


<form ng-show="isReady" id="myform" name="cscform" method="post" action="FillFormApplicant.jsp">
  <input type="hidden" name="__requestid" value="<%=reqid%>">
  <input type="text" style="display: none" name="__request1positionid" ng-model="clsFormApplicant.formApplicant.requestid">
  <input type="hidden" name="__cmd">

  <br>
  <div class="container-fluid">
    <div class="header-panel-csc text-right panel-heading">
      <span swlang code="SW013414">Form Applicant</span>
    </div>
    <div class="panel-body body-panel-csc">
      <div ng-cloak ng-if="clsFormApplicant.formApplicant.jobrouter.length > 0">
        <md-content>
          <div class="md-toolbar-tools" data-toggle="collapse" data-target="#recRouter" style="background-color: #0072C6;color: #ffffff;"
               ng-click="stateRouter = !stateRouter">
            <h2>
              <span><swaplang code="SW013266">Recruitment Router</swaplang></span>
            </h2>
            <span flex></span>
            <i class="fa fa-caret-up fa-2x" ng-show="stateRouter"></i>
            <i class="fa fa-caret-down fa-2x" ng-show="!stateRouter"></i>
          </div>
          <div class="collapse" id="recRouter">
            <br>
            <job-router router='clsFormApplicant.formApplicant.jobrouter' appid='clsFormApplicant.formApplicant.applicantid'></job-router>
          </div>
        </md-content>
        <br>
      </div>
      <div ng-clock>
        <md-content>
          <md-card>
            <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">
                <input ng-required="true && enableValidate" name="__picture" type="text" style="display: none"
                       ng-model="clsFormApplicant.formApplicant.personal.imgname">
                <div ng-if="action == 'fillform'">
                  <md-button class="md-icon-button md-primary" ng-click="uploadProfile('__picture','PICTURE')" aria-label="btnUpload">
                    <i class="fa fa-upload fa-2x"></i>
                  </md-button>
                  <md-button class="md-icon-button md-primary" ng-click="deleteFile('__picture')" aria-label="btnClearUpload">
                    <i class="fa fa-trash-o fa-2x"></i>
                  </md-button>
                </div>
              </div>
              <br>
              <div class="form-horizontal">
                <div class="form-group">
                  <label class="control-label col-xs-12 col-sm-2">
                    <swaplang code="SW012970">Job title</swaplang>
                  </label>
                  <div class="col-xs-12 col-sm-10">
                    <input ng-required="true && enableValidate" name="__referee1positionid" type="text" style="display: none"
                           ng-model="clsFormApplicant.formApplicant.jobid">
                    <div ng-class="{'input-group' : clsFormApplicant.formApplicant.applicantid == '0'}">
                      <input class="form-control" name="__referee1position_desc" id="__referee1position_desc" type="text" readonly="readonly"
                             style="width: 100%">
                      <a ng-if="clsFormApplicant.formApplicant.applicantid == '0'" class="input-group-addon"
                         href="javascript:openCareer('__referee1positionid');">
                        <i class="fa fa-search"></i>
                      </a>
                    </div>
                  </div>
                </div>
                <div class="form-group">
                  <label class="control-label col-xs-12 col-sm-2">
                    <swaplang code="SW002162">Expected salary</swaplang>
                  </label>
                  <div class="col-xs-12 col-sm-10">
                    <input ng-required="true && enableValidate" onkeypress="chkInteger()" type="text" class="form-control"
                           ng-model="clsFormApplicant.formApplicant.salary_expect" ng-readonly="action != 'fillform'">
                  </div>
                </div>
                <div class="form-group">
                  <label class="control-label col-xs-12 col-sm-2">
                    <swaplang code="SW002163">Expected Start date</swaplang>
                  </label>
                  <div class="col-xs-12 col-sm-10">
                    <input type="date" class="form-control" ng-model="clsFormApplicant.formApplicant.personal.dateavailable"
                           ng-readonly="action != 'fillform'">
                  </div>
                </div>
              </div>
            </md-card-content>
          </md-card>
        </md-content>
      </div>
      <br>
      <div ng-cloak>
        <md-content>
          <ul class="nav nav-tabs nav-justified">
            <li class="active"><a data-toggle="tab" href="#tabPersonal"  ng-if="confApp.personal.active == '1'">{{tabNames.personal}}</a></li>
            <li><a data-toggle="tab" href="#tabContact" ng-click="(action != 'fillform')? viewDistrict() : ''" ng-if="confApp.contact.active == '1'">{{tabNames.contact}}</a></li>
            <li><a data-toggle="tab" href="#tabFamily" ng-if="confApp.family.active == '1'">{{tabNames.family}}</a></li>
            <li><a data-toggle="tab" href="#tabEducation" ng-if="confApp.education.active == '1'">{{tabNames.education}}</a></li>
            <li><a data-toggle="tab" href="#tabJobExp" ng-if="confApp.jobexp.active == '1'">{{tabNames.jobexp}}</a></li>
            <li><a data-toggle="tab" href="#tabSkills"  ng-if="confApp.skill.active == '1'">{{tabNames.skills}}</a></li>
            <li><a data-toggle="tab" href="#tabOther" ng-if="confApp.other.active == '1'">{{tabNames.other}}</a></li>
            <li><a data-toggle="tab" href="#tabFiles" >{{tabNames.files}}</a></li>
          </ul>
          <div class="tab-content">
            <div id="tabPersonal" class="tab-pane fade in active">
              <div ng-include="'HTML/FillFormApplicant/TABPERSONAL.html'"></div>
            </div>
            <div id="tabContact" class="tab-pane fade">
              <div ng-include="'HTML/FillFormApplicant/TABCONTACT.html'"></div>
            </div>
            <div id="tabFamily" class="tab-pane fade">
              <div ng-include="'HTML/FillFormApplicant/TABFAMILY.html'"></div>
            </div>
            <div id="tabEducation" class="tab-pane fade">
              <div ng-include="'HTML/FillFormApplicant/TABEDUCATION.html'"></div>
            </div>
            <div id="tabJobExp" class="tab-pane fade">
              <div ng-include="'HTML/FillFormApplicant/TABJOBEXPR.html'"></div>
            </div>
            <div id="tabSkills" class="tab-pane fade">
              <div ng-include="'HTML/FillFormApplicant/TABSKILLS.html'"></div>
            </div>
            <div id="tabOther" class="tab-pane fade">
              <div ng-include="'HTML/FillFormApplicant/TABOTHER.html'"></div>
            </div>
            <div id="tabFiles" class="tab-pane fade">
              <div ng-include="'HTML/FillFormApplicant/TABFILES.html'"></div>
            </div>
          </div>



          <%--<md-tabs md-stretch-tabs="always" md-dynamic-height md-border-bottom md-selected="selectIndex">--%>
            <%--<md-tab label="{{tabNames.personal}}" ng-if="confApp.personal.active == '1'">--%>
              <%--<div ng-include="'HTML/FillFormApplicant/TABPERSONAL.html'"></div>--%>
            <%--</md-tab>--%>
            <%--<md-tab label="{{tabNames.contact}}" ng-if="confApp.contact.active == '1'" md-on-select="(action != 'fillform')? viewDistrict() : ''">--%>
              <%--<div ng-include="'HTML/FillFormApplicant/TABCONTACT.html'"></div>--%>
            <%--</md-tab>--%>
            <%--<md-tab label="{{tabNames.family}}" ng-if="confApp.family.active == '1'">--%>
              <%--<div ng-include="'HTML/FillFormApplicant/TABFAMILY.html'"></div>--%>
            <%--</md-tab>--%>
            <%--<md-tab label="{{tabNames.education}}" ng-if="confApp.education.active == '1'">--%>
              <%--<div ng-include="'HTML/FillFormApplicant/TABEDUCATION.html'"></div>--%>
            <%--</md-tab>--%>
            <%--<md-tab label="{{tabNames.jobexp}}" ng-if="confApp.jobexp.active == '1'">--%>
              <%--<div ng-include="'HTML/FillFormApplicant/TABJOBEXPR.html'"></div>--%>
            <%--</md-tab>--%>
            <%--<md-tab label="{{tabNames.skills}}" ng-if="confApp.skill.active == '1'">--%>
              <%--<div ng-include="'HTML/FillFormApplicant/TABSKILLS.html'"></div>--%>
            <%--</md-tab>--%>
            <%--<md-tab label="{{tabNames.other}}" ng-if="confApp.other.active == '1'">--%>
              <%--<div ng-include="'HTML/FillFormApplicant/TABOTHER.html'"></div>--%>
            <%--</md-tab>--%>
          <%--</md-tabs>--%>
        </md-content>
      </div>
      <br>
      <div ng-cloak ng-if="action != 'view'">
        <md-content>
          <md-card>
            <md-card-content class="text-center">
              <md-button ng-if="action == 'fillform'" class="md-raised md-primary md-button" ng-click="saveApplicant()">
                <swaplang code="SW012098">Save</swaplang>
              </md-button>

              <md-button ng-if="action == 'candidate'" class="md-raised md-primary md-button" ng-click="approveCandidate()">
                <swaplang code="SW012942">Approve to candidate</swaplang>
              </md-button>
            </md-card-content>
          </md-card>
        </md-content>
      </div>
    </div>
    <div class="panel-footer footer-panel-csc"></div>
  </div>
</form>
</body>
</html>