<%@ 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, "SelectionCriteria");
    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><oneit:toString value="<%= job.getJobTitle() %>"  mode="EscapeHTML"/></span>
        </div>
        <div class="show-mobile-title">
            <div class="mobile-title-page">Section 1 - Selection Criteria</div>
            <div class="mobile-estimated">Estimated time to complete: <b>5 mins</b></div>
        </div>
        <div class="section-title m-hide">Section 1</div>
        <div class="section-c-title m-hide">
            Selection Criteria
        <span>Estimated time to complete: <b>5 mins</b></span>
        </div>
        <div class="section-tab-view">
            <div class="main-tab-form">
                <ul class="nav nav-pills nav-justified">
                    <li class="active"><a href="#"><span>1</span><div class="mobile-hide">Selection Criteria</div></a></li>
                    <li><a href="#"><span>2</span><div class="mobile-hide">Workplace Culture</div></a></li>
                    <li><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">
                <div class="main-sc-section">
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean semper at magna a
                        tristique. Ut ut magna ut mauris sagittis placerat. Suspendisse vitae tempus sem. Lorem
                        ipsum dolor sit amet, consectetur adipiscing elit.
                    </p>
                </div>            
                <div class="selection-br-line"></div>
                <div class="main-sc-section">
                    <div class="selection-form-title">Qualifications</div>
                    <div class="form-group-new question-y-n">
                        <label class="second-label">Do you have a degree in Masters of Business (Leadership)?</label>
                        <div class="radio radio-primary second-radio-primary">
                            <input type="radio" name="radio30" id="radio5" value="option1" checked="">
                            <label for="radio5">
                                Yes
                            </label>
                        </div>
                        <div class="radio radio-primary second-radio-primary">
                            <input type="radio" name="radio30" id="radio6" value="option1" checked="">
                            <label for="radio6">
                                No
                            </label>
                        </div>
                    </div>              
                    <div class="textarea-box">
                        <textarea class="form-control second-style" placeholder="Please add any notes to support your answer"></textarea>
                    </div>
                    <div class="section-br-inside"></div>
                    <div class="form-group-new question-y-n">
                        <label class="second-label">Do you have a degree in Masters of Business (Leadership)?</label>
                        <div class="radio radio-primary second-radio-primary">
                            <input type="radio" name="radio29" id="radio7" value="option1" checked="">
                            <label for="radio7">
                                Yes
                            </label>
                        </div>
                        <div class="radio radio-primary second-radio-primary">
                            <input type="radio" name="radio29" id="radio8" value="option1" checked="">
                            <label for="radio8">
                                No
                            </label>
                        </div>
                    </div>
                    <div class="section-br-inside"></div>
                    <div class="form-group-new question-y-n">
                        <label class="second-label">Do you have a degree in Masters of Business (Leadership)?</label>
                        <div class="radio radio-primary second-radio-primary">
                            <input type="radio" name="radio28" id="radio9" value="option1" checked="">
                            <label for="radio9">
                                Yes
                            </label>
                        </div>
                        <div class="radio radio-primary second-radio-primary">
                            <input type="radio" name="radio28" id="radio10" value="option1" checked="">
                            <label for="radio10">
                                No
                            </label>
                        </div>
                    </div>
                </div>
                <div class="selection-br-line"></div>
                <div class="main-sc-section">
                    <div class="selection-form-title">Skills</div>
                    <div class="form-group-new question-y-n">
                        <label class="second-label">Do you have the necessary skills to pay the bills?</label>
                        <div class="radio radio-primary second-radio-primary">
                            <input type="radio" name="radio27" id="radio11" value="option1" checked="">
                            <label for="radio11">
                                Yes
                            </label>
                        </div>
                        <div class="radio radio-primary second-radio-primary">
                            <input type="radio" name="radio27" id="radio12" value="option1" checked="">
                            <label for="radio12">
                                No
                            </label>
                        </div>
                    </div>
                    <div class="section-br-inside"></div>
                    <div class="form-group-new question-y-n">
                    <label class="second-label">Do you have the necessary skills to pay the bills?</label>
                    <div class="radio radio-primary second-radio-primary">
                        <input type="radio" name="radio26" id="radio13" value="option1" checked="">
                        <label for="radio13">
                            Yes
                        </label>
                    </div>
                    <div class="radio radio-primary second-radio-primary">
                        <input type="radio" name="radio26" id="radio14" value="option1" checked="">
                        <label for="radio14">
                            No
                        </label>
                    </div>
                  </div>
                </div>
                <div class="selection-br-line"></div>
                <div class="main-sc-section btn-remove-padd">
                    <div class="section-btn text-center">
                        <input type="button" class="box-btn-gray" value="Save and exit" />
                        <input type="button" class="box-btn" value="Proceed to step 2" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</oneit:dynIncluded>