<%@ page extends="oneit.servlets.jsp.JSPInclude"%>

<%@ taglib prefix="tagfile" tagdir="/WEB-INF/tags"%>
<%@ include file="/setuprequest.jsp"%>

<%@ page import="oneit.servlets.process.*"%>
<%@ page import="oneit.objstore.*, oneit.utils.*, oneit.utils.text.*"%>
<%@ page import="java.util.*"%>
<%@ page import="performa.orm.*, performa.orm.types.*, performa.chart.*, performa.utils.*"%>
<%
    ORMProcessState         process         =   (ORMProcessState) ProcessDecorator.getDefaultProcess(request);
    ObjectTransaction       objTran         =   process.getTransaction();
    Job                     job             =   (Job) process.getAttribute("Job");
    List<JobApplication>    applications    =   (List<JobApplication>) getData(request, "Applications");
    WorkFlow                workFlow        =   (WorkFlow) getData(request, "WorkFlow");
%>
<oneit:dynIncluded>
    <div class="wrap">
        <div class="header">
            <div class="chief-officer">
                <oneit:toString value="<%= job.getJobTitle() %>"    mode="EscapeHTML" />
                <%
                    if(job.getReferenceNumber() != null)
                    {
                %>
                        &nbsp;(<oneit:toString value="<%= job.getReferenceNumber() %>" mode="EscapeHTML" />)
                <%
                    }
                %>
            </div>
            <div class="by-name">
                <span>
                <%
                    if(job.isClientAvailable())
                    {
                %>
                        <oneit:toString value="<%= job.getClient() %>"  mode="EscapeHTML" />
                <%
                    }
                %>
                </span> by <oneit:toString   value="<%= job.getCreatedBy() %>"  mode="EscapeHTML"  nullValue=""/>
                <oneit:toString value="<%= job.getLevel() %>"   mode="EscapeHTML" />
            </div>


        </div>
        <div class="white-header">
            <div style="clear:both"></div>
            <div class="main-appli-name">
                     <div class="appli-name"><%= workFlow == null || workFlow.getApplicationStatus() == ApplicationStatus.SUBMITTED ? "All" : workFlow.getName() %> Applicants </div>
            </div>
            <div class="appli-count">
                <%= applications.size() %> Applicants
            </div>
       </div>
    
    <div class="view-appli-list">
    <%
        for (JobApplication jobApplication : applications)
        {
            String  roleFit     =   FormatUtils.stringify(jobApplication.getRoleFitPercentage(), "PercentageWholeNumber", "0");
            String  culture     =   FormatUtils.stringify(jobApplication.getCultureFitScore(), "PercentageWholeNumber", "0");
    %>
        <div class="appli-row">        
            <div class="appli-list-name appli-l"> 
                <oneit:toString value="<%= jobApplication.getCandidate() %>"    mode="EscapeHTML" />
                <div class="appli-status">
                    <oneit:toString value="<%= jobApplication.getApplicantStatusStr() %>"   mode="EscapeHTML" />
                </div>
            </div>
            <div class="appli-overall appli-l">
                Overall rank
                <oneit:toString value="<%= jobApplication.getOverallRank() %>"   mode="Integer" />
            </div>
            
            <div class="appli-jcs appli-l eq-second-height">
                <span class="appli-view-bar">
                    <div class="progress">
                        <div class="progress-bar" role="progressbar" aria-valuenow="<%= roleFit %>" aria-valuemin="0" aria-valuemax="100" 
                                style="<%= "width: " + roleFit %>">
                            <span class="show-precentage"><%= roleFit %></span>
                        </div>
                    </div>
                </span>
                role fit
            </div>
                        
            <div class="appli-jcs appli-l eq-second-height">
                <span class="appli-view-bar">
                    <div class="progress">
                        <div class="progress-bar" role="progressbar" aria-valuenow="<%= culture %>" aria-valuemin="0" aria-valuemax="100" 
                                style="<%= "width: " + culture %>">
                            <span class="show-precentage"><%= culture %></span>
                        </div>                                
                    </div>
                </span>
                culture fit
            </div>
            <%
                if(job.getIncludeAssessmentCriteria() == Boolean.TRUE)
                {
                    long    criteriaVal =   jobApplication.getRequirementFitScore();
                    String  criteria    =   FormatUtils.stringify(criteriaVal, "PercentageWholeNumber", "0");
                    boolean missingReq  =   jobApplication.hasFailedEssentialRequirements();
                    String  iconBg      =   "background-image : url('file://" + PDFUtils.FILE_BASE_PATH + "/images/correct.png'); background-color : #67B413; background-size:50%; ";
                    if (missingReq)     iconBg      =   "background-image : url('file://" + PDFUtils.FILE_BASE_PATH + "/images/icon-requirements.png'); background-color : #F9623D  ; background-size:18%;" ;
                %>
                    <div class="appli-jcs appli-l eq-second-height">
                        <span class="appli-view-bar">
                            <div class="progress">
                                <div class="progress-bar <%= (criteriaVal == 100 && !missingReq ? " green" : "")%>" role="progressbar" aria-valuenow="<%= criteria %>" aria-valuemin="0" aria-valuemax="100" 
                                        style="<%= "width: " + criteria %>">
                                    <span class="show-precentage"><%= criteria %></span>
                                </div>
                            </div>
                              
                                <span class="requirements-icon" style="<%= iconBg %>"></span>
                        </span>
                        <span class="<%= missingReq ? "red-requirements" : "" %>">
                            requirements
                           
                        </span>
                    </div>
                             
            <%
                }
            %>           
             <div style="clear:both"></div>            
        </div>
    <%
        }
    %>
    </div>
    </div>
</oneit:dynIncluded>