<!DOCTYPE html>
<%@page contentType="text/html; charset=UTF-8" %>
<%@page import="com.csc.library.utilities.*" %>
<%@ page import="com.csc.library.session.InitialEnvironment" %>
<%
  UProfile up = null;
  if (session != null) {
    up = (UProfile) session.getAttribute("userprofile");
  }
  CheckNull chk = new CheckNull();
  String reqid = chk.chkNullString(request.getParameter("__requestid"), "0");
  String jobid = chk.chkNullString(request.getParameter("__jobid"), "");
%>
<html ng-app="RECRUIT">
<head>
  <title>Vacancy Position</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<%--  <link href="../public/lib/angular-material/angular-material.min.css" rel="stylesheet" type="text/css"/>--%>
</head>
<body ng-controller="REC_REQUEST">
<div class="bg-com"></div>
<jsp:include page="EMV_HEADMENU.jsp" flush="true" />
<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="../JS/ANGULAR/SCREEN_ANGULAR.js"></script>--%>
<script type='text/javascript' src="../JS/ANGULAR/swaplang.factory.js"></script>
<script type='text/javascript' src='../JS/urljobboard.js'></script>
<script type='text/javascript' src='JS/REC_REQUEST/Module.Controller.js'></script>
<script type='text/javascript' src='../RECRUIT/js/services.js'></script>
<script type='text/javascript' src='JS/REC_REQUEST/REC_REQUEST.Controller.js'></script>
<script type='text/javascript'>
  setLang('<%=up.get("lang")%>');
  $(function () {
    let now = '<%=new CscCalendar().getYYYYMMDD()%>'
    let employeeid = '<%=up.get("employeeid")%>'
    <%--let reqid = '<%=reqid%>'--%>
    <%--let jobid = '<%=jobid%>'--%>
    let scope = angular.element(document.cscform).scope()
    scope.$apply(function () {
      scope.now = now
      scope.employeeid = employeeid
      // scope.reqid = reqid
      // scope.jobid = jobid
    })
  })
</script>
<section>
  <div class="container csc-content">
    <div class="csc-block-white">

      <form name="cscform" class="form-horizontal" method="post" action="REC_REQUEST.jsp">
        <input type="hidden" name="__action" value="">
        <input type="hidden" name="__jobid" value="">
        <input type="hidden" name="__requestid" value="">
        <input type="hidden" name="__internal" value="">
        <div class="container csc-content">
          <div class="center">
            <h2 swlang code='SW002243'>Vacancy Job</h2>
          </div>

          <table ng-repeat="$item in listReqs | filter:availableRequest" class="table table-head table-hover table-bordered table-left table-fixed-small">
            <tr>
              <th colspan="2">
                {{$item.jobname}} : {{$item.numb_req}}
                <label class="control-label" swlang code='SW000057'>Position</label>
              </th>
            </tr>
            <tr>
              <th swlang code='SW001957'>Job Descriptions</th>
              <td ng-bind-html="replaceNewLine($item.responsibility[lang])">
              </td>
            </tr>
            <tr>
              <th swlang code='SW002055'>Sex</th>
              <td>
                <master-gender code="{{$item.gender}}"></master-gender>
              </td>
            </tr>
            <tr>
              <th swlang code='SW000172'>Age</th>
              <td>
                {{$item.reqage}}
              </td>
            </tr>
            <tr>
              <th swlang code='SW005741'>Degree</th>
              <td>
                <master-degree code="{{$item.reqeduid}}"></master-degree>
              </td>
            </tr>
            <tr>
              <th swlang code='SW000208'>Major Name</th>
              <td>
                <span ng-repeat="major in $item.majors">
                   <span>- </span>{{major.name[lang]}}<br>
                </span>
              </td>
            </tr>
            <tr>
              <th swlang code='SW002112'>Experience</th>
              <td ng-bind-html="replaceNewLine($item.expjob[lang])">
            </tr>
            <tr>
              <th swlang code='SW002113'>Others</th>
              <td ng-bind-html="replaceNewLine($item.other[lang])">
            </tr>
            <tr>
              <th swlang code='SW000008'>Company</th>
              <td>
                {{$item.branchname[lang]}}
              </td>
            </tr>
            <tr>
              <td colspan=2>
                <button class="btn btn-primary" type="button" ng-click="goFillFormApplicant($item.jobid, $item.reqid)">
                  <swaplang code="SW990047">Apply</swaplang>
                </button>
              </td>
            </tr>
          </table>



        </div>

      </form>


      <%--<form name="cscform" class="form-horizontal" method="post" action="REC_REQUEST.jsp">--%>
        <%--<div class="container csc-content">--%>
          <%--<div class="center">--%>
            <%--<h2 swlang code='SW002243'>Vacancy Job</h2>--%>
          <%--</div>--%>
        <%--</div>--%>
      <%--</form>--%>
    </div>
  </div>















  <a href="#top" id="top-button">
    <i class="fa fa-angle-up"></i>
    <div class="top-word">Back to top</div>
  </a>
</section>





<%--<form name="cscform" method="post" action="REC_REQUEST.jsp">--%>
  <%--<div class="container-fluid">--%>
    <%--<div class="panel-body body-panel-csc">--%>

    <%--</div>--%>
  <%--</div>--%>
<%--</form>--%>

<jsp:include page="FOOTER.jsp" flush="true" />
</body>
</html>