Liste des démarches d'embauche

pull/294/head
Mael 2018-07-06 10:16:59 +00:00
parent 201a04d9fe
commit 11a216e28b
3 changed files with 102 additions and 83 deletions

View File

@ -1,83 +0,0 @@
/* @flow */
import React from 'react'
import { Link } from 'react-router-dom'
import siret from './siret.jpg'
import type { Match } from 'react-router'
import CheckList from 'InFrance/CheckList'
type Props = {
match: Match
}
export default function RegisterMyCompany({ match }: Props) {
return (
<CheckList
{...{
title: `Checklist to register a ${match.params.status || ''}`,
subtitle: `
This checklist will guide you thoughout all the necessary steps to
register your company with the French administration.
`,
items: {
legalStatus: 'Choose the legal status',
corporateName: (
<p>
Find a corporate name (<em>raison sociale</em>, the legal name of
your company)
</p>
),
tradeName: 'Find a trade name (for commercial purposes)',
space: 'Find a space (or work at home)',
registerCfe: (
<span>
Register your company online on{' '}
<a target="_blank" href="https://www.guichet-entreprises.fr/en/">
Guichet-entreprises.fr (english)
</a>
</span>
),
newspaper: `Have the company's creation published in
a newspaper of legal announcements such as the Bodacc (Bulletin officiel
des annonces civiles et commerciales)`,
bankAccount:
'Open a business bank account and follow the capital deposit procedure if needed',
insurance: 'Take out professional insurance'
},
conclusion: (
<>
<p>
Once your business has been officially registered, you will
receive :
</p>
<ul>
<li>your Siren number, which identifies your company ;</li>
<li>
the Siret number, which identifies each place of business
operated by the same company.
</li>
</ul>
<img src={siret} alt="Siret and siren number" />
<p>
It also assigns the APE code for the business sector to which your
company or you as a self-employed worker belong. The APE code is
used to classify your companys main operations in relation to the
french business nomenclature system (« NAF » code). It also
determines the applicable collective agreement as well as the
industrial accident rate in the field to which you or your company
belong.
</p>
<p>
Now that you have a properly registered company, the next steps is
to <strong>hire your first employee</strong>
</p>
<div style={{ textAlign: 'center' }}>
<Link className="ui__ button" to="/social-security">
Simulate hiring cost in France
</Link>
</div>
</>
)
}}
/>
)
}

View File

@ -0,0 +1,100 @@
/* @flow */
import React from 'react'
import CheckList from 'InFrance/CheckList'
export default function HiringProcess() {
return (
<CheckList
{...{
title: `Checklist to hire an employee`,
subtitle: `
This checklist will guide you thoughout all the legal steps to
hire an employee.
`,
items: {
contract: (
<p>
Sign an employment contract with your employee.{' '}
<a
href="https://www.service-public.fr/particuliers/vosdroits/N19871"
target="_blank">
More information (french)
</a>
</p>
),
dpae: (
<p>
Declare the hiring process <strong>8 days before</strong>. It's
called the <em>DPAE</em>, and can be{' '}
<a
href="https://www.due.urssaf.fr/declarant/index.jsf"
target="_blank">
done online{' '}
</a>{' '}
(french).
</p>
),
pay: (
<>
<p>
Calculate and declare the social security contributions. You
must legally produce :
</p>
<ul>
<li>
A payslip that conforms to the new simplified standard. HERE
IS AN EXAMPLE
</li>
<li>
Monthly declarations through the centralized declaration
system called <em>DSN</em>
</li>
</ul>
</>
),
registre: (
<p>
The employer must keep a staff register.{' '}
<a
href="https://www.service-public.fr/professionnels-entreprises/vosdroits/F1784"
target="_blank">
More info{' '}
</a>(french)
</p>
),
complementaryInsurance: (
<>
<p>
Some complementary insurances are <em>mandatory</em> and each
employee must be enrolled by the employer.
</p>
<ul>
<li>
Complementary pension : ARRCO for everyone and AGIRC for
"cadre" employees. Those are only federations,
<a
href="https://www.espace-entreprise.agirc-arrco.fr/simape/#/donneesDep<Paste>"
target="_blank">
find your mandatory private pension institution
</a>and contact them.
</li>
You must pay at least half of a private complementary health
insurance. The choice is yours, but it must cover a legal basic
care basket.
<li />
</ul>
</>
),
workMedicine: (
<p>
The employer must register a work medicine office, and plan an
initial appointment for each new hire.
</p>
)
},
conclusion: ''
}}
/>
)
}

View File

@ -8,6 +8,7 @@ import Landing from './Landing'
import CreateMyCompany from './Steps/Company/index'
import CostsBenefits from './Steps/Costs and benefits'
import StepsHeader from './Steps/Header/StepsHeader'
import HiringProcess from './Steps/HiringProcess'
import './ui/index.css'
class Layout extends Component {
componentDidMount() {
@ -34,6 +35,7 @@ class Layout extends Component {
<Route path="/règle/:name" component={RulePage} />
<Route path="/my-company" component={CreateMyCompany} />
<Route path="/social-security" component={CostsBenefits} />
<Route path="/hiring-process" component={HiringProcess} />
</div>
</>
</Switch>