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

<oneit:dynIncluded>
<%
    SecUser     loggedInUser    =   SecUser.getTXUser(transaction);
    CompanyUser companyUser     =   loggedInUser.getExtension(CompanyUser.REFERENCE_CompanyUser);
    Company     company         =   companyUser.getCompany();

    Debug.assertion(company != null , "Invalid company in admin portal my company");
    
    String      nextPage        =   WebUtils.getSamePageInRenderMode(request, "Page");
%>
    <script type="text/javascript">
        $(document).ready(function()
        {
            recalcFunction = setupRecalc ($("form"), {'recalcOnError':true});
            
            $("#upload").change(function(){
                readURL(this);
            });

            $("#remove-logo").click(function(){
                removeLogo();
            });
        });
    </script>    
    
    <div class="container-fluid">
        <div class="row content">
            <div class="main-content-area">
                <h1 class="page-title">My Hiring Team</h1>
                <div class="my-company-area">
                    <oneit:form name="editCompany"  method="post"    enctype="multipart/form-data">
                        
                        <div style="padding-left: 15px; padding-right: 15px;">
                            <oneit:dynInclude   page="/extensions/applicantportal/inc/multifieldtext.jsp"   data="<%= CollectionUtils.EMPTY_MAP%>"/>
                        </div>
                        
                        <oneit:dynInclude   page="/extensions/adminportal/inc/my_company_tabs.jsp"    TabNumber="2"    data="<%= CollectionUtils.EMPTY_MAP%>"/>

                        <div class="company-content-area">
                            <!-- Tab panes -->
                            <div class="tab-content">
                                <div class="tab-pane active" id="company-detail">
                                    <div class="tabpage-title">
                                        <label class="label-20">No Current Plan</label><br/>               
                                        <label class="label-14">You'll be charged each time you add a new job</label>                
                                        <div class="line-break"></div>
                                    </div>
                                      
                                    <div>
                                        <label class="label-20">Pay Per Plan</label>
                                    </div>
                                    <div class="grey-area">
                                        <div class="text-center">
                                            <label class="label-20">Subscribe and save</label>
                                        </div>
                                        <div class="text-center">
                                            <label class="label-14">Active Jobs Per Month</label>
                                            <input type="number" min="0" max="10" step="2" value="6" size="6">
                                            <label class="label-14">$300.00</label>
                                            <label class="label-14">Per Job</label>
                                        </div>
                                        <div class="text-center form-group">
                                            <oneit:button   value="Upgrade"     name="saveCompany"  cssClass="btn btn-primary btn-green large-btn"
                                                            requestAttribs="<%= CollectionUtils.mapEntry("nextPage", nextPage)
                                                                                                .mapEntry("Company", company)
                                                                                                .toMap() %>" />
                                        </div>
                                        <div class="text-center">
                                            <label class="label-14">$1500.00 Monthly for up to 5 jobs / month</label>
                                        </div>
                                        <div class="text-center">
                                            <label class="label-14">Save $995.00 per month</label>
                                        </div>
                                    </div>
                                    <div class="text-center footer-note">
                                        Looking to cancel your account? Please <a href="#">contact us.</a> 
                                    </div>
                                </div>
                            </div>
                        </div>
                    </oneit:form>
                </div>
            </div>
        </div>
    </div>
</oneit:dynIncluded>
