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

<%@ include file="/inc/stdimports50.jsp" %><%-- This is in cougar --%>
<%@ include file="/inc/stdcms.jsp" %><%-- This is in cougar --%>
<%@ include file="/extensions/performa/inc/stdimports.jsp" %>
<%@page import="oneit.utils.text.FormatUtils"%>

<oneit:dynIncluded>
<%
    Job     job         = (Job) process.getAttribute("Job");

    Debug.assertion(job != null, "Job is null in admin portal view applicants");

    String  firstTab        =   WebUtils.getSamePageInRenderMode(request, WebUtils.APPLICANTS_SHORTLIST);
    String  secondTab       =   WebUtils.getSamePageInRenderMode(request, WebUtils.APPLICANTS_GRID);
%>

    <oneit:form name="viewApplicants" method="post"    enctype="multipart/form-data">
        
        <oneit:dynInclude   page="/extensions/adminportal/inc/applicant_view_tabs.jsp"  TabNumber="2"   data="<%= CollectionUtils.EMPTY_MAP%>"/>
       
        <div class="dashboard-content-area second-part view-app-area">            
            
            <oneit:dynInclude   page="/extensions/adminportal/inc/shortlist_tabs.jsp"  TabNumber="1"   data="<%= CollectionUtils.EMPTY_MAP%>"/>
        
            <div class="view-appli-list">
            <%
                int j   = 0;

                for(JobApplication jobApplication : job.getJobApplicationsSet())
                {
                    String  jobMatch    =   FormatUtils.stringify(jobApplication.getJobMatchPercentage(), "PercentageWholeNumber", "0");
                    String  culture     =   FormatUtils.stringify(jobApplication.getCulturePercentage(), "PercentageWholeNumber", "0");
                    String  criteria    =   FormatUtils.stringify(jobApplication.getCriteriaPercentage(), "PercentageWholeNumber", "0");
            %>
                <div class="appli-row">
                    <div class="appli-checkbox appli-l eq-second-height">
                        <div class="checkbox-list">
                            <input id="checkbox1" type="checkbox">
                            <label for="checkbox1"></label>
                        </div>
                    </div>
                    <div class="appli-list-name appli-l eq-second-height">
                        <oneit:toString value="<%= jobApplication.getCandidate() %>"    mode="EscapeHTML" />
                        <div class="appli-int-status">Interview 1 - schedulded</div>
                    </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="<%= jobMatch %>" aria-valuemin="0" aria-valuemax="100" 
                                        style="<%= "width: " + jobMatch %>">
                                </div>
                            </div>
                        </span>
                        Job Match
                    </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 %>">
                                </div>
                            </div>
                        </span>
                        culture
                    </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="<%= criteria %>" aria-valuemin="0" aria-valuemax="100" 
                                        style="<%= "width: " + criteria %>">
                                </div>                            
                            </div>
                        </span>
                        selection criteria
                    </div>
                    <div class="appli-status appli-l eq-second-height">
                        <!--TODO: logic needed to be worked out. Added to note that there are three colors-->
                        <div class="<%= "appli-percent-no " + (j == 0 ? "green" : (j < 3 ? "blue" : "grey" ))%>">
                            <oneit:toString value="<%= jobApplication.getOverallSuitability() %>"   mode="PercentageWholeNumber" />
                        </div>
                        <div class="appli-list-drop">
                            <select class="form-control">
                                <option>Interview</option>
                            </select>
                        </div>
                    </div>          
                </div>
            <%
                    j++;
                }
            %>
            </div>
        </div>
    </oneit:form>
</oneit:dynIncluded>