<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>

<template id="job_footer_custom" inherit_id="website.footer_default" name="Footer Job Link">
    <xpath expr="//div[@id='info']/ul" position="inside">
    <li><a href="/jobs">Jobs</a></li>
    </xpath>
</template>

<template id="index" name="Jobs">
    <t t-call="website.layout">
        <div id="wrap">
            <div class="oe_structure">
                <section data-snippet-id="text-block" class="mb16">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12 text-center mb16" data-snippet-id="colmd">
                                <h2>Our Job Offers</h2>
                                <h3 class="text-muted">Join us and help disrupt the enterprise market!</h3>
                            </div>
                            <div class="col-md-12" data-snippet-id="colmd">
                                <p>
                                    With a small team of smart people, we released the most
                                    disruptive enterprise management software in the world.
                                    Odoo is fully open source, super easy, full featured
                                    (3000+ apps) and its online offer is 3 times cheaper than
                                    traditional competitors like SAP and Ms Dynamics.
                                </p>
                                <p>
                                    Join us, we offer you an extraordinary chance to learn, to
                                    develop and to be part of an exciting experience and
                                    team.
                                </p>
                            </div>
                        </div>
                    </div>
                </section>
            </div>

            <div class="container oe_website_jobs">
                <div class="row">
                    <div class="hidden" id="jobs_grid_left">

                    </div>
                    <div class="col-md-12" id="jobs_grid">
                        <div t-if="not jobs">
                            <div class="text-center text-muted">
                              <h4 class="css_editable_display">No job offer found</h4>
                              <h4 class="css_editable_hidden">There isn't job offer published now, click <a t-attf-href="/page/website.contactus">here</a> to contact us</h4>
                              <t groups="base.group_website_publisher">
                                <t  groups="base.group_hr_manager">
                                  <p>Click on "Content" to define a new job offer or "Help" for more informations.</p>
                                  <img src="/website/static/src/img/content_here.png"/>
                                </t>
                              </t>
                            </div>
                        </div>
                        <ul class="media-list" t-if="jobs">
                            <li t-foreach="jobs" t-as="job" class="media">
                                <div class="media-body" t-att-data-publish="job.website_published and 'on' or 'off'">
                                    <h3 class="media-heading">
                                        <a t-attf-href="/jobs/detail/#{ slug(job) }">
                                            <span t-field="job.name"/>
                                        </a>
                                        <small t-if="job.no_of_recruitment &gt; 1">
                                            <t t-esc="job.no_of_recruitment"/> open positions
                                        </small>
                                    </h3>

                                    <span t-field="job.address_id" t-field-options='{
                                        "widget": "contact",
                                        "fields": ["address"],
                                        "no_tag_br": true
                                        }'/>
                                    <span t-if="not job.website_published" class="label label-danger">not published</span>
                                    <div class="text-muted">
                                        <i class="fa fa-clock-o"/> <span t-field="job.write_date"/>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </t>
</template>

<template id="detail" name='Job Detail'>
    <t t-call="website.layout">
    <t t-set="additional_title">Job Detail</t>
    <div id="wrap" class="js_hr_recruitment">
        <div class="oe_structure"/>

        <section class="container mt8">
            <div class="row">
              <div class="col-sm-5">
                  <ol class="breadcrumb mb0">
                      <li><a href="/jobs">Our Jobs</a></li>
                      <li class="active"><span t-field="job.name"></span></li>
                  </ol>
              </div><div class="col-sm-7">
                  <t t-call="website.publish_management">
                      <t t-set="object" t-value="job"/>
                      <t t-set="publish_edit" t-value="True"/>
                  </t>
              </div>
            </div>
        </section>

        <div class="oe_structure" style="clear:both;">
            <h1 class="text-center" t-field="job.name"/>
            <h5 class="text-center" t-field="job.address_id" t-field-options='{
                "widget": "contact",
                "fields": ["address"],
                "no_tag_br": true
                }'/>
           <h5 class="text-center text-muted">
                <i class="fa fa-clock-o"/> <span t-field="job.write_date"/>
            </h5>
        </div>
        <div t-field="job.website_description"/>

        <div class="oe_structure">
            <section data-snippet-id="cta" class="mt16 mb16">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center mt16 mb16">
                            <a t-attf-href="/jobs/apply/#{ job.id }" class="btn btn-primary btn-lg">Apply</a>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
    </t>
