<%@ 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">

        <div class="dashboard-content-area">     
            
            <oneit:dynInclude   page="/extensions/adminportal/inc/applicant_view_tabs.jsp"  TabNumber="2"   data="<%= CollectionUtils.EMPTY_MAP%>"/>

            <div class="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>
        </div>
    </oneit:form>
</oneit:dynIncluded>