<%@ 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="../../inc/std_imports.jsp" %>

<oneit:dynIncluded>
<%
    ObjectTransaction   objTran         = process.getTransaction ();
    String              nextPage        = WebUtils.getSamePageInRenderMode(request, "SubmitApplication");
    JobApplication      jobApplication  = (JobApplication) process.getAttribute("JobApplication");
    Job                 job             = jobApplication.getJob();
    
%>
    <script>
        $(document.body).addClass('bg-color');
    </script>
    
    <div class="main-application-outline">
        <div class="selection-aust-logo">
            <img src="images/australia-post.png" />
            <span>Australia Post Chief Executive Officer</span>
        </div>
        <div class="show-mobile-title">
            <div class="mobile-title-page">Section 3 - Job Match Assessment</div>
            <div class="mobile-estimated">Estimated time to complete: <b>20 mins</b></div>
        </div>
        <div class="section-title m-hide">Section 3</div>
        <div class="section-c-title m-hide">
            Job Match Assessment
            <span>Estimated time to complete: <b>20 mins</b></span>
        </div>
        <div class="section-tab-view">
            <div class="main-tab-form">
                <ul class="nav nav-pills nav-justified">
                    <li class="complate"><a href="#"><span><img src="images/right-mark.png" /></span><div class="mobile-hide">Selection Criteria</div></a></li>
                    <li class="complate"><a href="#"><span><img src="images/right-mark.png" /></span><div class="mobile-hide">Workplace Culture</div></a></li>
                    <li class="active"><a href="#"><span>3</span><div class="mobile-hide">Job Match Assessment</div></a></li>
                    <li><a href="#"><span>4</span><div class="mobile-hide">Submit Application</div></a></li>              
                </ul>
            </div>
            <div class="section-page-area section-job-match">
                <div class="main-sc-section sj-1">
                    <p>Using the scale given, indicate how important to you are the following aspects in your work life. Use the following system:</p>
                    <ul class="security-level">
                        <li><span>1</span> means of very little importance to you</li>
                        <li><span>4</span> means about average in importance to you</li>
                        <li><span>7</span> means of high importance to you</li>
                    </ul>
                    <p>Use the other numbers (2, 3, 5, 6) to indicate in-between levels of importance to you.</p>            
                </div>
                <div class="selection-br-line"></div>
                <div class="main-sc-section main-rate-section">
                    <div class="rateing-title">
                        Rate the importance of each item below
                        <span>0/250</span>
                    </div>
                    <div class="rating-box-title">
                        A secure position at work
                    </div>
                    <div class="ratting-box">
                        <span>Very little importance</span>  
                        <ul class="pagination ratting-number">                                
                            <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li class="active"><a href="#">5</a></li>
                            <li><a href="#">6</a></li>
                            <li><a href="#">7</a></li>
                        </ul>
                        <span>High importance</span>
                    </div>
                    <div class="auto-save">Autosaved 1 min ago.</div>
                </div>                      
            </div>
        </div>
    </div>
</oneit:dynIncluded>