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

    <script type="text/javascript">
        $(document).ready(function()
        {
            $('.grid-box-view').slick({
                dots: false,
                infinite: false,
                speed: 300,
                slidesToShow: 5,    
                nextArrow: "<div class='sl_width slider-next'><span><img src='images/slider-arrow.png' /></span></div>",
                prevArrow: "<div class='sl_width slider-prev'><span><img src='images/slider-arrow-left.png' /></span></div>",
                responsive: [
                {
                  breakpoint: 1280,
                  settings: {
                    slidesToShow: 4
                  }
                },
                {
                  breakpoint: 1024,
                  settings: {
                    slidesToShow: 3
                  }
                },
                {
                  breakpoint: 600,
                  settings: {
                    slidesToShow: 2
                  }
                },
                {
                  breakpoint: 480,
                  settings: {
                    slidesToShow: 1
                  }
                }
              ]
            });
        });
        
    </script>
    
    <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="2"   data="<%= CollectionUtils.EMPTY_MAP%>"/>
            
            <div class="five-boxs grid-box-view">
            <%
                int i   = 0;

                for(JobApplication jobApplication : job.getJobApplicationsSet())
                {
            %>
                    <div class="<%= "appl-c-box " + (i == 0 ? " cb-one" : "")%> ">
                        <!--TODO: need to work on the logic. just added to demonstrate that there are 3 different colors for this-->
                        <div class="<%= "cb-title " + (i == 0 ? "green-back" : (i < 3 ? "blue-back" : "dark-back" ))%> ">
                            <div class="checkbox-list grid-checkbox">
                                <input id="checkbox1" type="checkbox">
                                <label for="checkbox1">
                                    <oneit:toString value="<%= jobApplication.getCandidate() %>"    mode="EscapeHTML" />
                                </label>
                            </div>
                        </div>
                        <div class="overall-suitablity">
                            <!--TODO: need to work on the logic. just added to demonstrate that there are 3 different colors for this-->
                            <div class="<%= "over-all " + (i == 0 ? "f-60 green" : (i < 3 ? "blue"  : "gray"))%>">
                                <oneit:toString value="<%= jobApplication.getOverallSuitability() %>"   mode="PercentageWholeNumber" />
                            </div>
                            <div class="overall take-font-up">overall suitablity</div>
                        </div>
                        <div class="jcc-box">
                            <div class="job-match jcc">
                                <img src="images/app-job-match-icon.png"> Profile 
                                <span>
                                    <oneit:toString value="<%= jobApplication.getJobMatchPercentage() %>"   mode="PercentageWholeNumber" />
                                </span>
                            </div>
                            <div class="detail-box">
                                <div class="detail-row">
                                    <div class="detail-label">Career Drive</div>
                                    <div class="detail-no green">82%</div>
                                </div>
                                <div class="detail-row">
                                    <div class="detail-label">Conflict Management Style</div>
                                    <div class="detail-no green">82%</div>
                                </div>
                                <div class="detail-row">
                                    <div class="detail-label">Coping</div>
                                    <div class="detail-no blue">78%</div>
                                </div>
                                <div class="detail-row">
                                    <div class="detail-label">People Orientation</div>
                                    <div class="detail-no gray">68%</div>
                                </div>
                            </div>
                            <div class="culture jcc">
                                <img src="images/culture-icon.png"> culture 
                                <span>
                                    <oneit:toString value="<%= jobApplication.getCulturePercentage() %>"   mode="PercentageWholeNumber" />
                                </span>
                            </div>
                            <div class="detail-box">
                                <div class="detail-row">
                                    <div class="detail-label">Category</div>
                                    <div class="detail-no green">91%</div>
                                </div>
                                <div class="detail-row">
                                    <div class="detail-label">Category</div>
                                    <div class="detail-no green">88%</div>
                                </div>
                            </div>
                            <div class="jcc">
                                <img src="images/criteria-icon.png"> Requirements 
                                <span>
                                    <oneit:toString value="<%= jobApplication.getCriteriaPercentage() %>"   mode="PercentageWholeNumber" />
                                </span>
                            </div>
                            <div class="detail-box">
                                <div class="detail-row">
                                    <div class="detail-label">Category</div>
                                    <div class="detail-no green">93%</div>
                                </div>
                                <div class="detail-row">
                                    <div class="detail-label">Category</div>
                                    <div class="detail-no green">88%</div>
                                </div>
                            </div>
                        </div>
                    </div>
            <%
                    i++;
                }
            %>
            </div>
        </div>
    </oneit:form>
</oneit:dynIncluded>