<!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 action = chk.chkNullString(request.getParameter("__action"), "view");
  String reqid = chk.chkNullString(request.getParameter("__requestid"), "0");
  String jobid = chk.chkNullString(request.getParameter("__jobid"), "");
%>
<html ng-app="RECRUIT">
<head>
  <title>Dropped Resume</title>
  <meta http-equiv="Content-Type" content="text/html; 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" type="text/css" href="../JS/bootstrap-daterangepicker-master/daterangepicker.css"/>

  <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>

  <!-- Include Date Range Picker -->
  <script type="text/javascript" src="../JS/bootstrap-daterangepicker-master/moment.min.js"></script>
  <script type="text/javascript" src="../JS/bootstrap-daterangepicker-master/daterangepicker.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='../JS/SCREEN.js'></script>
  <script type='text/javascript' src="../JS/VIEWCALENDAR.js"></script>
  <script type='text/javascript' src="../JS/HOTKEY.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/DropResume/Module.Controller.js'></script>
  <script type='text/javascript' src='js/services.js'></script>
  <script type='text/javascript' src='js/DropResume/DropResume.Controller.js'></script>
  <script type='text/javascript'>
    setLang('<%=up.get("lang")%>');
    $(function () {
      let action = '<%=action%>'
      let reqid = '<%=reqid%>'
      let jobid = '<%=jobid%>'
      let scope = angular.element($('form[name="cscform"]')).scope();
      scope.$apply(function () {
        scope.action = action
        scope.reqid = reqid
        scope.jobid = jobid
        scope.conditions.filter.jobid = jobid
      });
    });
  </script>
</head>
<body ng-controller='DropResume' ng-cloak>

