{% extends 'base.html.twig' %}
{% block stylesheets %}
{{ parent() }}
{{ encore_entry_link_tags('olink') }}
{% endblock %}
{% block title %}
{{ 'register.title' | trans }}
{% endblock %}
{% block bodyclass %}body-onboarding{% endblock %}
{% block body %}
<div class="py-5 p-1-5">
<div class="container">
<div class="row">
<div class="col-md-4 col-xs-12 d-none d-md-block">
<ul class="nav-onboarding">
<li class="active"><i class="fa-light fa-user"></i> {{ 'professionalprofile.onboarding.who' | trans }}</li>
<li><i class="fa-light fa-suitcase"></i> {{ 'professionalprofile.onboarding.myprofile.menu' | trans }}</li>
<li><i class="fa-light fa-rocket-launch"></i> {{ 'professionalprofile.onboarding.mydepartureproject' | trans }}</li>
<li><i class="fa-light fa-house-chimney-window"></i> {{ 'professionalprofile.onboarding.myfuturecity' | trans }}</li>
<li><i class="fa-light fa-circle-check"></i> {{ 'professionalprofile.onboarding.validatemyprofile' | trans }}</li>
</ul>
</div>
<div class="col-md-6 offset-md-1 col-xs-12 block-onboarding">
{% for flashError in app.flashes('verify_email_error') %}
<div class="alert alert-danger" role="alert">{{ flashError }}</div>
{% endfor %}
{{ form_start(registrationForm, { attr: { id: 'form-register-candidate'}}) }}
<div class="row">
<div class="col-md-8 ">
<p class="title-professional">
<i class="fa-light fa-user"></i> {{ 'professionalprofile.onboarding.who' | trans }}
</p>
</div>
</div>
<div class="form-row">
<div class="col">
<div class="form-group">
{{ form_label(registrationForm.person.firstName, null, { 'label_attr': {'class': 'mb-1'}}) }}
{{ form_widget(registrationForm.person.firstName,{ 'attr': {'class': 'form-control'}}) }}
</div>
</div>
<div class="col">
<div class="form-group">
{{ form_label(registrationForm.person.lastName, null, { 'label_attr': {'class': 'mb-1'}}) }}
{{ form_widget(registrationForm.person.lastName,{ 'attr': {'class': 'form-control'}}) }}
</div>
</div>
</div>
<div class="form-group">
{{ form_label(registrationForm.email, null, { 'label_attr': {'class': 'mb-1'}}) }}
<div class="position-relative icon-form-control">
<i class="fa fa-light fa-at position-absolute"></i>
{{ form_widget(registrationForm.email,{ 'attr': {'class': 'form-control'}}) }}
</div>
</div>
<div class="form-group">
{{ form_label(registrationForm.plainPassword, null, { 'label_attr': {'class': 'mb-1'}}) }}
<div class="position-relative icon-form-control">
<i class="fa fa-light fa-unlock position-absolute"></i>
{{ form_widget(registrationForm.plainPassword,{ 'attr': {'class': 'form-control'}}) }}
</div>
</div>
<div class="form-group">
<label class="mb-1 fw-300 blue-dark">{{ 'register.terms' | trans({}) | raw }}</label>
</div>
<button onclick="ga('send', 'event', 'inscription_candidat', 'submit', 'etape_1');" class="btn btn-primary btn-block text-uppercase" type="submit"> {{ 'register.validate' | trans }} </button>
{# <div class="text-center mt-3 border-bottom pb-3">
<p class="small text-muted">Or login with</p>
<div class="row">
<div class="col-4">
<button type="button" class="btn btn-sm btn-outline-instagram btn-block"><i class="feather-instagram"></i> Instagram</button>
</div>
<div class="col-4">
<button type="button" class="btn btn-sm btn-outline-linkedin btn-block"><i class="feather-linkedin"></i> Linkedin</button>
</div>
<div class="col-4">
<button type="button" class="btn btn-sm btn-outline-facebook btn-block"><i class="feather-facebook"></i> Facebook</button>
</div>
</div>
</div>#}
<div class="py-3 d-flex align-item-center">
<a href="{{ path('app_forgot_password_request') }}">{{ 'login.forgetpassord.question' | trans }}</a>
<span class="ml-auto"> {{ 'login.alreadyaccount' | trans }} <a class="font-weight-bold" href="{{ path('login') }}">{{ 'login.title' | trans }}</a></span>
</div>
{{ form_end(registrationForm) }}
</div>
</div>
</div>
</div>
{% include "candidate/onboarding/icons.html.twig" %}
{% endblock %}
{% block javascripts %}
{{ parent() }}
{{ encore_entry_script_tags('olink') }}
{{ encore_entry_script_tags('security') }}
{% endblock %}