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

<%
    Job                     job             =   (Job) process.getAttribute("Job");
    List<JobApplication>    applications    =   (List<JobApplication>) getData(request, "applications");
    String                  currentPage     =   (String) getData(request, "currentPage");
    AppSortOption           appSortOpt      =   (AppSortOption) getData(request, "sortOption");
%>

<oneit:dynIncluded>

    <div class="second-part view-app-area">
        <div class="main-applicants-filter">
            <div class="appli-list-shorting">
                <div class="appli-shorting-dropdown appli-left">
                    <span class="appli-order-label">Bulk Update</span>
                    <select class="form-control">
                        <option>To Shortlist</option>
                    </select>
                </div>         
                <div class="appli-shorting-dropdown">
                    <span class="appli-order-label">order by</span>
                    <select class="form-control"    onChange="location=this.value">
                    <%
                        for (AppSortOption  sortOption : AppSortOption.getAppSortOptionArray())
                        {
                            String  optionLink  =   currentPage + "&JobID=" + job.getID() + "&AppSortOption=" + sortOption.getName() ;
                    %>
                            <option <%= (appSortOpt != null && appSortOpt == sortOption ? "selected" : "" )%>  value="<%= optionLink %>">
                                <oneit:toString value="<%= sortOption.getDescription() %>"   mode="EscapeHTML"/>
                            </option>
                    <%
                        }
                    %>
                    </select>
                </div>
            </div>
        </div>
        <div class="view-appli-list">
        <%
            int j   = 0;

            for(JobApplication jobApplication : applications)
            {
                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">
                            <oneit:ormInput obj="<%= jobApplication %>" id="<%= jobApplication.getID().toString()%>"  attributeName="IsSelected"  type="checkbox"/>
                            <oneit:recalcClass  htmlTag="span"  classScript="jobApplication.getIsSelected() != null && jobApplication.getIsSelected() ? 'checked': 'unchecked'" jobApplication="<%= jobApplication %>">
                                <label for="<%= jobApplication.getID().toString()%>"/>
                            </oneit:recalcClass>
                        </div>
                    </div>
                    <div class="appli-list-name appli-l eq-second-height">
                        <oneit:toString value="<%= jobApplication.getCandidate() %>"    mode="EscapeHTML" />
                        <div class="appli-int-status">Shortlisted</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="Integer" />
                        </div>
                        <div class="appli-list-drop">
                            <select class="form-control">
                                <option>Interview</option>
                            </select>
                        </div>
                    </div> 
                </div>
        <%
                j++;
            }
        %>
        </div>
    </div>
</oneit:dynIncluded>