<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" name="cscform" method="post" action="DropResume.jsp">
  <input type="hidden" name="__applicantid">
  <input type="hidden" name="__action" value="<%=action%>">
  <input type="hidden" name="__requestid" value="<%=reqid%>">
  <input type="hidden" name="__dropresume">

  <input type="hidden" name="__cmd">
  <div class="md-toolbar-tools">
    <div class="col-xs-3">
      <input type="text" class="form-control col-xs-2 autocomplete"  placeholder="<%=up.get("lang").equalsIgnoreCase("tha")?"ค้นหา":"Search"%>" ng-model="conditions.filter.all">
    </div>
    <div class="col-xs-4">
      <div class="input-group">
        <span class="input-group-addon" swlang code='SW012404'>Order By</span>

        <select class="form-control" ng-model="conditions.orderBy">
          <option value=""></option>
          <option value="applicantdate" swlang code='SW006951'>Apply Date</option>
        </select>
        <span class="input-group-addon" ng-show="conditions.sort === '' && conditions.orderBy !== ''" ng-click="conditions.sort = '-'">
          <i class="fa fa-sort-amount-asc"></i>
        </span>
        <span class="input-group-addon" ng-show="conditions.sort === '-' && conditions.orderBy !== ''" ng-click="conditions.sort = ''">
          <i class="fa fa-sort-amount-desc"></i>
        </span>
      </div>
    </div>
    <span flex></span>
    <%--<md-button class="md-icon-button" ng-click="toggleLeft()">--%>
      <%--<i class="fa fa-cog fa-2x"></i>--%>
    <%--</md-button>--%>
  </div>
  <div class="col-xs-12 non-padding">
    <md-card>
      <md-card-content>
        <label class="control-label">
          {{(dropResume | filter:conditions.filter.all | filter:filterQualified | filter : {jobid : conditions.filter.jobid} : conditions.filter.jobid != '' | filter : {jobid : conditions.filter.jobid} :
          conditions.filter.jobid != '' | filter : filterDate).length}}
          <swaplang code="SW011610">Item</swaplang>
        </label>
      </md-card-content>
    </md-card>
  </div>




  <div class="col-xs-12 non-padding"
       ng-repeat="app in dropResume | filter:conditions.filter.all | filter:filterQualified | filter : {jobid : conditions.filter.jobid} : conditions.filter.jobid != '' | filter : filterDate | orderBy : ['-qualified', conditions.sort + conditions.orderBy]">
    <%-- <md-card ng-click="goPages(app.applicantid)" class="cardHover"> --%>
    <md-card class="cardHover">
      <md-card-title>
        <md-card-title-media style="position: relative">
          <div class="md-media-md card-media">
            <img class="img-thumbnail" ng-src="{{ app.images }}" style="width: 100%;height: 100%">
          </div>
        </md-card-title-media>
        <md-card-content flex>
            <div class="row" style="margin-top: -20px">
              <div class="col-xs-6">
                <h5 style="font-weight: bold"><master-prefix code="{{app.personal.prefixid}}"></master-prefix> {{app.personal.fname[lang]}} {{app.personal.lname[lang]}}
                </h5>
              </div>
              <div class="col-xs-6">
                <h5 ng-if="!!app.jobid"  style="font-weight: bold"><swaplang code="SW000057">Position</swaplang>  : <master-jobcode code="{{app.jobid}}"></master-jobcode></h5>
                <h5 ng-if="app.jobid == ''"  style="font-weight: bold"><swaplang code="SW000057">Position</swaplang>  : {{app.other.dropforjob}}</h5>
              </div>
              <div class="col-xs-12">
                <div class="text-truncate"><swaplang code="SW009321">Phone</swaplang>  : {{app.contact.home.number}} <span ng-if="!!app.contact.home.number && !!app.contact.current.number">|</span> {{app.contact.current.number}}</div>
              </div>
              <div class="col-xs-12">
                <div class="text-truncate"><swaplang code="SW004598">E-mail</swaplang>  : {{app.email}}</div>
              </div>
              <div class="col-xs-12">
                <div><swaplang code="SW005741">degree</swaplang>:</div>
                <ul>
                  <li ng-repeat="edu in app.highDegrees">{{edu.degree}} <swaplang code="SW011915">Major</swaplang> {{edu.major}}</li>
                </ul>

                <%--<div>--%>
                  <%--<swaplang code="SW005741">degree</swaplang>  : <span ng-style="{'margin-left': ($first) ? '0' : '97px'   }" ng-repeat="edu in app.highDegrees">{{edu.degree}} <swaplang code="SW011915">Major</swaplang> {{edu.major}}<span ng-if="!$last"><br/></span></span>--%>
                <%--</div>--%>
              </div>
              <div class="col-xs-12">
                <div class="text-truncate">
                  <span ng-if="!app.blacklist.active"><swaplang code="SW013837">Blacklist Status</swaplang>  : <label class="label label-success"><swaplang code="SW013838">Non-Blacklisting</swaplang></label></span>
                  <span ng-if="app.blacklist.active"><swaplang code="SW013837">Status</swaplang> : <label class="label label-danger">{{app.blacklist.detail}}</label>
                  </span>
                </div>
              </div>
            </div>
        </md-card-content>
      </md-card-title>
      <md-card-actions layout="row" layout-align="start center">
        <md-button class="md-raised md-icon-button" aria-label="ViewData" ng-click='goPages(app)' type="submit" formtarget="_blank">
          <md-tooltip md-direction="bottom"><swaplang code="SW013256">View Applicant data</swaplang></md-tooltip>
          <i class="fa fa-eye"></i>
        </md-button>
        <md-button class="md-icon-button md-raised" aria-label="SwitchJob" ng-click='goSwitchJob($event, app)'>
          <md-tooltip md-direction="bottom">Switch Job</md-tooltip>
          <i class="fa fa-object-ungroup"></i>
        </md-button>
        <md-button class="md-raised md-icon-button" aria-label="Approve" ng-if="app.jobid != ''" ng-click='transferToApplicant(app)'>
          <md-tooltip md-direction="bottom"><swaplang code="SW013263">Approve</swaplang></md-tooltip>
          <i class="fa fa-check"></i>
        </md-button>
        <md-button class="md-raised md-icon-button"  ng-click='delete(app)' aria-label="Disapprove">
          <md-tooltip md-direction="bottom"><swaplang code="SW000123">Delete</swaplang></md-tooltip>
          <i class="fa fa-ban"></i>
        </md-button>
        <%-- <md-button class="md-raised md-icon-button" ng-if="app.jobid != ''" ng-click='openPrint(app.email,"<%=up.get("dbname")%>",app.jobid)' aria-label="Print">
          <md-tooltip md-direction="bottom"><swaplang code="SW013265">Print</swaplang></md-tooltip>
          <i class="fa fa-print"></i>
        </md-button> --%>
        <md-button class="md-raised md-icon-button"  ng-click='openPrint(app.email,"<%=up.get("dbname")%>",app.jobid)' aria-label="Print">
          <md-tooltip md-direction="bottom"><swaplang code="SW013265">Print</swaplang></md-tooltip>
          <i class="fa fa-print"></i>
        </md-button>

      </md-card-actions>
    </md-card>
  </div>



</form>
</body>
</html>