</template>

<template id="apply">
    <t t-call="website.layout">
        <t t-set="additional_title">Apply Job</t>
        <div id="wrap">
            <div class="container">
                <h1 class="text-center">
                    Job Application Form
                </h1>
                <h2 t-if="job" class="text-center text-muted">
                    <span t-field="job.name"/>
                </h2>

                <div class="row">
                    <section id="forms">
                        <!-- TODO Multilingual form action support ? -->
                        <form class="form-horizontal mt32" action="/jobs/thankyou" method="post" enctype="multipart/form-data">
                            <input type="hidden" t-att-value="job and job.department_id.id or False" name="department_id"/>
                            <input type="hidden" t-att-value="job and job.id or False" name="job_id"/>
                            <div t-attf-class="form-group #{error.get('partner_name') and 'has-error' or ''}">
                                <label class="col-md-3 col-sm-4 control-label" for="partner_name">Your Name</label>
                                <div class="col-md-7 col-sm-8">
                                    <input type="text" t-att-value="default.get('partner_name')" class="form-control" name="partner_name" required="True"/>
                                </div>
                            </div>
                            <div t-attf-class="form-group #{error.get('email_from') and 'has-error' or ''}">
                                <label class="col-md-3 col-sm-4 control-label" for="email_from">Your Email</label>
                                <div class="col-md-7 col-sm-8">
                                    <input type="email" t-att-value="default.get('email_from')" class="form-control" name="email_from" required="True"/>
                                </div>
                            </div>
                            <div t-attf-class="form-group #{error.get('phone') and 'has-error' or ''}">
                                <label class="col-md-3 col-sm-4 control-label" for="phone">Your Phone</label>
                                <div class="col-md-7 col-sm-8">
                                    <input type="text" t-att-value="default.get('phone')" class="form-control" name="phone" required="True"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-3 col-sm-4 control-label" for="description">Short Introduction</label>
                                <div class="col-md-7 col-sm-8">
                                    <textarea  class="form-control" t-esc="default.get('description')" name="description" style="min-height: 120px"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-3 col-sm-4 control-label" for="ufile">Resume</label>
                                <div class="col-md-7 col-sm-8">
                                    <input class="input-file" id="fileInput" type="file" name="ufile"/>
                                    <span t-if="error.get('ufile')">Please send again your resume.</span>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-offset-3 col-sm-offset-4 col-sm-8 col-md-7">
                                    <button type="submit" class="btn btn-primary">Submit</button>
                                </div>
                            </div>
                        </form>
                    </section>
                </div>
            </div>
        </div>
    </t>
</template>

<template id="thankyou">
    <t t-call="website.layout">
        <div id="wrap">
            <div class="oe_structure">
                <div class="container">
                    <h1>Thank you!</h1>
                    <p>
                        Your job application has been successfully registered,
                        we will get back to you soon.
                    </p>
                </div>
                <section data-snippet-id="cta" class="oe_dark">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12 text-center mt16 mb16">
                                <a href="/" class="btn btn-primary btn-lg">Continue To Our Website</a>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </t>
</template>

<template id="job_countries" inherit_id="website_hr_recruitment.index" active="False" customize_show="True" name="Filter by Countries">
    <xpath expr="//div[@id='jobs_grid_left']" position="inside">
        <ul class="nav nav-pills nav-stacked mb32">
            <li t-att-class=" '' if country_id else 'active' "><a t-attf-href="/jobs#{ '/department/%s' % slug(department_id) if department_id else '' }#{ '/office/%s' % office_id if office_id else '' }?all_countries=1">All Countries</a></li>
            <t t-foreach="countries" t-as="country">
                <li t-att-class="'active' if country_id and country_id.id == country.id else ''">
                    <a t-attf-href="/jobs/country/#{ slug(country) }#{ '/department/%s' % slug(department_id) if department_id else '' }#{ '/office/%s' % office_id if office_id else '' }" ><span t-field="country.name"/></a>
                </li>
            </t>
        </ul>
    </xpath>
    <xpath expr="//div[@id='jobs_grid_left']" position="attributes">
        <attribute name="class">col-md-3</attribute>
    </xpath>
    <xpath expr="//div[@id='jobs_grid']" position="attributes">
        <attribute name="class">col-md-9</attribute>
    </xpath>
</template>

<template id="job_departments" inherit_id="website_hr_recruitment.index" active="False" customize_show="True" name="Filter by Departments">
    <xpath expr="//div[@id='jobs_grid_left']" position="inside">
        <ul class="nav nav-pills nav-stacked mb32">
            <li t-att-class=" '' if department_id else 'active' "><a t-attf-href="/jobs#{ '/country/%s' % slug(country_id) if country_id else '' }#{ '/office/%s' % office_id if office_id else '' }">All Departments</a></li>
            <t t-foreach="departments" t-as="department">
                <li t-att-class="'active' if department_id and department_id.id == department.id else ''">
                    <a t-attf-href="/jobs#{ '/country/%s' % slug(country_id) if country_id else '' }/department/#{ slug(department) }#{ '/office/%s' % office_id if office_id else '' }" ><span t-field="department.name"/></a>
                </li>
            </t>
        </ul>
    </xpath>
    <xpath expr="//div[@id='jobs_grid_left']" position="attributes">
        <attribute name="class">col-md-3</attribute>
    </xpath>
    <xpath expr="//div[@id='jobs_grid']" position="attributes">
        <attribute name="class">col-md-9</attribute>
    </xpath>
</template>

<template id="job_offices" inherit_id="website_hr_recruitment.index" active="False" customize_show="True" name="Filter by Offices">
    <xpath expr="//div[@id='jobs_grid_left']" position="inside">
        <ul class="nav nav-pills nav-stacked mb32">
            <li t-att-class=" '' if office_id else 'active' "><a t-attf-href="/jobs#{ '/country/%s' % slug(country_id) if country_id else '' }#{ '/department/%s' % slug(department_id) if department_id else '' }">All Offices</a></li>
            <t t-foreach="offices" t-as="thisoffice">
                <li t-att-class=" 'active' if office_id == thisoffice.id else '' ">
                    <a t-attf-href="/jobs#{ '/country/%s' % slug(country_id) if country_id else '' }#{ '/department/%s' % slug(department_id) if department_id else '' }/office/#{ thisoffice.id }" >
                        <span t-field="thisoffice.city"/><t t-if="thisoffice.country_id">,
                            <span t-field="thisoffice.country_id.name"/>
                        </t>
                    </a>
                </li>
            </t>
        </ul>
    </xpath>
    <xpath expr="//div[@id='jobs_grid_left']" position="attributes">
        <attribute name="class">col-md-3</attribute>
    </xpath>
    <xpath expr="//div[@id='jobs_grid']" position="attributes">
        <attribute name="class">col-md-9</attribute>
    </xpath>
</template>

<!-- User Navbar -->
<template id="content_new_job_offer" inherit_id="website.user_navbar" groups="base.group_hr_manager">
    <xpath expr="//ul[@id='oe_systray']/li/ul[@class='dropdown-menu oe_content_menu']" position="inside">
         <li><a href="/jobs/add" class="js_link2post">New Job Offer</a></li>
    </xpath>
</template>

</data>
</openerp>
