V2.7.5

Amélioration candidatures dashboard entre
Landing pages
2021-03-10 10:29:39 +01:00 · 2021-03-10 10:27:50 +01:00 · 2021-03-09 12:25:29 +01:00 · 2021-03-08 19:43:01 +01:00 · 2021-02-24 17:16:54 +01:00 · 2021-02-24 15:40:29 +01:00
223 changed files with 19030 additions and 3316 deletions
@@ -0,0 +1,8 @@
+UPDATE ad SET competences = '{"competences"  : [{ "id1" : "libelle 1"},{ "id2" : "libelle 2"},{ "id3" : "libelle 3" }]}' WHERE id =1;
+UPDATE ad SET competences = '{ "id1" : "libelle 1", "id2" : "libelle 2", "id3" : "libelle 3" }' WHERE id =1;
+UPDATE ad SET competences = '{ "id1" : "libelle 1" }' WHERE id =31;
+UPDATE ad SET competences = '{ "id2" : "libelle 2", "id3" : "libelle 3"}' WHERE id =29;
+SELECT id  FROM "ad"  WHERE competences::jsonb @> '{ "id1" : "libelle 1"}'::jsonb LIMIT 10;
+SELECT id  FROM "ad"  WHERE competences::jsonb ? 'id1' LIMIT 10;
+SELECT competences::jsonb @> '{ "id1" : "libelle 1"}'::jsonb FROM "ad"  WHERE id=1 LIMIT 1;
+SELECT * FROM "ad"  WHERE id = 1 or id=31 or id =29;
@@ -1,6 +1,9 @@
-{% extends "base.html.twig" %}
+{% extends "basev2.html.twig" %}
+{% block menu %}

+{% endblock %}
 {% block content %}
+<main id="content">
 <div class="container contentWrapper">
      <div class="row">
            <div class="col push-s3 s6">
@@ -8,8 +11,10 @@
            </div>
      </div>
 </div>
+</div>
 {% endblock %}

 {% block metarobot %}
    <meta name="robots" content="noindex,nofollow">
+    <meta http-equiv="refresh" content="1;URL=/">
 {% endblock %}
@@ -1,6 +1,7 @@
 {% trans_default_domain 'FOSUserBundle' %}

 <div class="fos_user_user_show">
+Votre mot de passe a bien été modifié<br/>
    <p>{{ 'profile.show.username'|trans }}: {{ user.username }}</p>
    <p>{{ 'profile.show.email'|trans }}: {{ user.email }}</p>
 </div>
@@ -1,7 +1,9 @@
 {% extends "base.html.twig" %}

 {% trans_default_domain 'FOSUserBundle' %}
+{% block menu %}

+{% endblock %}
 {% block content %}
 <div class="container contentWrapper">
    <div class="row">
@@ -2,6 +2,9 @@

 {% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
 {% trans_default_domain 'FOSUserBundle' %}
+{% block menu %}
+
+{% endblock %}
 {% block content %}
 <main id="content">
  <div class="container space-2  ">
@@ -1,7 +1,9 @@
 {% extends "basetemporaire.html.twig" %}

 {% trans_default_domain 'FOSUserBundle' %}
+{% block menu %}

+{% endblock %}
 {% block content %}

    <div class="container contentWrapper">
@@ -27,4 +29,5 @@

 {% block metarobot %}
    <meta name="robots" content="noindex,nofollow">
+    <meta http-equiv="refresh" content="3; URL=/">
 {% endblock %}
@@ -43,18 +43,19 @@
        {% endif %}
         <div class="js-form-message mb-3">
            <div class="input-field col s12">
-            {% set label = 'user.cgu.label'|trans({'%link_start%' : '<a href="'~path('service_cgu')~'">', '%link_end%' : '</a>'}, 'messages') | raw %}
            {{ form_errors(form.cgu) }}
            {{ form_widget(form.cgu) }}
-            {{ form_label(form.cgu) }}
+            {# {{ form_label(form.cgu) }} #}
+             <label>Je déclare avoir pris connaissance et accepté les termes et les <a target="_blank"
+                                    href="/cgu">conditions générales d’utilisation</a></label>    
            </div>
        </div>
-        <div class="js-form-message mb-3">
+        {# <div class="js-form-message mb-3">
            <div class="input-field col s12">
-                <a href="mentions-legales">Lire les conditions générales d'utilisations</a>
+                <a href="/cgu">Lire les conditions générales d'utilisations</a>
                <br /><br />
            </div>
-        </div>
+        </div> #}
        <div class="js-form-message mb-3">
            <div class="input-field col s12">
            {{ form_rest(form) }}
@@ -1,7 +1,9 @@
 {% trans_default_domain 'FOSUserBundle' %}

 {% extends "basev2.html.twig" %}
+{% block menu %}

+{% endblock %}
 {% block content %}
 <main id="content">
  <div class="container space-2  ">
@@ -1,5 +1,7 @@
 {% extends "basev2.html.twig" %}
+{% block menu %}

+{% endblock %}
 {% block content %}
 <main id="content">
  <div class="container space-2  ">
@@ -7,7 +7,9 @@ Mot de passe oublié TalentsTube
 {% block description %}
 Mot de passe oublié TalentsTube
 {% endblock %}
+{% block menu %}

+{% endblock %}
 {% block content %}
 <main id="content">
    <div class="container space-2  ">
@@ -1,17 +1,17 @@
 {% extends 'basev2.html.twig' %}

-{% block title %}Talents Tube - Solution de recrutement en vidéo{% endblock %}
+{% block title %}Espace recruteur - Solution de recrutement en vidéo | Talents Tube{% endblock %}
 {% block meta %}
  <meta name="description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo.">
  
  <meta name="twitter:card" content="summary">
  <meta name="twitter:site" content="@TalentsTube">
-  <meta name="twitter:title" content="Talents Tube - Solution de recrutement en vidéo">
+  <meta name="twitter:title" content="Espace recruteur - Solution de recrutement en vidéo | Talents Tube">
  <meta name="twitter:description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo.">
  <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">

  {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
-  <meta property="og:title" content="Talents Tube - Solution de recrutement en vidéo" />
+  <meta property="og:title" content="Espace recruteur - Solution de recrutement en vidéo | Talents Tube" />
  <meta property="og:type" content="article" />
  <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
  <meta property="og:description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo." />
@@ -60,9 +60,10 @@
                        {{ form_widget(register_form.cgu) }}
                        {% block form_label %}
                            {% spaceless %}
-                                <label for="fos_user_registration_form_cgu">
-                                    Je déclare avoir pris connaissance et accepté les termes et les <a target="_blank" href="{{ path("service_cgu") }}">conditions générales d’utilisation</a>
-                                </label>
+                               <label for="fos_user_registration_form_cgu">
+                                Je déclare avoir pris connaissance et accepté les termes et les <a target="_blank"
+                                    href="{{ path("service_cgu") }}">conditions générales d’utilisation</a>
+                            </label>
                            {% endspaceless %}
                        {% endblock %}
                    </div>
@@ -6,13 +6,13 @@

 <meta name="twitter:card" content="summary">
 <meta name="twitter:site" content="@TalentsTube">
-<meta name="twitter:title" content="Talents Tube - Solution de recrutement en vidéo">
+<meta name="twitter:title" content="Espace recruteur - Solution de recrutement en vidéo | Talents Tube">
 <meta name="twitter:description"
    content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo.">
 <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">

 {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
-<meta property="og:title" content="Talents Tube - Solution de recrutement en vidéo" />
+<meta property="og:title" content="Espace recruteur - Solution de recrutement en vidéo | Talents Tube" />
 <meta property="og:type" content="article" />
 <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
 <meta property="og:description"
@@ -22,7 +22,9 @@
    content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />

 {% endblock %}
+{% block menu %}

+{% endblock %}

 {% block content %}
 <main id="content">
@@ -1,4 +1,4 @@
-{% extends 'base.html.twig' %}
+{% extends 'basetemporaire.html.twig' %}

    {% block urlCanonical %}
    #!
@@ -1,5 +1,6 @@
-{% extends 'base.html.twig' %}
+{% extends 'basev2.html.twig' %}
 {% block content %}
+<main id="content">
    <div class="row">
        <div class="col s12">
            <h2 class="center-align m-t-100">Page introuvable</h2>
@@ -9,4 +10,5 @@
            </p>
        </div>
    </div>
+</main>
 {% endblock %}
@@ -133,6 +133,14 @@
                <source>company.menu.videotheque.label</source>
                <target>Vidéothèque</target>
            </trans-unit>
+            <trans-unit id="company.menu.candidature.label">
+                <source>company.menu.candidature.label</source>
+                <target>Candidatures</target>
+            </trans-unit>
+            <trans-unit id="company.menu.marque.label">
+                <source>company.menu.marque.label</source>
+                <target>Marque employeur</target>
+            </trans-unit>
            <trans-unit id="company.menu.search.label">
                <source>company.menu.search.label</source>
                <target>Mes recherches</target>
@@ -188,11 +196,11 @@
            </trans-unit>
            <trans-unit id="profile.company.brandname">
                <source>profile.company.brandname</source>
-                <target>Nom commercial</target>
+                <target>Nom de votre entreprise</target>
            </trans-unit>
            <trans-unit id="profile.company.businessname">
                <source>profile.company.businessname</source>
-                <target>Raison social</target>
+                <target>Raison sociale</target>
            </trans-unit>
            <trans-unit id="profile.company.siren">
                <source>profile.company.siren</source>
@@ -200,7 +208,7 @@
            </trans-unit>
            <trans-unit id="profile.company.size">
                <source>profile.company.size</source>
-                <target>Taille de l'entreprise (nombre de personnes)</target>
+                <target>Taille de l'entreprise</target>
            </trans-unit>
            <trans-unit id="profile.company.description">
                <source>profile.company.description</source>
@@ -293,7 +301,11 @@
            </trans-unit>
            <trans-unit id="ad.company.list.title">
                <source>ad.company.list.title</source>
-                <target>Intitulé de l'annonce</target>
+                <target>Intitulé de l'offre</target>
+            </trans-unit>
+            <trans-unit id="ad.company.list.location">
+                <source>ad.company.list.location</source>
+                <target>Localisation</target>
            </trans-unit>
            <trans-unit id="ad.company.list.answers">
                <source>ad.company.list.answers</source>
@@ -307,6 +319,10 @@
                <source>ad.company.list.actions</source>
                <target>Actions</target>
            </trans-unit>
+            <trans-unit id="ad.company.list.statut">
+                <source>ad.company.list.statut</source>
+                <target>Statut</target>
+            </trans-unit>
            <trans-unit id="ad.company.list.status">
                <source>ad.company.list.status</source>
                <target>Statut</target>
@@ -359,6 +375,10 @@
                <source>profile.talent.firstname</source>
                <target>Prénom</target>
            </trans-unit>
+            <trans-unit id="profile.talent.video">
+                <source>profile.talent.video</source>
+                <target>Vidéo</target>
+            </trans-unit>
            <trans-unit id="profile.talent.lastname">
                <source>profile.talent.lastname</source>
                <target>Nom</target>
@@ -518,7 +538,7 @@
                        <div style="margin:0 auto;max-width:600px;background:#FFFFFF;"><table class="" cellpadding="0" cellspacing="0" style="width:100%;font-size:0px;background:#FFFFFF;" align="center"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:0px;"><!--[if mso]>
                        <table border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;">
                        <![endif]--><div style="vertical-align:top;display:inline-block;font-size:13px;text-align:left;width:100%;" class="mj-column-per-100" aria-labelledby="mj-column-per-100"><table width="100%"><tbody><tr><td style="font-size:0;padding:20px 35px 20px 35px;" align="left"><div class="mj-content" style="cursor:auto;color:#534F4F;font-family:Trebuchet,Helvetica,sans-serif;font-size:14px;line-height:22px;"><p>*Ce lien ne peut être utilisé qu’une seule fois pour valider votre compte.</p>
-                            <p>Si vous n’êtes pas à l’origine de l’inscription sur Talents Tube, veuillez contacter le <a href="https://blog.talentstube.com/contact.html" style="color:#155EE4;text-decoration:none;">support Talents Tube</a>.</p>
+                            <p>Si vous n’êtes pas à l’origine de l’inscription sur Talents Tube, veuillez contacter le <a href="https://blog.talentstube.com/contact" style="color:#155EE4;text-decoration:none;">support Talents Tube</a>.</p>
                            <p>Merci de votre compréhension.</p>
                            <p>Talents Tube</p></div></td></tr></tbody></table></div><!--[if mso]>
                        </td></tr></table>
@@ -545,7 +565,7 @@
                        <div style="margin:0 auto;max-width:600px;background:#FFFFFF;"><table class="" cellpadding="0" cellspacing="0" style="width:100%;font-size:0px;background:#FFFFFF;" align="center"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:0px;"><!--[if mso]>
                        <table border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;">
                        <![endif]--><div style="vertical-align:top;display:inline-block;font-size:13px;text-align:left;width:100%;" class="mj-column-per-100" aria-labelledby="mj-column-per-100"><table width="100%"><tbody><tr><td style="font-size:0;padding:20px 35px 20px 35px;" align="left"><div class="mj-content" style="cursor:auto;color:#534F4F;font-family:Trebuchet,Helvetica,sans-serif;font-size:14px;line-height:22px;"><p>*Ce lien ne peut être utilisé qu’une seule fois pour valider votre compte.</p>
-                            <p>Si vous n’êtes pas à l’origine de l’inscription sur Talents Tube, veuillez contacter le <a href="https://blog.talentstube.com/contact.html" style="color:#155EE4;text-decoration:none;">support Talents Tube</a>.</p>
+                            <p>Si vous n’êtes pas à l’origine de l’inscription sur Talents Tube, veuillez contacter le <a href="https://blog.talentstube.com/contact" style="color:#155EE4;text-decoration:none;">support Talents Tube</a>.</p>
                            <p>Merci de votre compréhension.</p>
                            <p>Talents Tube</p></div></td></tr></tbody></table></div><!--[if mso]>
                        </td></tr></table>
@@ -29,8 +29,8 @@
                {{ form_row(form.title) }}
                {{ form_row(form.location) }}
                {{ form_row(form.location_gmap) }}
+                {{ form_row(form.beneficiaire) }}
                {{ form_row(form.description) }}
-                {{ form_row(form.publicTag) }}

            </div>
        </div>
@@ -0,0 +1,328 @@
+{% extends 'admin/base_admin.html.twig' %}
+{% block js %}
+{# <link rel="stylesheet" href="//cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
+
+    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.4.1/css/buttons.dataTables.min.css"> #}
+
+<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.22/css/jquery.dataTables.min.css">
+<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.6.4/css/buttons.dataTables.min.css">
+{# <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
+<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
+
+<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/buttons/1.6.4/js/dataTables.buttons.min.js"></script>
+<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.flash.min.js"></script> #}
+
+<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
+<script type="text/javascript" src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
+<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.4/js/dataTables.buttons.min.js"></script>
+<script type="text/javascript" language="javascript"
+    src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
+<script type="text/javascript" language="javascript"
+    src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
+<script type="text/javascript" language="javascript"
+    src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
+<script type="text/javascript" language="javascript"
+    src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.html5.min.js"></script>
+
+<script type="text/javascript" language="javascript"
+    src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.print.min.js"></script>
+
+
+
+{# <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.flash.min.js"></script>
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
+    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.html5.min.js"></script>
+    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.print.min.js"></script> #}
+
+
+{% endblock %}
+
+{% block contentHeader %}
+<h1>
+    Liste des Candidatures
+</h1>
+<ol class="breadcrumb">
+    <li><a href="{{ path('admin_dashboard') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
+    <li class="active">Annonces</li>
+</ol>
+{% endblock %}
+
+{% block content %}
+<style type="text/css">
+    /* Hide default search box */
+    .dataTables_filter {
+        display: none;
+    }
+</style>
+<div class="box box-primary">
+    <div class="box-body">
+        <table width="100%" class="table " style="background-color: #3c8dbc">
+            <thead>
+                <tr>
+                    <th colspan="5" class="text-center">RECHERCHE</th>
+
+                </tr>
+
+            </thead>
+            <tr>
+                <th width="4%"><input id='input1' type='text' class='form-control' placeholder='par id'
+                        style='font-family:Arial, FontAwesome; width:100%' /></th>
+
+                <th width="11%"><input id='input3' type='text' class='form-control' placeholder='par nom'
+                        style='font-family:Arial, FontAwesome; width:100%' /></th>
+                <th width="11%"><input id='input4' type='text' class='form-control' placeholder='par prénom'
+                        style='font-family:Arial, FontAwesome; width:100%' /></th>
+                <th width="25%"><input id='input5' type='text' class='form-control' placeholder='par entreprise / offre'
+                        style='font-family:Arial, FontAwesome; width:100%' /></th>
+
+                <th width="15%">
+                    <select id='input7'>
+                        <option value="sended">Tous les statuts</option>
+                        <option value="sended">Envoyé</option>
+                        <option value="draft">Brouillon</option>
+                    </select>
+                </th>
+
+            </tr>
+        </table>
+
+        <br />
+        <table id="towns_dt_table" width="100%" class="table table-hover table-bordered">
+            {# Add a tfoot which will actually be used to place the individual search boxes #}
+            <tfoot>
+                <tr>
+                    <th width="4%">id</th>
+                    <th width="6%">Date d'envoi</th>
+                    <th width="11%">Nom</th>
+                    <th width="11%">Prénom</th>
+                    <th width="25%">Annonce / entreprise</th>
+                    <th width="28%">Vidéo</th>
+                    <th width="15%">Statut</th>
+                    <th width="10%">Actions</th>
+                </tr>
+                {# <tr>
+                        <th><input id='input1' type='text' class='form-control' placeholder='' style='font-family:Arial, FontAwesome; width:100%'/></th>
+                        <th></th>
+                        <th><input id='input3' type='text' class='form-control' placeholder='' style='font-family:Arial, FontAwesome; width:100%'/></th>
+                        <th><input id='input4' type='text' class='form-control' placeholder='' style='font-family:Arial, FontAwesome; width:100%'/></th>
+                        <th></th>
+                        <th><input id='input5' type='text' class='form-control' placeholder='' style='font-family:Arial, FontAwesome; width:100%'/></th>
+                    </tr> #}
+            </tfoot>
+            <thead>
+                <tr>
+                    <th>Id</th>
+                    <th>Date d'envoi</th>
+                    <th>Nom</th>
+                    <th>Prénom</th>
+                    <th>Annonce / entreprise</th>
+                    <th>Vidéo</th>
+                    <th>Statut</th>
+                    <th>Actions</th>
+                </tr>
+
+            </thead>
+            <tbody></tbody>
+        </table>
+
+
+        {# <table id="answer_list_table" class="table table-hover table-bordered">
+                    <thead>
+                    <tr>
+                        <th class="col-xs-2">Date d'envoi</th>
+                        <th>Utilisateur</th>
+                        <th>Annonce / Entreprise</th>
+                        <th>video</th>
+                        <th>Status</th>
+                        <th>action</th>
+                    </tr>
+                    </thead>
+
+                    <tbody>
+                    {% for answer in answers if answer.status != "DRAFT" %}
+                        <tr>
+                            <td data-order="{{ answer.sendTime|date('U') }}">{{ answer.sendTime|date('d/m/Y') }}</td>
+                            <td>{{ answer.user.firstname }} {{ answer.user.lastname }}</td>
+                            {% if  answer.ad %}
+                                <td>{{ answer.ad.company.brandname }} - {{ answer.ad.title }}</td>
+                            {% else %}
+                                <td>{{ answer.company.brandname }}</td>
+                            {% endif %}
+                            <td>
+                               
+                                ID Candidature : {{ answer.id }}<br />
+                                {% if  answer.video.cdnUrl is defined %}
+                                    <iframe src="https://player.vimeo.com/video/{{ answer.video.cdnUrl|replace({ "/videos/": ""}) }}"
+                                    width="auto" height="auto" frameborder="0" webkitallowfullscreen mozallowfullscreen
+                                    allowfullscreen></iframe>
+                                {% endif %}
+                            </td>
+                            <td class="status">{{ answer.status }}</td>
+                            <td>
+                               Actions :
+                               <select class="changeStatus" name="changeStatus" data-id="{{ answer.id }}">
+                                <option value="null">choisir</option>
+                                <option value="SENDED">Envoyé</option>
+                                <option value="DRAFT">Brouillon</option>
+                                <option value="REFUSED">Refuser</option>
+                               </select>
+                               <br />
+                               <a class="delete-answer" href='{{ path("admin_answer_delete",{'id':answer.id }) }}' data-toggle="tooltip" title="Supprimer">
+                                    Supprimer <i class="fa fa-trash"></i>
+                                </a>
+                            </td>
+                        </tr>
+                    {% endfor %}
+                    </tbody>
+                </table> #}
+    </div>
+</div>
+
+{% endblock %}
+
+{% block javascripts %}
+
+<script>
+    $(document).ready(function () {
+
+        // Add a text input to each footer cell
+
+
+
+
+        var table = $('#towns_dt_table').DataTable({
+
+
+            buttons: [
+                'copy', 'csv', 'excel', 'pdf', 'print'
+            ],
+
+            "columnDefs": [{
+                    "name": "ad_id",
+                    "targets": 0,
+                    "searchable": true,
+                    "orderable": true
+                },
+                {
+                    "name": "date_envoi",
+                    "targets": 1,
+                    "searchable": true,
+                    "orderable": true
+                },
+                {
+                    "name": "nom",
+                    "targets": 2,
+                    "searchable": true,
+                    "orderable": true
+                },
+                {
+                    "name": "prenom",
+                    "targets": 3,
+                    "searchable": true,
+                    "orderable": true
+                },
+                {
+                    "name": "entreprise",
+                    "targets": 4,
+                    "searchable": true,
+                    "orderable": true
+                },
+                {
+                    "name": "video",
+                    "targets": 5
+                },
+                {
+                    "name": "status",
+                    "targets": 6,
+                    "searchable": true,
+                    "orderable": true
+                },
+                {
+                    "name": "actions",
+                    "targets": 7
+                },
+            ],
+            "processing": true,
+            "serverSide": true,
+
+            "ajax": {
+                "url": '{{ path('alimenterCandidatures') }}',
+                "type": 'POST'
+            },
+            "paging": true,
+            "info": true,
+            "searching": true,
+            "bFilter": true,
+            "responsive": true,
+            "pageLength": 10,
+            "order": [
+                [0, 'desc']
+            ],
+            "language": {
+                "url": "http://cdn.datatables.net/plug-ins/1.10.11/i18n/French.json"
+            },
+
+        });
+
+
+
+        // Apply the search
+        pos = 1;
+        table.columns().every(function () {
+            var that = this;
+
+            $("#input" + pos).on('keyup change', function () {
+                if (that.search() !== this.value) {
+                    that
+                        .search(this.value)
+                        .draw();
+                }
+            });
+            pos++;
+        });
+
+        $('#towns_dt_table_filter').hide();
+
+
+
+
+
+    });
+
+    function changerStatut(value, id) {
+        var idAnswer = id;
+
+        var route = '/app_dev.php/admin/config/answer/' + idAnswer + '/status/' + value;
+        var select = $(this);
+        $.ajax({
+            type: "POST",
+            url: route,
+            dataType: "json",
+            success: function (msg) {
+                console.log("ok");
+                $("#status_" + id).text(value);
+
+            }
+        });
+    }
+
+    function verifierDelete(id) {
+        console.log(id);
+        var r = confirm(
+            "Êtes vous sûr de supprimer cette candidature ?\nSupprimer cette candidature supprimera le  média associé\n"
+            );
+        if (r == true) {
+            txt = "You pressed OK!";
+            location.href = "/app_dev.php/admin/config/answer/" + id + "/delete";
+            return true;
+        } else {
+            txt = "You pressed Cancel!";
+        }
+        console.log(txt);
+
+    }
+</script>
+
+{% endblock %}
@@ -15,10 +15,12 @@
    <link rel="stylesheet" href="{{ asset('admin/AdminLTE/dist/css/skins/skin-blue.min.css') }}">
    <link rel="stylesheet" href="{{ asset('admin/AdminLTE/plugins/datatables/dataTables.bootstrap.css') }}">
    <link rel="stylesheet" href="{{ asset('admin/AdminLTE/plugins/datatables/dataTables.bootstrap.css') }}">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/confirm/3.3.2/jquery-confirm.min.css">
    <script type="text/javascript" defer="defer" src="https://extend.vimeocdn.com/ga/64189815.js"></script>
    <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
+    {% block js %}

+    {% endblock %}
    {% block css %}

    {% endblock %}
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="fr">

 <head>
  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
@@ -27,10 +27,22 @@
    type="text/css" />
  <!-- Please remove the file below for production: Contains demo classes -->
  <link class="main-stylesheet" href="{{ asset('dashboard/css/style.css') }}" rel="stylesheet" type="text/css" />
+  <script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID="08e9d301-ba14-4d69-8b1a-53685114c5af";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
+    <!-- END PAGE LEVEL JS -->
+
+  <script src="{{ asset('dashboard/plugins/jquery/jquery-3.2.1.min.js') }}" type="text/javascript"></script>
+  
+  {# <script type="text/javascript" src="http://code.jquery.com/jquery-3.2.1.min.js"></script> #}
+  
+  {% block javascriptSupl %}
+  {% endblock %}
+  <!-- END PAGE LEVEL JS -->
 </head>

 <body class="fixed-header dashboard menu-pin menu-behind">
-  {{ include('admin/navigation_gauche.html.twig') }}
+  {# {{ include('default/user_switch.html.twig') }} #}
+  
+  {{ include('admin/navigation_gauche.html.twig')}} }}


  <!-- START PAGE-CONTAINER -->
@@ -42,16 +54,29 @@
        {% block dashContent %}
        Dashboard Company
        {% endblock %}
-
+        
      </div>
-
+    <!-- START COPYRIGHT -->
+        <!-- START CONTAINER FLUID -->
+        <!-- START CONTAINER FLUID -->
+        <div class=" container-fluid  container-fixed-lg footer">
+          <div class="copyright sm-text-center">
+            <p class="small-text no-margin pull-left sm-pull-reset">
+              ©2017-2021 Talents Tube
+            </p>
+            <p class="small no-margin pull-right sm-pull-reset">
+              Besoin d'aide ? 02 30 05 06 31
+            </p>
+            <div class="clearfix"></div>
+          </div>
+        </div>
+        <!-- END COPYRIGHT -->
    </div>
+     
    <!-- END PAGE CONTENT WRAPPER -->
  </div>
  <!-- END PAGE CONTAINER -->
-
-
-  {% block javascripts %}
+    {% block javascripts %}
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places">
  </script>
  {% javascripts
@@ -63,15 +88,18 @@
  {% endjavascripts %}

  {% endblock %}
+  
  <!-- BEGIN VENDOR JS -->
  <script src="{{ asset('dashboard/plugins/pace/pace.min.js') }}" type="text/javascript"></script>
  <!--  A polyfill for browsers that don't support ligatures: remove liga.js if not needed-->
  <script src="{{ asset('dashboard/plugins/liga.js') }}" type="text/javascript"></script>
-  <script src="{{ asset('dashboard/plugins/jquery/jquery-3.2.1.min.js') }}" type="text/javascript"></script>
-  <script src="{{ asset('dashboard/plugins/modernizr.custom.js') }}" type="text/javascript"></script>
+  
+<script src="{{ asset('dashboard/plugins/modernizr.custom.js') }}" type="text/javascript"></script>
  <script src="{{ asset('dashboard/plugins/jquery-ui/jquery-ui.min.js') }}" type="text/javascript"></script>
  <script src="{{ asset('dashboard/plugins/popper/umd/popper.min.js') }}" type="text/javascript"></script>
  <script src="{{ asset('dashboard/plugins/bootstrap/js/bootstrap.min.js') }}" type="text/javascript"></script>
+  
+  
  <script src="{{ asset('dashboard/plugins/jquery/jquery-easy.js') }}" type="text/javascript"></script>
  <script src="{{ asset('dashboard/plugins/jquery-unveil/jquery.unveil.min.js') }}" type="text/javascript"></script>
  <script src="{{ asset('dashboard/plugins/jquery-ios-list/jquery.ioslist.min.js') }}" type="text/javascript"></script>
@@ -93,6 +121,7 @@
  <script src="{{ asset('dashboard/plugins/rickshaw/rickshaw.min.js') }}"></script>
  <script src="{{ asset('dashboard/plugins/jquery-sparkline/jquery.sparkline.min.js') }}" type="text/javascript">
  </script>
+    
  <script src="{{ asset('dashboard/plugins/skycons/skycons.js') }}" type="text/javascript"></script>
  <script src="{{ asset('dashboard/plugins/quill/quill.min.js') }}" type="text/javascript"></script>
  <!-- END VENDOR JS -->
@@ -105,10 +134,18 @@
  <script src="{{ asset('dashboard/js/scripts.js') }}" type="text/javascript"></script>
  <!-- END PAGE LEVEL JS -->
  <!-- END CORE TEMPLATE JS -->
-  <!-- BEGIN PAGE LEVEL JS -->
-  <script src="{{ asset('dashboard/js/dashboard.js') }}" type="text/javascript"></script>
+  
+
+
+<!-- BEGIN PAGE LEVEL JS -->
+  <script src="{{ asset('dashboard/js/dashboard.js') }}" type="text/javascript"></script>
+   {% block javascriptsSecondaire %}
+
+   {% endblock %}
+    
+  {% block javascriptsEnd %}
+  {% endblock %}

-  <!-- END PAGE LEVEL JS -->
 </body>

-</html>
+</html>
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+  <meta charset="utf-8" />
+  <title>Pages - Admin Dashboard UI Kit - Dashboard</title>
+  <meta name="viewport"
+    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no" />
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-touch-fullscreen" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="default">
+  <meta content="Meet pages - The simplest and fastest way to build web UI for your dashboard or app."
+    name="description" />
+  <meta content="Ace" name="author" />
+  <link href="{{ asset('dashboard/plugins/pace/pace-theme-flash.css') }}" rel="stylesheet" type="text/css" />
+  <link href="{{ asset('dashboard/plugins/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+  <link href="{{ asset('dashboard/plugins/jquery-scrollbar/jquery.scrollbar.css') }}" rel="stylesheet" type="text/css"
+    media="screen" />
+  <link href="{{ asset('dashboard/plugins/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css"
+    media="screen" />
+  <link href="{{ asset('dashboard/plugins/nvd3/nv.d3.min.css') }}" rel="stylesheet" type="text/css" media="screen" />
+  <link href="{{ asset('dashboard/plugins/mapplic/css/mapplic.css') }}" rel="stylesheet" type="text/css" />
+  <link href="{{ asset('dashboard/plugins/rickshaw/rickshaw.min.css') }}" rel="stylesheet" type="text/css" />
+  <link class="main-stylesheet" href="{{ asset('dashboard/pages/css/themes/corporate.css') }}" rel="stylesheet"
+    type="text/css" />
+  <!-- Please remove the file below for production: Contains demo classes -->
+  <link class="main-stylesheet" href="{{ asset('dashboard/css/style.css') }}" rel="stylesheet" type="text/css" />
+  <script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID="08e9d301-ba14-4d69-8b1a-53685114c5af";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
+    <!-- END PAGE LEVEL JS -->
+
+  <script src="{{ asset('dashboard/plugins/jquery/jquery-3.2.1.min.js') }}" type="text/javascript"></script>
+  
+  {# <script type="text/javascript" src="http://code.jquery.com/jquery-3.2.1.min.js"></script> #}
+  
+  {% block javascriptSupl %}
+  {% endblock %}
+  <!-- END PAGE LEVEL JS -->
+</head>
+
+<body class="fixed-header dashboard menu-pin menu-behind">
+  {# {{ include('default/user_switch.html.twig') }} #}
+  
+  {{ include('admin/navigation_gauche.html.twig')}} }}
+
+
+  <!-- START PAGE-CONTAINER -->
+  <div class="page-container ">
+    {{ include('admin/base_dashboard_header.html.twig') }}
+    <!-- START PAGE CONTENT WRAPPER -->
+    <div class="page-content-wrapper ">
+      <div class="content ">
+        {% block dashContent %}
+        Dashboard Company
+        {% endblock %}
+        
+      </div>
+    <!-- START COPYRIGHT -->
+        <!-- START CONTAINER FLUID -->
+        <!-- START CONTAINER FLUID -->
+        <div class=" container-fluid  container-fixed-lg footer">
+          <div class="copyright sm-text-center">
+            <p class="small-text no-margin pull-left sm-pull-reset">
+              ©2017-2021 Talents Tube
+            </p>
+            <p class="small no-margin pull-right sm-pull-reset">
+              Besoin d'aide ? 02 30 05 06 31
+            </p>
+            <div class="clearfix"></div>
+          </div>
+        </div>
+        <!-- END COPYRIGHT -->
+    </div>
+     
+    <!-- END PAGE CONTENT WRAPPER -->
+  </div>
+  <!-- END PAGE CONTAINER -->
+    {% block javascripts %}
+  
+
+  
+
+
+  {% endblock %}
+  
+
+  <!-- END PAGE LEVEL JS -->
+  <!-- END CORE TEMPLATE JS -->
+  
+
+
+<!-- BEGIN PAGE LEVEL JS -->
+
+   {% block javascriptsSecondaire %}
+
+   {% endblock %}
+    
+  {% block javascriptsEnd %}
+  {% endblock %}
+
+</body>
+
+</html>
@@ -1,8 +1,7 @@
 <!-- START HEADER -->
      <div class="header ">
        <!-- START MOBILE SIDEBAR TOGGLE -->
-        <a href="#" class="btn-link toggle-sidebar d-lg-none pg-icon btn-icon-link" data-toggle="sidebar">
-      		menu</a>
+        
        <!-- END MOBILE SIDEBAR TOGGLE -->
        <div class="">
          <div class="brand inline   m-l-10">
@@ -25,9 +24,7 @@
            </div>
          </div>
          <!-- END User Info-->
-          <a href="#" class="header-icon m-l-5 sm-no-margin d-inline-block" data-toggle="quickview" data-toggle-element="#quickview">
-            <i class="pg-icon btn-icon-link">menu_add</i>
-          </a>
+          
        </div>
      </div>
      <!-- END HEADER -->
@@ -22,7 +22,8 @@
                        <th>ID</th>
                        <th>Titre</th>
                        <th>Utilisateur</th>
-                        <th>Status</th>
+                        <th>Annonce?</th>
+                        <th>Date de réponse</th>
                        <th>action</th>
                    </tr>
                    </thead>
@@ -30,11 +31,21 @@
                    <tbody>
                    {% for m in medias %}
                        <tr>
-                            <td>{{ m.id }}</td>
-                            <td>{{ m.title }}</td>
-                            <td>{{ m.creator.firstname }} {{ m.creator.lastname }}</td>
+                            <td>{{ m.mediaid }}</td>
+                            <td><a href="{{ chemin }}{{ m.original_url }}" target="_blank">{{ m.title }}</a></td>
+                            <td>{{ m.firstname }} {{ m.lastname }} - ({{ m.email }}) </td>
                            <td>
-                                <span class="label pull-right bg-orange">{{ m.status }}</span>
+                            {% if m.answerid %}
+                                {% if m.adtitle %}
+                                ({{ m.adtitle }})
+                                {% else %}
+                                ({{ m.ctitle }})
+                                {% endif %}
+                            {% else %}
+                                <b>Vidéo orpheline</b>
+                            {% endif %}</td>
+                            <td>
+                                <span class="label pull-right bg-orange">{{ m.sendtime }}</span>
                            </td>
                            <td>
                                <a href="{{ path('admin_video_moderation',{'id':m.id}) }}">
@@ -67,9 +78,11 @@
                    {"targets": 0, "searchable": true, "orderable": true},
                    {"targets": 1, "searchable": true, "orderable": true},
                    {"targets": 2, "searchable": true, "orderable": true},
-                    {"targets": 3, "searchable": true, "orderable": true, "className": "text-center"},
-                    {"targets": 4, "searchable": false, "orderable": false, "className": "text-center"},
-                ]
+                    {"targets": 3, "searchable": true, "orderable": true},
+                    {"targets": 4, "searchable": true, "orderable": true, "className": "text-center"},
+                    {"targets": 5, "searchable": false, "orderable": false, "className": "text-center"},
+                ],
+                "order": [[ 0, "desc" ]]
            });
        });
    </script>
@@ -1,7 +1,7 @@
 <!-- BEGIN SIDEBPANEL-->
 <nav class="page-sidebar" data-pages="sidebar">
  <!-- BEGIN SIDEBAR MENU TOP TRAY CONTENT-->
-  <div class="sidebar-overlay-slide from-top" id="appMenu">
+  {# <div class="sidebar-overlay-slide from-top" id="appMenu">
    <div class="row">
      <div class="col-xs-6 no-padding">
        <a href="#" class="p-l-40"><img src="{{ asset('dashboard/img/demo/social_app.svg') }}" alt="socail">
@@ -22,14 +22,14 @@
        </a>
      </div>
    </div>
-  </div>
+  </div> #}
  <!-- END SIDEBAR MENU TOP TRAY CONTENT-->
  <!-- BEGIN SIDEBAR MENU HEADER-->
  <div class="sidebar-header">
-    <img src="{{ asset('dashboard/img/logo_white.png') }}" alt="logo" class="brand"
+    {# <img src="{{ asset('dashboard/img/logo_white.png') }}" alt="logo" class="brand"
      data-src="{{ asset('dashboard/img/logo_white.png') }}"
-      data-src-retina="{{ asset('dashboard/img/logo_white_2x.png') }}" width="78" height="22">
-    <div class="sidebar-header-controls">
+      data-src-retina="{{ asset('dashboard/img/logo_white_2x.png') }}" width="78" height="22"> #}
+    {# <div class="sidebar-header-controls">
      <button aria-label="Toggle Drawer" type="button"
        class="btn btn-icon-link invert sidebar-slide-toggle m-l-20 m-r-10" data-pages-toggle="#appMenu">
        <i class="pg-icon">chevron_down</i>
@@ -39,7 +39,7 @@
        data-toggle-pin="sidebar">
        <i class="pg-icon"></i>
      </button>
-    </div>
+    </div> #}
  </div>
  <!-- END SIDEBAR MENU HEADER-->
  <!-- START SIDEBAR MENU -->
@@ -57,43 +57,25 @@
          </span>
        </span>
      </li>
-
-      <li>
-        <a href="javascript:;"><span class="principal">Entreprise</span>
-          <span class=" arrow"></span></a>
-        <span class="icon-thumbnail">
-          <span class="material-icons">
-            business
-          </span>
-        </span>
-        <ul class="sub-menu">
-          <li class="">
-            <a href="{{ path('company_profile') }}">Profil de l'Entreprise</a>
+      <li class=" ">
+        <a href="{{ path('company_profile') }}">Profil de l'Entreprise</a>
            <span class="icon-thumbnail">
              <span class="material-icons">
                store_mall_directory
              </span>
            </span>
-          </li>
-          <li class="">
-            <a href="{{ path('users') }}">Utilisateurs</a>
-            <span class="icon-thumbnail"><span class="material-icons">
-                group
-              </span>
-            </span>
-          </li>
-          {# <li class="">
-            <a href="{{ path('users') }}">Informations juridiques</a>
+      </li>
+      <li class="">
+        <a href="{{ path('company_marque') }}">Marque employeur</a>
            <span class="icon-thumbnail">
              <span class="material-icons">
-                gavel
+                videocam
              </span>
-
            </span>
-          </li> #}
-
-        </ul>
      </li>
+      
+
+      
      <li class="">
        <a href="{{ path('company_ad') }}">
          <span class="">Offres d'emploi</span>
@@ -114,9 +96,17 @@
          </span>
        </span>
      </li>
+      <li class=" ">
+        <a href="{{ path('users') }}">Utilisateurs</a>
+            <span class="icon-thumbnail">
+              <span class="material-icons">
+                group
+              </span>
+            </span>
+      </li>
      <li class="">
        <a href="{{ path('company_my_account') }}">
-          <span class="">Mes paramètres</span>
+          <span class="">Paramètres</span>
        </a>
        <span class="icon-thumbnail">
          <span class="material-icons">
@@ -124,12 +114,38 @@
          </span>
        </span>
      </li>
+
+
+      {% if is_granted('ROLE_PREVIOUS_ADMIN') %}
+
      <li class="">
-        <a href="mailto:contact@talentstube.com">
-          <span class="principal">Contacter Talents Tube</span>
+        <a href="{{ path('admin_dashboard', {'_switch_user': '_exit'}) }}">
+          <span class="principal">Se déconnecter</span>
        </a>
-        <span class="icon-thumbnail"><i class="pg-icon">mail</i></span>
+        
+        <span class="icon-thumbnail">
+          <i class="pg-icon m-20">exit</i>
+        </span>
      </li>
+      <li class="">
+        <small>
+        (Connecté en tant que {{ app.user.firstname }} {{ app.user.lastname }})
+       </small>
+      </li>
+    
+    {% else %}
+      <li class="">
+        <a href="/logout">
+          <span class="principal">Se déconnecter</span>
+        </a>
+        
+        <span class="icon-thumbnail">
+          <span class="material-icons">
+            logout
+          </span>
+        </span>
+      </li>
+    {% endif %}


    </ul>
@@ -21,6 +21,9 @@
                    <th class="col-md-2">Date de création</th>
                    <th>Prénom - Nom</th>
                    <th>Email</th>
+                    <th>Dernière connexion</th>
+                    <th>Validé</th>
+                    <th>Annonce?</th>
                    <th class="col-md-1">Vidéos</th>
                    <th class="col-md-1">A la une</th>
                    <th>Action</th>
@@ -29,12 +32,34 @@
                <tbody>
                {% for talent in t if talent.MainUser %}
                    {% set user = talent.users|first %}
+                    {% set adId = talent.description|split(':') %}
                    <tr>
                        <td data-order="{{ talent.cTime|date('U') }}">{{ talent.cTime|date('d/m/Y') }}</td>
                        <td>
-                            {{ user.firstname }}  {{ user.lastname }}
+                            {{ user.firstname }} / {{ user.lastname }} -  {% if talent.extra["phoneTalent"] is defined %} (Tel : {{ talent.extra["phoneTalent"] }}) {% endif %}
                        </td>
                        <td><a href="mailto:{{ user.email }}">{{ user.email }}</a></td>
+                        <td>
+                        {% if  user.enabled == 1 %}
+                        {{ user.lastLogin|date('d-m-Y h:m') }}
+                        {% endif %}</td>
+                        <td>
+                            {% if  user.enabled == 1 %}
+                                oui
+                            {% else %}
+                                non
+                            {% endif %}
+                                </td>
+                        <td> {% if adId|length > 1 %}
+                                {% if user.medias|length > 0 %}
+                                    
+                                {% else %}
+                                    {% if adId[1] and adId[1] !="" %}
+                                        <a href="https://www.talentstube.com/Offre/{{ adId[1]|replace({' ': ''}) }}-{{ adId[1] }}" target="_blank">Lien vers l'annonce avant inscription</a>
+                                    {% endif %}
+                                {% endif %}
+                             {% endif %}
+                        </td>
                        <td>
                            {% if user.medias|length > 0 %}
                                {{ user.medias|length }}
@@ -90,9 +115,12 @@
                        {"targets": 0, "searchable": true, "orderable": true},
                        {"targets": 1, "searchable": true, "orderable": true},
                        {"targets": 2, "searchable": true, "orderable": true},
-                        {"targets": 3, "searchable": true, "orderable": true, "className": "text-center"},
-                        {"targets": 4, "searchable": true, "orderable": true, "className": "text-center"},
-                        {"targets": 5, "searchable": false, "orderable": false, "className": "text-center"},
+                        {"targets": 3, "searchable": true, "orderable": true},
+                        {"targets": 4, "searchable": true, "orderable": true},
+                        {"targets": 5, "searchable": true, "orderable": true},
+                        {"targets": 6, "searchable": true, "orderable": true, "className": "text-center"},
+                        {"targets": 7, "searchable": true, "orderable": true, "className": "text-center"},
+                        {"targets": 8, "searchable": false, "orderable": false, "className": "text-center"},
                    ],
                    "order": [[0, "desc"]]
                });
@@ -1,9 +1,12 @@
-{% extends 'base.html.twig' %}
+{% extends 'basev2.html.twig' %}

-{% block metarobot %}<meta name="robots" content="noindex,follow">{% endblock %}
+{% block metarobot %}
+<meta name="robots" content="noindex,follow">
+<link rel="canonical" href="https://www.talentstube.com/Offres" />
+{% endblock %}

 {% block content %}
-{% if typeObject == 'Ad' %}
+ {# {% if typeObject == 'Ad' %}
    {% set subtitle = 'Candidature à l\'offre d\'emploi:' %}
    {% set title = object.title %}
    {% set route  = "answer_create_ad_step2" %}
@@ -11,20 +14,20 @@
    {% set subtitle = 'Candidature pour l\'entreprise :' %}
    {% set title = object.brandName %}
    {% set route  = "answer_create_company_step2" %}
-{% endif %}
+{% endif %} #}

 <div class="fluid-container bg-grey-3">
    <div class="container contentWrapper contentPage">
        <div class="row">
-            <div class="col s12">
+            {# <div class="col s12">
                <div class="col-content center-align m-t-20">
                    <strong>{{ subtitle }}</strong>
                    <h3 class="color-blue1 m-0 m-t-10">{{ title }}</h3>
                </div>
-            </div>
+            </div> #}
        </div>
        <div class="row">
-            <div class="col s12 m6 ">
+            {# <div class="col s12 m6 ">
                <div class="col-content p-15 bg-blue-1 center-align whiteColor z-depth-2 choice-answer-item">
                    <img src="{{ asset('img/img_popupcv/webcam_cv_video.svg')}}">
                    <h3>J'enregistre mon CV vidéo !</h3>
@@ -40,13 +43,13 @@
                    <a href="{{ path(route,{'id': object.id, 'type': 'import'}) }}" class="btn btn btn-default">Importer mon CV vidéo</a><br /><br />
                    <a id="link-videotheque" href="{{ route_videotheque }}">Choisir une vidéo de ma vidéothèque</a>
                </div>
-            </div>
+            </div> #}
        </div>
    </div>
-</div>
+</div> 
 {% endblock %}
 {% block javascripts %}
-    {{ parent() }}
+    {# {{ parent() }}
    <script type="text/javascript">
        {% if mustLogin == true %}
            $('#link-videotheque').on('click',function(event){
@@ -54,5 +57,5 @@
                $('#modal_login').modal('open');
            });
        {% endif %}
-    </script>
+    </script> #}
 {% endblock %} 
@@ -0,0 +1,220 @@
+<!DOCTYPE html>
+
+<html lang="fr">
+
+<head>
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-98246968-7"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+
+    function gtag() {
+      dataLayer.push(arguments);
+    }
+    gtag('js', new Date());
+    gtag('config', 'UA-98246968-7');
+  </script>
+  <link rel="preconnect" href="https://fonts.gstatic.com">
+  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;500;700;900&display=swap" rel="stylesheet">
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>{% block title %}{% endblock %}</title>
+  
+  <link rel="shortcut icon" href="/landing/img/talentstubeIco.svg" type="image/x-icon">
+  <link rel="icon" href="/landing/img/favicon.ico" type="image/x-icon">
+  <link href="/landing/css/bootstrap.min.css" rel="stylesheet">
+  <link href="/landing/css/owl.carousel.css" rel="stylesheet">
+  <link href="/landing/css/main.css" rel="stylesheet">
+  <link href="/landing/css/fontawesome.min.css" rel="stylesheet">
+  <!-- Latest compiled and minified CSS -->
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
+  <!-- Optional theme -->
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
+  <script src="/landing/js/modernizr.min.js"></script>
+  <!--Ajout pour le référencement-->
+  {# <link rel="canonical" href="" /> #}
+  {% block meta %}
+  <meta name="description"
+    content="Créez des vidéos d’offres d’emploi originales avec Talents Tube. Réalisez vos vidéos rapidement avec un smartphone et recrutez">
+  <meta property="og:locale" content="fr_FR" />
+  <meta property="og:type" content="website" />
+  <meta property="og:title" content="Réalisez une offre d’emploi originale vous-même" />
+  <meta property="og:description"
+    content="Créez des vidéos d’offres d’emploi originales avec Talents Tube. Réalisez vos vidéos rapidement avec un smartphone et recrutez" />
+  <meta property="og:url" content="https://recruteur.talentstube.com/offre-emploi-originale" />
+  <meta property="og:site_name" content="Talents Tube" />
+  <meta property="og:image"
+    content="https://recruteur.talentstube.com/landing/img/offre-emploi-originale-en-video.jpg" />
+  <meta name="twitter:card" content="summary_large_image" />
+  {% endblock %}
+  
+</head>
+
+<body>
+
+{% block modalCallToAction %}
+  <!-- Modal : Formulaire -->
+  <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
+    aria-hidden="true">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+
+        </div>
+        <div class="modal-body">
+          <div class="container-fluid">
+            <div class="row" id="demandeRdvContainer">
+              <div class="col-sm-12">
+                <h2>Demandez votre rendez-vous</h2>
+
+                <div class="row">
+
+                  <div class="col-12 col-sm-12">
+                    <div class="form-group">
+                      <label for="exampleInputPrenom>">Prénom</label>
+                      <input type="text" class="form-control" id="prenom" placeholder="Votre prénom">
+                    </div>
+                  </div>
+                </div>
+                <div class="row">
+
+                  <div class="col-12 col-sm-12">
+                    <div class="form-group">
+                      <label for="exampleInputNom">Nom</label>
+                      <input type="text" class="form-control" id="nom" placeholder="Votre nom">
+                    </div>
+                  </div>
+                </div>
+                <div class="row">
+
+                  <div class="col-12 col-sm-12">
+                    <div class="form-group">
+                      <label for="exampleInputEmail1">E-mail</label>
+                      <input type="email" class="form-control" id="email" placeholder="Votre email">
+                    </div>
+                  </div>
+                </div>
+                <div class="row">
+
+                  <div class="col-12 col-sm-12">
+                    <div class="form-group">
+                      <label for="exampleInputPhone">Téléphone</label>
+                      <input type="phone" class="form-control" id="telephone" placeholder="Votre téléphone">
+                    </div>
+                    <div class="form-group">
+                      <p class="text-danger" id="erreur">Veuillez compléter l'ensemble des champs ci-dessus pour
+                        demander un rendez-vous</p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="row" id="felicitationRdvContainer" class="text-center">
+              <div class="text-center">
+                <img src="/landing/img/demande-rendez-vous.svg">
+                <h2>Merci!</h2>
+                <p>Votre demande a bien été envoyée. Un conseiller vous contactera <strong>sous 48h</strong>.
+                  En attendant, nous allons vous rediriger vers notre blog afin de vous faire découvrir tous nos
+                  conseils pour un recrutement réussi.</p>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="modal-footer">
+          <button class="bttn" onClick="demanderRdv();" id="boutonDemandeRdv">Demander un rendez-vous</button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!--Modal : Formulaire End -->
+  {% endblock %}
+
+  {% block main %}
+  
+  {% endblock %}
+
+  <script src="/landing/js/jquery-2.1.3.min.js"></script>
+  <script src="/landing/js/bootstrap.min.js"></script>
+  <script src="/landing/js/waypoints.min.js"></script>
+  <!--Ordre important-->
+  <script src="/landing/js/waypoints-sticky.min.js"></script> <!-- Nécessaire header sticky -->
+  <script src="/landing/js/retina.min.js"></script> <!-- Nécessaire logo header (à voir pour l'enlever) -->
+  <script src="/landing/js/owl.carousel.min.js"></script> <!-- Nécessaire avec les avantages (+de 3 avantages) -->
+  <script src="/landing/js/jquery.ajaxchimp.min.js"></script> <!-- Nécessaire FAQ-->
+  <script src="/landing/js/jquery.validate.min.js"></script>
+  <script src="/landing/js/main.js"></script>
+  <!--<script src="js/jquery.animateNumber.min.js"></script>-->
+  <!--<script src="js/jquery.form.min.js"></script>-->
+  {% block javascripts %}
+
+  {% endblock %}
+  <script>
+    $("#erreur").hide();
+    $("#felicitationRdvContainer").hide();
+
+
+    function demanderRdv() {
+      if ($("#nom").val() == "" || $("#prenom").val() == "" || $("#email").val() == "" || $("#telephone").val() == "") {
+        $("#erreur").show();
+      } else {
+        $("#erreur").hide();
+        $("#boutonDemandeRdv").hide();
+        $("#felicitationRdvContainer").show();
+        $("#demandeRdvContainer").hide();
+
+        $.ajax({
+            //L'URL de la requête 
+
+            url: "/app_dev.php/api/demanderRdv?nom=" + $("#nom").val() + "&prenom=" + $("#prenom").val() + "&email=" +
+              $("#email").val() + "&telephone=" + $("#telephone").val() + "&page=Demande rdv module vidéo",
+            method: "GET",
+            //La méthode d'envoi (type de requête)
+
+
+            //Le format de réponse attendu
+            dataType: "json",
+          })
+          //Ce code sera exécuté en cas de succès - La réponse du serveur est passée à done()
+          /*On peut par exemple convertir cette réponse en chaine JSON et insérer
+           * cette chaine dans un div id="res"*/
+          .done(function (response) {
+            console.log("Requête demande rdv done");
+            setTimeout(function () {
+              document.location.href = "https://blog.talentstube.com/articles-entreprise/";
+            }, 8000);
+
+          })
+
+          //Ce code sera exécuté en cas d'échec - L'erreur est passée à fail()
+          //On peut afficher les informations relatives à la requête et à l'erreur
+          .fail(function (error) {
+            console.log("Requête  demande rdvfail");
+            console.log(error);
+          })
+
+          //Ce code sera exécuté que la requête soit un succès ou un échec
+          .always(function () {
+            console.log("Requête demande rdv effectuée");
+          });
+      }
+
+
+    }
+
+
+    function fermerVideo() {
+      var videoURL = $('#player').prop('src');
+      videoURL = videoURL.replace("&autoplay=1", "");
+      $('#player').prop('src', '');
+      $('#player').prop('src', videoURL);
+
+    }
+    $('#exampleModalCenter').on('hidden.bs.modal', function (e) {
+      console.log("exampleModalCenter11");
+      fermerVideo();
+    })
+  </script>
+</body>
+
+</html>
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+  <!-- Title -->
+  <title>{% block title %}{% endblock %}</title>
+
+  <!-- Required Meta Tags Always Come First -->
+  <meta charset="utf-8">
+  <meta name="robots" content="noindex,nofollow">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  {% block meta %}
+  {% endblock %}
+    <!-- Google Fonts -->
+    <link href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
+
+    <!-- CSS Implementing Plugins -->
+    <link rel="stylesheet" href="{{ asset('v2/vendor/font-awesome/css/all.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/custombox/dist/custombox.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/animate.css/animate.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/slick-carousel/slick/slick.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/cubeportfolio/css/cubeportfolio.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/fancybox/jquery.fancybox.css') }}">
+    
+    <!-- CSS Space Template -->
+    <link rel="stylesheet" href="{{ asset('v2/css/theme.css') }}">  
+    <script type="text/javascript"> window.$crisp=[];window.CRISP_WEBSITE_ID="78ec5756-1cd5-4f3f-b0db-cb408c8171da";(function(){ d=document;s=d.createElement("script"); s.src="https://client.crisp.chat/l.js"; s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})(); </script>
+</head>
+<body>
+<!-- Google Tag Manager (noscript) -->
+<noscript>
+    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P4G65WJ"
+            height="0" width="0" style="display:none;visibility:hidden"></iframe>
+</noscript>
+<!-- End Google Tag Manager (noscript) -->
+{#{% include 'default/alert.html.twig' %}#}
+{# {% include 'defaultv2/user_switch.html.twig' %}#}
+
+{#{% include 'defaultv2/props_settings.html.twig' %} #}
+{% block content %}
+{% endblock %}
+{% block javascripts %}
+
+{% endblock %}
+{# {% include 'defaultv2/footer.html.twig' %} #}
+{{ include('FairlaneCookieConsentBundle::cookie-info.html.twig') }}
+</body>
+</html>
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+<head>
+
+    <!-- Google Tag Manager -->
+    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-P4G65WJ');</script>
+    <!-- End Google Tag Manager -->
+    <script type="text/javascript" defer="defer" src="https://extend.vimeocdn.com/ga/64189815.js"></script>
+
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title>{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}</title>
+
+    <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}"/>
+    <meta name="robots" content="noindex,nofollow">
+    <meta name="description" content="{% block description %}
+    Talents Tube est la première plateforme réservée aux offres d'emploi et aux CV vidéos. Découvrez un nouvelle méthode de recrutement !
+{% endblock %}">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    {% block ogtc %}{% endblock %}
+    {# Canonical #}
+    <link rel="canonical"
+          href="{% block urlCanonical %}{{  url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}"{% endblock %}>
+    {# CSS #}
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Varela+Round" rel="stylesheet">
+    <link rel="stylesheet" href="{{ asset('css/styles.css') }}">
+    {% block stylesheets %}
+    {% endblock %}
+</head>
+<body id="dashboard">
+<!-- Google Tag Manager (noscript) -->
+<noscript>
+    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P4G65WJ"
+            height="0" width="0" style="display:none;visibility:hidden">
+    </iframe>
+    </noscript>
+    <!-- End Google Tag Manager (noscript) -->
+    {#{% include 'default/alert.html.twig' %}#}
+    {% include 'default/user_switch.html.twig' %}
+    {% include 'default/headertemporaire.html.twig' %}
+
+    {% block content %}
+
+    {% endblock %}
+
+    
+
+
+    {% block javascripts %}
+    {% javascripts
+    '@vendors'
+    '@global'
+    output='assetic/main.base.dash.js' filter='?uglifyjs2' %}
+    <script src="{{ asset_url }}"></script>
+    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
+    {% endjavascripts %}
+    {% endblock %}
+    </body>
+</html>
@@ -42,7 +42,6 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
            <meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
            
        {% endblock %}
-        <meta http-equiv="refresh" content="3; URL=/"> 
        {# Canonical #}
        <link rel="canonical"
            href="{% block urlCanonical %}{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}{% endblock %}">
@@ -68,7 +67,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
 {% include 'default/props_settings.html.twig' %}
 {% block content %}
 {% endblock %}
-{% include 'default/footertemporaire.html.twig' %}
+{# {% include 'default/footertemporaire.html.twig' %} #}
 {% block javascripts %}
    {% javascripts
    '@vendors'
@@ -1,6 +1,15 @@
 <!DOCTYPE html>
 <html lang="fr">
 <head>
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-98246968-7"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+
+    gtag('config', 'UA-98246968-7');
+  </script>
  <!-- Title -->
  <title>{% block title %}{% endblock %}</title>

@@ -25,7 +34,7 @@
    
    <!-- CSS Space Template -->
    <link rel="stylesheet" href="{{ asset('v2/css/theme.css') }}">  
-    <script type="text/javascript"> window.$crisp=[];window.CRISP_WEBSITE_ID="78ec5756-1cd5-4f3f-b0db-cb408c8171da";(function(){ d=document;s=d.createElement("script"); s.src="https://client.crisp.chat/l.js"; s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})(); </script>
+    <script type="text/javascript"> window.$crisp=[];window.CRISP_WEBSITE_ID="08e9d301-ba14-4d69-8b1a-53685114c5af";(function(){ d=document;s=d.createElement("script"); s.src="https://client.crisp.chat/l.js"; s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})(); </script>
 </head>
 <body>
 <!-- Google Tag Manager (noscript) -->
@@ -36,7 +45,9 @@
 <!-- End Google Tag Manager (noscript) -->
 {#{% include 'default/alert.html.twig' %}#}
 {# {% include 'defaultv2/user_switch.html.twig' %}#}
+{% block menu %}
 {% include 'defaultv2/header.html.twig' %}
+{% endblock %}
 {#{% include 'defaultv2/props_settings.html.twig' %} #}
 {% block content %}
 {% endblock %}
@@ -45,5 +56,6 @@
 {% endblock %}
 {# {% include 'defaultv2/footer.html.twig' %} #}
 {{ include('FairlaneCookieConsentBundle::cookie-info.html.twig') }}
+
 </body>
 </html>
@@ -1,66 +1,480 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}


 {% block dashContent %}
-    {% if type == "spontaneous" %}
-        {% include 'company/job_submenu.html.twig' with {
-            'tab' : 3
-        } %}
-        {% else %}
-        {% include 'company/job_submenu.html.twig' with {
-            'tab' : 2
-        } %}
-    {% endif %}
-    <div class="row bg-bordered p-20">
-        {% include 'company/ad_breadcrumb.html.twig' with {'step': 2,'ad': ad} %}
-        <div id="reponses" class="col s12">
-            <table id="table-answers" class="bordered highlight responsive-table">
-                <thead>
-                <tr>
-                    <th>{{ 'profile.talent.lastname'|trans }} {{ 'profile.talent.firstname'|trans }}</th>
-                    <th>{{ 'global.datereception.label'|trans }}</th>
-                    <th>{{ 'ad.company.list.status'|trans }}</th>
-                    <th class="center-align">{{ 'ad.company.list.actions'|trans }}</th>
-                </tr>
-                </thead>
-                <tbody>
-                {% for answer in answers %}
-                    <tr>
-                        <td>
-                            <a href="{{ path('company_answer_show',{'id':answer.id }) }}">{{ answer.user.lastname }} {{ answer.user.firstname }}</a>
-                        </td>
-                        <td>{{ answer.sendTime()|date('d/m/Y') }}</td>
-                        {% if answer.firstMessage %}
-                            <td>{{ answer.firstMessage.status|trans }}</td>
-                        {% else %}
-                            {% if answer.isViewed %}
-                                {% if answer.isViewed.status == "DRAFT" %}
-                                    <td>{{ 'VIEWED'|trans }}</td>
-                                {% endif %}
-                            {% else %}
-                                <td>{{ 'NEW'|trans }}</td>
-                            {% endif %}
-                        {% endif %}
-                        <td class="center-align">
-                            <a title="{{ad.title}}" href="{{ path('company_answer_show',{'id':answer.id }) }}">
-                                <i class="fa fa-eye"></i>
-                            </a>
-                            <a href="#" class="note-action c-pointer" data-func="add" data-answer="{{ answer.id }}">
-                                <i class="fa fa-sticky-note"></i>
-                            </a>
-                            {% for note in answer.notes %}
-                                <a class="tooltipped note-action c-pointer" data-position="top" data-delay="50"
-                                   data-tooltip="{{ note.content }}" data-note="{{ note.id }}" data-func="edit">
-                                    <i class="fa fa-commenting" aria-hidden="true"></i>
-                                </a>
-                            {% endfor %}
-                        </td>
-                    </tr>
-                {% endfor %}
-            </table>
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="/entreprise/me/">Accueil</a></li>
+                <li class="breadcrumb-item"><a href="{{ path('company_ad') }}">Offres d'emploi</a></li>
+                <li class="breadcrumb-item"><a href="{{ path('company_ad_answer_list',{'id':ad.id}) }}">{{ ad.title }}
+                    </a></li>
+            </ol>
+            <!-- END BREADCRUMB -->
+
        </div>
    </div>
+</div>
+{# {% if type == "spontaneous" %}
+{% include 'company/job_submenu.html.twig' with {
+            'tab' : 3
+        } %}
+{% else %}
+{% include 'company/job_submenu.html.twig' with {
+            'tab' : 2
+        } %}
+{% endif %} #}

-    <div id="note-modal"></div>
+<!-- Modal 1 -->
+<div class="modal fade in bd-example-modal-lg" id="partageModal" tabindex="-1" role="dialog"
+    aria-labelledby="partageModalLabel" aria-hidden="false" data-show="false">
+    <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="partageModalLabel">Vous souhaitez partager les candidatures sélectionnées
+                    dans l’espace visiteurs ?</h5>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body">
+                <h5>&nbsp;</h5>
+                <p>Pour transmettre les informations aux personnes de votre choix, nous vous invitons à copier-coller le
+                    texte présent dans l’encadré ci-dessous dans votre messagerie mail.</p>

+                <label class="h6 small d-block text-uppercase" for="exampleFormControlTextarea1">texte a copier</label>
+                <textarea class="form-control" id="codeShare" rows="11">Bonjour,
+Dans le cadre du recrutement pour le poste de {{ ad.title }}, nous avons reçu plusieurs candidatures en vidéo. 
+Parmi ces différentes candidatures, nous souhaitons vous partager notre sélection.
+Pour visionner les candidatures vidéo, cliquez sur le lien ci-dessous, puis saisissez le mot de passe indiqué.
+Lien : https://recruteur.talentstube.com/partage/{{ ad.id }}
+Mot de passe : ######
+Au plaisir d’échanger avec vous,
+                </textarea>
+                <br/>
+                <p>* Les données collectées dans les candidatures vidéo sont strictement confidentielles et entrent dans le champ de la protection des données personnelles d’un candidat. Les vidéos peuvent être partagées uniquement dans le cadre du processus de recrutement.
+                </p>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
+
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- Modal 2 -->
+<div class="modal fade in bd-example-modal-lg" id="decocheModal" tabindex="-1" role="dialog"
+    aria-labelledby="decocheModalLabel" aria-hidden="false" data-show="false" data-backdrop="static">
+    <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="decocheModalLabel">Cette candidature est actuellement partagée</h5>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body">
+                <h5>&nbsp;</h5>
+                <p>En cliquant sur confirmer, cette candidature ne sera plus accessible dans l’espace visiteurs.</p>
+
+                
+            </div>
+            <div class="modal-footer">
+                <input type="hidden" id="caseRecocher">
+                <button type="button" class="btn btn-secondary" data-dismiss="modal" onClick="annulerCheckbox()">Annuler</button>
+                 <button type="button" class="btn btn-secondary" data-dismiss="modal">Confirmer</button>
+            </div>
+        </div>
+    </div>
+</div>
+{# 
+<a href="#" data-toggle="tooltip" title="Some tooltip text!">Hover over me</a>
+
+<!-- Generated markup by the plugin -->
+<div class="tooltip bs-tooltip-top" role="tooltip">
+    <div class="arrow"></div>
+    <div class="tooltip-inner">
+        Some tooltip text!
+    </div>
+</div> #}
+
+                <div class="col-xl-12">
+                    <div class="card card-borderless col-xl-12 col-sm-12 p-b-20">
+                        <div class="row profil-candidature">
+                            <div class="col-xl-6 col-md-12 p-t-10">
+                                <h5>{{ ad.title }}</h5>
+                                <h6>Publiée le {{ ad.publishedAt|date("d/m/Y") }}</h6>
+                            </div>
+                            <div class="col-xl-6 col-md-12 p-t-20 text-right">
+                                <a href="#"  class="" data-toggle="tooltip"
+                                        title="Cochez une ou plusieurs candidatures avant de pouvoir les partager.">
+                                <button type="button" class="btn btn-primary m-b-10 btn-lg " disabled data-toggle="modal"
+                                    data-target="#partageModal" id="partageCandidats">
+                                    Partager les
+                                        candidatures
+                                </button>
+                                </a>
+                                <!--<button type="button" aria-label="" class="btn btn-default btn-lg m-b-10">
+                                    <span class="material-icons fs-16 m-r-5">delete</span>
+                                    <span class="">Clôturer</span>
+                                </button>-->
+                                <a href="{{ path('company_ad_soft_edit', { 'id': ad.id }) }}" >
+                                <button type="button" aria-label="" class="btn btn-default btn-lg m-b-10">
+                                    <span class="material-icons fs-16 m-r-5">create</span>
+                                    <span class="">Éditer l'offre</span>
+                                </button>
+                                </a>
+                            </div>
+                        </div>
+                        <div id="reponses" class="table-responsive m-t-20">
+                            <table class="table table-hover" id="basicTable">
+                                <thead>
+                                    <tr>
+                                        <!-- NOTE * : Inline Style Width For Table Cell is Required as it may differ from user to user
+    										Comman Practice Followed
+    										-->
+                                        <th style="width: 1%;"></th>
+                                        <th style="width: 10%;">Vidéo</th>
+                                        <th style="width: 20%;">Nom prénom</th>
+                                        <th style="width: 15%;">Date de reception </th>
+                                        <th style="width: 20%;">Localisation </th>
+                                        <th style="width: 20%;">Statut</th>
+                                        <th class="width: 5%;">Actions</th>
+
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    {% for answer in answers %}
+                                    <tr>
+                                        <td>
+                                            <input type="checkbox" id="answer_{{answer.id}}" name="answers" class="nav-trigger"
+                                                onChange="verifierIsChecked({{answer.id}})" {% if answer.isShared %} checked
+                                                {% endif %} />
+                                            <label for="nav-trigger" class="navicon-button x">
+                                                <div class="navicon"></div>
+                                            </label>
+                                        </td>
+                                        <td>
+                                             <a href="{{ path('company_answer_show',{'id':answer.id }) }}">
+                                             {% if answer.video.thumbnails.0 is defined %}
+                                                {% set img = answer.video.thumbnails.0.sizes.1.link %}
+                                            {% else %}
+                                                {% set img = " " %}
+                                            {% endif %}
+                                             <img src="{{ img }}">
+                                             </a>
+                                        </td>
+                                        <td>
+                                            <a href="{{ path('company_answer_show',{'id':answer.id }) }}">{{ answer.user.lastname }}
+                                                {{ answer.user.firstname }}</a>
+                                        </td>
+                                        <td>
+                                            {{ answer.sendTime()|date('d/m/Y') }}
+                                        </td>
+                                        <td>
+                                        {% if  answer.user.getGeoloc %}
+                                        {% for adress in answer.user.getGeoloc %}
+                                            
+                                             {{ adress["locality"] }}, {{ adress["postal_code"] }}
+                                        {% endfor %}
+                                        {% else %}
+                                            Non renseignée 
+                                        {% endif %}
+                                        </td>
+
+                                        
+                                        <td>
+                                        {% if answer.statusReponse =="EMBAUCHE" %}
+                                        <span class="label label-success">Embauché</span>
+                                        {% elseif answer.statusReponse =="REFUSE"%}
+                                        <span class="label label-important">Refusé</span>
+                                        {% elseif answer.statusReponse =="ENTRETIEN"%}
+                                        <span class="label label-warning">Entretien programmé</span>
+                                        {% elseif answer.statusReponse =="A_TRAITER"%}
+                                        <span class="label label-info">À traiter</span>
+                                        {% elseif answer.statusReponse =="CONTACTE"%}
+                                        <span class="label">Contacté</span>
+                                        {% else %}
+                                        <span class="label label-info">À traiter</span>
+                                        {% endif %}
+                                        </td>
+
+
+                                        <td class="v-align-middle">
+                                            <a title="{{ad.title}}" href="{{ path('company_answer_show',{'id':answer.id }) }}">
+                                                <i class="pg-icon">eye</i>
+                                            </a>
+                                            {# <a href="#" class="note-action c-pointer" data-func="add"
+                                                data-answer="{{ answer.id }}">
+                                                <i class="pg-icon">note</i>
+                                            </a> #}
+                                            {# {% for note in answer.notes %}
+                                            <a class="tooltipped note-action c-pointer" data-position="top" data-delay="50"
+                                                data-tooltip="{{ note.content }}" data-note="{{ note.id }}" data-func="edit">
+                                                <i class="pg-icon">comment</i>
+                                            </a>
+                                            {% endfor %} #}
+                                        </td>
+
+                                    </tr>
+                                    {% endfor %}
+                                    {% if answers|length == 0  %}
+                                    <tr>
+                                        <th colspan="7" class="text-center">Aucune candidature pour le moment</th>
+                                    </tr>
+                                    {% endif %}
+                                    
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+
+
+
+
+
+
+
+
+
+
+{# <div class="row bg-bordered p-20">
+
+
+
+    <!-- START CONTAINER FLUID -->
+    <div class=" container-fluid   container-fixed-lg bg-white">
+        <!-- START card -->
+        <div class="card card-transparent">
+            <div class="card-header ">
+                <div class="card-title">Candidatures de l'offre {{ ad.title }}
+
+                    <br /><br />
+                    <button type="button" class="btn btn-primary" disabled data-toggle="modal"
+                        data-target="#partageModal" id="partageCandidats">
+                        <a href="#" data-toggle="tooltip"
+                            title="Cochez une ou plusieurs candidatures avant de pouvoir les partager.">Partager les
+                            candidatures</a>
+                    </button>
+
+                    <div class="tooltip bs-tooltip-top" role="tooltip">
+                        <div class="arrow"></div>
+                        <div class="tooltip-inner">
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="card-body">
+                <div id="reponses" class="table-responsive">
+                    <table class="table table-hover" id="basicTable">
+                        <thead>
+                            <tr>
+                                <!-- NOTE * : Inline Style Width For Table Cell is Required as it may differ from user to user
+    										Comman Practice Followed
+    										-->
+                                <th></th>
+                                <th>{{ 'profile.talent.lastname'|trans }} {{ 'profile.talent.firstname'|trans }}</th>
+                                <th>{{ 'global.datereception.label'|trans }}</th>
+                                <th>{{ 'ad.company.list.status'|trans }}</th>
+                                <th class="center-align">{{ 'ad.company.list.actions'|trans }}</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+
+                            {% for answer in answers %}
+                            <tr>
+                                <td>
+                                    <input type="checkbox" id="answer_{{answer.id}}" name="answers" class="nav-trigger"
+                                        onChange="verifierIsChecked({{answer.id}})" {% if answer.isShared %} checked
+                                        {% endif %} />
+                                    <label for="nav-trigger" class="navicon-button x">
+                                        <div class="navicon"></div>
+                                    </label>
+                                </td>
+                                <td>
+                                    <a href="{{ path('company_answer_show',{'id':answer.id }) }}">{{ answer.user.lastname }}
+                                        {{ answer.user.firstname }}</a>
+                                </td>
+                                <td>
+                                    {{ answer.sendTime()|date('d/m/Y') }}
+                                </td>
+
+                                {% if answer.firstMessage %}
+                                <td>{{ answer.firstMessage.status|trans }}</td>
+                                {% else %}
+                                {% if answer.isViewed %}
+                                {% if answer.isViewed.status == "DRAFT" %}
+                                <td>{{ 'VIEWED'|trans }}</td>
+                                {% endif %}
+                                {% else %}
+                                <td>{{ 'NEW'|trans }}</td>
+                                {% endif %}
+                                {% endif %}
+
+
+                                <td class="v-align-middle">
+                                    <a title="{{ad.title}}" href="{{ path('company_answer_show',{'id':answer.id }) }}">
+                                        <i class="pg-icon">eye</i>
+                                    </a>
+                                    <a href="#" class="note-action c-pointer" data-func="add"
+                                        data-answer="{{ answer.id }}">
+                                        <i class="pg-icon">note</i>
+                                    </a>
+                                    {% for note in answer.notes %}
+                                    <a class="tooltipped note-action c-pointer" data-position="top" data-delay="50"
+                                        data-tooltip="{{ note.content }}" data-note="{{ note.id }}" data-func="edit">
+                                        <i class="pg-icon">comment</i>
+                                    </a>
+                                    {% endfor %}
+                                </td>
+
+                            </tr>
+                            {% endfor %}
+                            {% if answers|length == 0  %}
+                            <tr>
+                                <th colspan="4" class="text-center">Aucune candidature pour le moment</th>
+                            </tr>
+                            {% endif %}
+
+
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+        <!-- END card -->
+    </div>
+    <!-- END CONTAINER FLUID -->
+
+</div> #}
+
+<div id="note-modal"></div>
+
+
+{% endblock %}
+
+{% block javascriptsEnd %}
+<!-- BEGIN VENDOR JS -->
+
+  <script src="{{ asset('dashboard/plugins/bootstrap/js/bootstrap.min.js') }}" type="text/javascript"></script>
+
+
+  <!-- END PAGE LEVEL JS -->
+<script type="text/javascript">
+    function parcourirAllCheckbox() {
+        var allCheckboxes = $("input[type=checkbox]");
+        var allCheckboxes = $("input[type=checkbox]");
+        var auMoinUneCheckboxCoche = false;
+        // Put all the unique name attributes in an array.
+        var checkboxCocheId= null;
+        allCheckboxes.each(function () {
+            var isChecked = $(this).prop('checked');
+            if (isChecked == true) {
+                auMoinUneCheckboxCoche = true;
+                
+                var tabId =$(this).prop('id').split("_");
+                checkboxCocheId = tabId[1];
+                console.log(checkboxCocheId);
+            }
+
+        });
+        if (auMoinUneCheckboxCoche == true) {
+            console.log("au moins un checkbox est coché");
+            $("#partageCandidats").attr("disabled", false);
+        } else {
+            console.log("aucuncheckbox n'est coché");
+            $("#partageCandidats").attr("disabled", true);
+        }
+
+        return checkboxCocheId;
+
+    }
+
+    function annulerCheckbox(){
+        //recuprer l'id de la checkbox
+        var checkboxId = $("#caseRecocher").val();
+        //$("#answer_" + checkboxId).prop(checked, true);
+        document.getElementById("answer_" + checkboxId).checked = true;
+        console.log("annuler action checkbox "+checkboxId);
+        verifierIsChecked(checkboxId);
+    }
+
+    function verifierIsChecked(id) {
+        var auMoinUneCheckboxCoche = false;
+        parcourirAllCheckbox();
+        if($("#answer_" + id).prop('checked')==false){
+            console.log("cette checkbox était cochée avant");
+            //$('#decocheModal').modal('open');
+            $('#decocheModal').modal('show');
+            $("#caseRecocher").val(id);
+        }
+        //recuperer la valeur de la case coché
+        // Appel Ajax pour modifier l'answer qui a l'id :id
+        // Si la case est decocher mettre le champ is_checked à false
+        // Sinon mettre à true
+
+        $.ajax({
+                //L'URL de la requête 
+                url: "/anwser/share/" + id,
+                //url: '{{ path("anwser_share", {"id":'+id+'}) }}',
+                //La méthode d'envoi (type de requête)
+                method: "GET",
+                data: 'isShare=' + $("#answer_" + id).prop('checked'),
+                //Le format de réponse attendu
+                dataType: "json",
+            })
+            //Ce code sera exécuté en cas de succès - La réponse du serveur est passée à done()
+            /*On peut par exemple convertir cette réponse en chaine JSON et insérer
+             * cette chaine dans un div id="res"*/
+            .done(function (response) {
+                let data = JSON.stringify(response);
+                //$("div#res").append(data);
+                console.log(data);
+                const obj = JSON.parse(data);
+                console.log(obj.code);
+                var texteMail = $("#codeShare").val();
+                $("#codeShare").val(texteMail.replace('######', obj.code));  
+            })
+
+            //Ce code sera exécuté en cas d'échec - L'erreur est passée à fail()
+            //On peut afficher les informations relatives à la requête et à l'erreur
+            .fail(function (error) {
+                console.log("La requête s'est terminée en échec. Infos : " + JSON.stringify(error));
+            })
+
+            //Ce code sera exécuté que la requête soit un succès ou un échec
+            .always(function () {
+                console.log("Requête effectuée");
+            });
+
+    }
+
+
+
+    $(document)
+        .ready(function () {
+            console.log("ready");
+            var id = parcourirAllCheckbox();
+            //on recupere un id d'une checkbox coché pour lancer l'ajax et remplacé les caracteres ###### par le mot de passe
+            verifierIsChecked(id);
+            //initialize all modals!!
+            $('.modal').modal({
+                dismissible: true
+            });
+            $('#partageModal').modal('hide');
+            $('#decocheModal').modal('hide');
+        }
+        );
+    $(window).load(function() {
+        $('#partageModal').modal('hide');
+        $('#decocheModal').modal('hide');
+    });
+</script>
 {% endblock %}
@@ -0,0 +1,229 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-98246968-7"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+
+    gtag('config', 'UA-98246968-7');
+  </script>
+  <!-- Title -->
+  <title>{% block title %}{% endblock %}</title>
+
+  <!-- Required Meta Tags Always Come First -->
+  <meta charset="utf-8">
+  <meta name="robots" content="noindex,nofollow">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  {% block meta %}
+  {% endblock %}
+    <!-- Google Fonts -->
+    <link href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
+
+    <!-- CSS Implementing Plugins -->
+    <link rel="stylesheet" href="{{ asset('v2/vendor/font-awesome/css/all.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/custombox/dist/custombox.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/animate.css/animate.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/slick-carousel/slick/slick.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/cubeportfolio/css/cubeportfolio.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('v2/vendor/fancybox/jquery.fancybox.css') }}">
+    
+    <!-- CSS Space Template -->
+    <link rel="stylesheet" href="{{ asset('v2/css/theme.css') }}">  
+    <script type="text/javascript"> window.$crisp=[];window.CRISP_WEBSITE_ID="08e9d301-ba14-4d69-8b1a-53685114c5af";(function(){ d=document;s=d.createElement("script"); s.src="https://client.crisp.chat/l.js"; s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})(); </script>
+</head>
+<body>
+
+
+{% block content %}
+
+
+
+
+<main id="content">
+    <!-- Hero Section -->
+    <div class="gradient-half-primary-v1">
+
+
+
+
+      <div class="bg-img-hero" style="background-image: url('/v2/img/partage/candidature-offre-emploi-video.jpg');">
+        <div class="container space-2 space-2-top--lg space-3-bottom--lg">
+          <div class=" text-center mx-auto">
+            <!-- Title -->
+            <div class="mb-9">
+              <h3 class="display-4 font-size-36--md-down text-white">Découvrez en vidéo les candidatures sélectionnées pour le poste de <br/><b>{{titreAnnonce}}</b></h3>
+              
+            </div>
+            <!-- End Title -->
+
+            
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- End Hero Section -->
+
+    <!-- Cubeportfolio -->
+    <div class="container u-cubeportfolio space-2 space-3--lg">
+      <!-- Filter -->
+      {# <ul id="filterControls" class="list-inline cbp-l-filters-alignCenter mb-5">
+        <li class="list-inline-item cbp-filter-item cbp-filter-item-active u-cubeportfolio__item" data-filter="*">All</li>
+        <li class="list-inline-item cbp-filter-item u-cubeportfolio__item" data-filter=".branding">Branding</li>
+        <li class="list-inline-item cbp-filter-item u-cubeportfolio__item" data-filter=".abstract">Abstract</li>
+        <li class="list-inline-item cbp-filter-item u-cubeportfolio__item" data-filter=".graphic">Graphic</li>
+        <li class="list-inline-item cbp-filter-item u-cubeportfolio__item" data-filter=".illustration">Illustration</li>
+      </ul> #}
+      <!-- End Filter -->
+      {% if answers|length == 0  %}
+          <div class="text-center">
+              <h1>Aucune candidature pour le moment</h1>
+          </div>
+      {% endif %}
+      <!-- Content -->
+      <div class="cbp mb-9"
+            data-controls="#filterControls"
+            data-animation="quicksand"
+            data-caption-animation="zoom"
+            data-x-gap="30"
+            data-y-gap="30"
+            data-load-more-selector="#cubeLoadMore"
+            data-load-more-action="click"
+            data-load-items-amount="2"
+            data-media-queries='[
+              {"width": 1500, "cols": 3},
+              {"width": 1100, "cols": 3},
+              {"width": 800, "cols": 3},
+              {"width": 580, "cols": 2},
+              {"width": 300, "cols": 1}
+            ]'>
+        
+        {% for answer in answers %}
+        <!-- Item -->
+        <div class="cbp-item branding">
+          <div class="cbp-caption">
+            <iframe src="https://player.vimeo.com/video/{{ answer.video.cdnUrl|replace({ "/videos/": ""}) }}"
+                        width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen
+                        allowfullscreen></iframe>
+            
+          </div>
+          <div class="p-4 text-center">
+            <h2 class="h5 mb-0">{{ answer.user.firstname }} {{ answer.user.lastname|slice(0, 1)|capitalize   }}.</h2>
+            {# <p class="small mb-0">by Tiberiu Neamu</p> #}
+          </div>
+        </div>
+        <!-- End Item -->
+        {% endfor %}
+        
+        
+           
+      </div>
+      <!-- End Content -->
+      
+      <!-- Load More Button -->
+      <div id="cubeLoadMore" class="text-center">
+        {# <a href="../../assets/ajax/portfolio-grid-1/load-more.html" class="cbp-l-loadMore-link btn btn-dark btn-wide" rel="nofollow">
+          <span class="cbp-l-loadMore-defaultText">Load More</span>
+          <span class="cbp-l-loadMore-loadingText">Loading...</span>
+          <span class="cbp-l-loadMore-noMoreLoading">No more works</span>
+        </a> #}
+      </div>
+      <!-- End Load More Button -->
+    </div>
+    <!-- End Cubeportfolio -->
+  </main>
+
+
+{% endblock %}
+
+{% block javascriptsEnd %}
+<!-- JS Global Compulsory -->
+<script src="{{ asset('v2/vendor/jquery/dist/jquery.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-migrate/dist/jquery-migrate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/popper.js/dist/umd/popper.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/bootstrap/bootstrap.min.js') }}"></script>
+
+<!-- JS Implementing Plugins -->
+<script src="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-validation/dist/jquery.validate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.legacy.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/cubeportfolio/js/jquery.cubeportfolio.min.js') }}"></script>
+
+<!-- JS Space -->
+<script src="{{ asset('v2/js/hs.core.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.header.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.unfold.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.validation.js') }}"></script>
+<script src="{{ asset('v2/js/helpers/hs.focus-state.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.malihu-scrollbar.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.modal-window.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.show-animation.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.cubeportfolio.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.go-to.js') }}"></script>
+
+  
+
+<!-- JS Plugins Init. -->
+<script>
+  // initialization of google map
+  {# function initMap() {
+    $.HSCore.components.HSGMap.init('.js-g-map');
+  } #}
+
+  $(document).on('ready', function () {
+      // initialization of header
+      $.HSCore.components.HSHeader.init($('#header'));
+
+      // initialization of unfold component
+      $.HSCore.components.HSUnfold.init($('[data-unfold-target]'), {
+        afterOpen: function () {
+          if (!$('body').hasClass('IE11')) {
+            $(this).find('input[type="search"]').focus();
+          }
+        }
+      });
+
+      // initialization of form validation
+      $.HSCore.components.HSValidation.init('.js-validate', {
+        rules: {
+          confirmPassword: {
+            equalTo: '#password'
+          }
+        }
+      });
+
+      // initialization of forms
+      $.HSCore.helpers.HSFocusState.init();
+
+      // initialization of malihu scrollbar
+      $.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar'));
+
+      // initialization of autonomous popups
+      $.HSCore.components.HSModalWindow.init('[data-modal-target]', '.js-signup-modal', {
+        autonomous: true
+      });
+
+      // initialization of show animations
+      $.HSCore.components.HSShowAnimation.init('.js-animation-link');
+
+      // initialization of cubeportfolio
+      $.HSCore.components.HSCubeportfolio.init('.cbp');
+
+      // initialization of go to
+      $.HSCore.components.HSGoTo.init('.js-go-to');
+
+    
+  });
+
+
+  
+</script>
+{% endblock %}
+</body>
+</html>
@@ -0,0 +1,284 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-98246968-7"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+
+    function gtag() {
+      dataLayer.push(arguments);
+    }
+    gtag('js', new Date());
+
+    gtag('config', 'UA-98246968-7');
+  </script>
+  <!-- Title -->
+  <title>{% block title %}{% endblock %}</title>
+
+  <!-- Required Meta Tags Always Come First -->
+  <meta charset="utf-8">
+  <meta name="robots" content="noindex,nofollow">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  {% block meta %}
+  {% endblock %}
+  <!-- Google Fonts -->
+  <link href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
+
+  <!-- CSS Implementing Plugins -->
+  <link rel="stylesheet" href="{{ asset('v2/vendor/font-awesome/css/all.min.css') }}">
+  <link rel="stylesheet" href="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.css') }}">
+  <link rel="stylesheet" href="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css') }}">
+  <link rel="stylesheet" href="{{ asset('v2/vendor/custombox/dist/custombox.min.css') }}">
+  <link rel="stylesheet" href="{{ asset('v2/vendor/animate.css/animate.min.css') }}">
+  <link rel="stylesheet" href="{{ asset('v2/vendor/slick-carousel/slick/slick.css') }}">
+  <link rel="stylesheet" href="{{ asset('v2/vendor/cubeportfolio/css/cubeportfolio.min.css') }}">
+  <link rel="stylesheet" href="{{ asset('v2/vendor/fancybox/jquery.fancybox.css') }}">
+  <link class="main-stylesheet" href="{{ asset('dashboard/css/style.css') }}" rel="stylesheet" type="text/css" />
+  <!-- CSS Space Template -->
+  <link rel="stylesheet" href="{{ asset('v2/css/theme.css') }}">
+  <script type="text/javascript">
+    window.$crisp = [];
+    window.CRISP_WEBSITE_ID = "08e9d301-ba14-4d69-8b1a-53685114c5af";
+    (function () {
+      d = document;
+      s = d.createElement("script");
+      s.src = "https://client.crisp.chat/l.js";
+      s.async = 1;
+      d.getElementsByTagName("head")[0].appendChild(s);
+    })();
+  </script>
+</head>
+
+<body>
+
+
+  {% block content %}
+
+<!-- ========== HEADER ========== -->
+  <header id="header" class="u-header u-header--abs-top">
+    <div class="u-header__section bg-transparent border-0">
+      <div id="logoAndNav" class="container-fluid">
+        <!-- Nav -->
+        <nav class="navbar navbar-expand justify-content-between u-header__navbar py-3">
+          <!-- Logo -->
+          <div class="col-4 col-sm-6">
+            <a class="navbar-brand u-header__navbar-brand" href="../home/index.html" aria-label="Space">
+        
+              <img class="u-header__navbar-brand-default" src={{ asset('/v2/svg/logos/talents-tube-logo.svg') }} alt="Talents Tube">
+              <img class="u-header__navbar-brand-mobile" src={{ asset('/v2/svg/logos/talents-tube-logo.svg') }} alt="Talents Tube">
+            </a>
+          </div>
+          <!-- End Logo -->
+
+          <!-- End Button -->
+        </nav>
+        <!-- End Nav -->
+      </div>
+    </div>
+  </header>
+  <!-- ========== END HEADER ========== -->
+  <main id="content">
+    <!-- Hero Section -->
+    <div class="bg-img-hero"
+      style="background-image: url(/v2/img/partage/partage-candidature-video.jpg);">
+      <div class="d-sm-flex align-items-sm-center height-100vh--sm">
+        <div class="container text-center space-3-top space-2-bottom space-3-bottom--lg">
+          <div class="w-lg-60 text-center mx-lg-auto fondBlanc">
+            <form class="js-validate form-signin p-5">
+              <!-- Logo -->
+              <div class="text-center">
+
+              </div>
+              <!-- End Logo -->
+
+              <!-- Title -->
+              <div class="text-center">
+                <h1 class="h3 mb-0">Voir les candidatures</h1>
+                <p>Pour visionner la ou les candidatures, veuillez saisir le mot de passe qui vous a été communiqué.
+</p>
+              </div>
+              <!-- End Title -->
+
+              <!-- Input -->
+              <div class="js-form-message mb-3">
+                <div class="js-focus-state input-group form">
+                  <div class="input-group-prepend form__prepend">
+                    <span class="input-group-text form__text">
+                      <i class="fa fa-lock form__text-inner"></i>
+                    </span>
+                  </div>
+                  <input type="hidden" id="adId" name="adId" value="{{adId}}">
+                  <input type="password" class="form-control form__input" id="mdp" name="mdp" required placeholder="Saisissez votre mot de passe"
+                    aria-label="mdp" data-msg="Saisissez votre mot de passe" data-error-class="u-has-error"
+                    data-success-class="u-has-success">
+                    
+                </div>
+                <div>
+                  {% if error %}
+                      <br/><span class="text-danger">Le mot de passe est incorrect</span>
+                    {% endif %}
+                </div>
+              </div>
+              <!-- End Input -->
+
+              <!-- Input -->
+              <div class="js-form-message mb-3">
+                
+              </div>
+              <!-- End Input -->
+
+              <div class="row mb-3">
+                
+              </div>
+              <div class="mb-3">
+                <a href="#" onClick="verifierMdp()">
+                  <button type="button" class="btn btn-success">Valider</button>
+                </a>
+              </div>
+            </form>
+          </div>
+          <!-- End Countdown -->
+        </div>
+      </div>
+    </div>
+    </div>
+    <!-- End Hero Section -->
+  </main>
+
+
+  {% endblock %}
+      
+
+  {% block javascriptsEnd %}
+  <!-- JS Global Compulsory -->
+  <script src="{{ asset('v2/vendor/jquery/dist/jquery.min.js') }}"></script>
+  <script src="{{ asset('v2/vendor/jquery-migrate/dist/jquery-migrate.min.js') }}"></script>
+  <script src="{{ asset('v2/vendor/popper.js/dist/umd/popper.min.js') }}"></script>
+  <script src="{{ asset('v2/vendor/bootstrap/bootstrap.min.js') }}"></script>
+
+  <!-- JS Implementing Plugins -->
+  <script src="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.js') }}"></script>
+  <script src="{{ asset('v2/vendor/jquery-validation/dist/jquery.validate.min.js') }}"></script>
+  <script src="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js') }}"></script>
+  <script src="{{ asset('v2/vendor/custombox/dist/custombox.min.js') }}"></script>
+  <script src="{{ asset('v2/vendor/custombox/dist/custombox.legacy.min.js') }}"></script>
+  <script src="{{ asset('v2/vendor/cubeportfolio/js/jquery.cubeportfolio.min.js') }}"></script>
+
+  <!-- JS Space -->
+  <script src="{{ asset('v2/js/hs.core.js') }}"></script>
+  <script src="{{ asset('v2/js/components/hs.header.js') }}"></script>
+  <script src="{{ asset('v2/js/components/hs.unfold.js') }}"></script>
+  <script src="{{ asset('v2/js/components/hs.validation.js') }}"></script>
+  <script src="{{ asset('v2/js/helpers/hs.focus-state.js') }}"></script>
+  <script src="{{ asset('v2/js/components/hs.malihu-scrollbar.js') }}"></script>
+  <script src="{{ asset('v2/js/components/hs.modal-window.js') }}"></script>
+  <script src="{{ asset('v2/js/components/hs.show-animation.js') }}"></script>
+  <script src="{{ asset('v2/js/components/hs.cubeportfolio.js') }}"></script>
+  <script src="{{ asset('v2/js/components/hs.go-to.js') }}"></script>
+
+
+
+  <!-- JS Plugins Init. -->
+  <script>
+    // initialization of google map
+    {
+      
+      function initMap() {
+        $.HSCore.components.HSGMap.init('.js-g-map');
+      }
+    }
+
+    $(document).on('ready', function () {
+      // initialization of header
+      $.HSCore.components.HSHeader.init($('#header'));
+
+      // initialization of unfold component
+      $.HSCore.components.HSUnfold.init($('[data-unfold-target]'), {
+        afterOpen: function () {
+          if (!$('body').hasClass('IE11')) {
+            $(this).find('input[type="search"]').focus();
+          }
+        }
+      });
+
+      // initialization of form validation
+      $.HSCore.components.HSValidation.init('.js-validate', {
+        rules: {
+          confirmPassword: {
+            equalTo: '#password'
+          }
+        }
+      });
+
+      // initialization of forms
+      $.HSCore.helpers.HSFocusState.init();
+
+      // initialization of malihu scrollbar
+      $.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar'));
+
+      // initialization of autonomous popups
+      $.HSCore.components.HSModalWindow.init('[data-modal-target]', '.js-signup-modal', {
+        autonomous: true
+      });
+
+      // initialization of show animations
+      $.HSCore.components.HSShowAnimation.init('.js-animation-link');
+
+      // initialization of cubeportfolio
+      $.HSCore.components.HSCubeportfolio.init('.cbp');
+
+      // initialization of go to
+      $.HSCore.components.HSGoTo.init('.js-go-to');
+
+
+    });
+  </script>
+
+  <script type="text/javascript">
+        function verifierMdp(){
+          $.ajax({
+                  //L'URL de la requête 
+                  url: '{{ path("connectionpartage") }}',
+                  //url: 'http://localhost/app_dev.php/connectionpartage',
+                  //La méthode d'envoi (type de requête)
+                  method: "GET",
+                  data: 'adId=' + $("#adId").val()+"&mdp="+$("#mdp").val(),
+                  //Le format de réponse attendu
+                  dataType: "json",
+              })
+              //Ce code sera exécuté en cas de succès - La réponse du serveur est passée à done()
+              /*On peut par exemple convertir cette réponse en chaine JSON et insérer
+              * cette chaine dans un div id="res"*/
+              .done(function (response) {
+                  //let data = JSON.stringify(response)JSON.stringify(response);
+                  //$("div#res").append(data);= 
+                  var retour =JSON.stringify(response);
+                  console.log(response);
+                  
+                  var url = '{{ path("anwser_share_show", {"id": "id"}) }}';
+                  url = url.replace("id", $("#adId").val());
+                  window.location.replace(url);
+                  
+              })
+
+              //Ce code sera exécuté en cas d'échec - L'erreur est passée à fail()
+              //On peut afficher les informations relatives à la requête et à l'erreur
+              .fail(function (error) {
+                  //alert(error)
+                  console.log("La requête s'est terminée en échec. Infos : " + JSON.stringify(error));
+                  
+              })
+
+              //Ce code sera exécuté que la requête soit un succès ou un échec
+              .always(function () {
+                  console.log("Requête effectuée");
+              });
+        }
+
+      </script>
+  {% endblock %}
+</body>
+
+</html>
@@ -1,6 +1,23 @@
 {# {% extends 'company/base_dashboard_company.html.twig' %} #}
 {% extends 'admin/base_dashboard.html.twig' %}
+{% block javascriptSupl %}
+<style>
+    .saisie thead tr th,
+    .saisie tbody tr td,
+    .saisie tbody tr td *:not(.dropdown-default) .saisie tr td {
+        overflow: visible;

+    }
+
+    .modalCompetences {
+        height: 600px;
+    }
+</style>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/corejs-typeahead/1.3.1/bloodhound.min.js" type="text/javascript">
+</script>
+<script src="{{ asset('dashboard/plugins/typeahead/typeahead.bundle.js') }}" type="text/javascript"></script>
+{% endblock %}
 {% block dashContent %}
 <!-- START JUMBOTRON -->
 <div class="jumbotron" data-pages="parallax">
@@ -8,226 +25,698 @@
        <div class="inner">
            <!-- START BREADCRUMB -->
            <ol class="breadcrumb">
-                <li class="breadcrumb-item"><a href="/">Accueil</a></li>
+                <li class="breadcrumb-item"><a href="/entreprise/me/">Accueil</a></li>
                <li class="breadcrumb-item"><a href="{{ path('company_ad') }}">Offres d'emploi</a></li>
-                <li class="breadcrumb-item active">Ajouter une offre d'emploi</li>
+
            </ol>
            <!-- END BREADCRUMB -->
-            
+
        </div>
    </div>
 </div>
 <!-- END JUMBOTRON -->
+
+
+<!-- MODALS-->
+
+<!-- Modal 1 -->
+<div class="modal fade bd-example-modal-lg" id="competencesModal" tabindex="-1" role="dialog"
+    aria-labelledby="competencesModalLabel" aria-hidden="false" data-show="false">
+    <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="competencesModalLabel">Souhaitez-vous sélectionner le métier <span
+                        class="metierPopup"></span>?</h5>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body">
+                <h5>&nbsp;</h5>
+                <p>
+
+                    Si vous aviez précédemment sélectionné des compétences en lien avec l'ancien métier de rattachement,
+                    celles-ci seront remplacées par les nouvelles compétences, correspondant au métier <span
+                        class="metierPopup"></span>.
+                </p>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
+                <button type="button" class="btn btn-secondary" data-dismiss="modal"
+                    onclick="chargerCompetences();">Sélectionner</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<!-- Modal 2 -->
+<div class="modal fade modalCompetences" id="ajoutCompetencesModal" tabindex="-1" role="dialog"
+    aria-labelledby="ajoutCompetencesModalLabel" aria-hidden="false" data-show="false">
+    <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h6 class="modal-title">Sélectionnez les compétences recherchées pour le poste à pourvoir </h6>
+                <h7 class="modal-title">Vous pouvez sélectionner jusqu’à 10 compétences à afficher dans votre offre
+                    d’emploi. </h7>
+            </div>
+            <div class="modal-body">
+
+                {# <p>Etes vous sur de charger les compétences du métier <span id="metierPopup"></span></p> #}
+                <div class="card card-default">
+                    <div class="card-body">
+                        <div class="scrollable">
+                            <div class="demo-card-scrollable">
+
+
+                                <div id="competencesAdPopup"></div>
+
+                            </div>
+                        </div><br />
+                        <div id="competencesAdMessagePopup" class="text-danger"></div>
+                    </div>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" id="ajouterCompetenceButtonMdal" class="btn btn-secondary" data-dismiss="modal"
+                    onclick="">Ajouter ces compétences</button>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- FIN MODALS-->
+
 <!-- START CONTAINER FLUID -->
 <div class=" container-fluid   container-fixed-lg">
-    <div id="rootwizard" class="m-t-50">
+    <div class="col-lg-8 bloc-header">
+        <div class="card card-default container">
+            <div class="card-body">
+                <div class="row" style="min-height:10rem;">
+                    <div class="col-8">
+                        <h4 class="header-title" style="font-size:2em;line-height:1.5em;">Création d'une offre d'emploi
+                            vidéo</h4>
+                        <p>Pour trouver le bon profil, renseignez et personnalisez votre annonce. <br>Plus votre annonce
+                            est précise et attractive, plus les candidatures seront ciblées.</p>
+                    </div>
+                    <div class="col-4"
+                        style="background-repeat: no-repeat; background-image: url('https://blog.talentstube.com/wp-content/uploads/2021/02/creer-offre-emploi-video.svg');background-size: contain;background-position: center;">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div id="rootwizard" class="col-lg-8 m-t-50">
        {% if type is defined and type == 'update' %}
-            {% include 'company/ad_stepsV2.html.twig' with {'tab':1, 'type':'update'} %}
+        {% include 'company/ad_stepsV2.html.twig' with {'tab':1, 'type':'update'} %}
        {% else %}
-            {% include 'company/ad_stepsV2.html.twig' with {'tab':1} %}
+        {% include 'company/ad_stepsV2.html.twig' with {'tab':1} %}
        {% endif %}
-        
+
        <div class="tab-content">
            {{ form_start(form, {'attr': {'class': ''}}) }}

            <div class="tab-pane padding-20 sm-no-padding active slide-left" id="tab1">
                <div class="row row-same-height">
-                    <div class="col-md-5 b-r b-dashed b-grey sm-b-b">
-                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
-                            <i class="material-icons hint-text">info</i>
-                            <h2>Etape 1</h2>
-                            <p>Discover goods you'll love from brands that inspire. The easiest way to open your own
-                                online store. Discover amazing stuff or open your own store for free!</p>
-                            <p class="small hint-text">Below is a sample page for your cart , Created using pages design
-                                UI Elementes</p>
-                            
+                    <div class="col-md">
+                        <h4>À propos du poste</h4>
+                        <br>
+                        {% if form.title is defined%}
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_title" class="required active">Intitulé du poste</label><input type="text"
+                                id="ad_title" name="ad[title]" required="required" placeholder="Ex: Commercial (H/F)"
+                                class="form-control"> #}
+                            {{ form_row(form.title) }}
                        </div>
-                    </div>
-                    <div class="col-md-7">
-                        <div class="padding-30 sm-padding-5">
-                          
-                            <table class="table table-condensed ">
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
-                                       {% if form_errors(form) %}
-                                        <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
-                                        {% endif %}
+                        {% endif %}
+                        {% if form.reference is defined%}
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_reference" class="required active">Référence de l'offre
+                                d'emploi</label><input type="text" id="ad_reference" name="ad[reference]"
+                                required="required" placeholder="Ex : BTH567" class="form-control"> #}
+                            {{ form_row(form.reference) }}
+                        </div>
+                        {% endif %}
+                        <div class="form-group form-group-default required" style="min-height:250px;">
+                            {# <label for="ad_description" class="required active">Description du poste</label>
+                            <textarea id="ad_description" name="ad[description]" required="required"
+                                class="form-control"
+                                placeholder="Décrivez le poste, les missions, le profil recherché..."></textarea> #}
+                            {{ form_row(form.description) }}
+                        </div>
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_location_gmap" class="required active">Localisation du poste</label><input
+                                type="text" id="ad_location_gmap" name="ad[location_gmap]" required="required" value=""
+                                class="form-control pac-target-input"
+                                placeholder="Ex : 3 Rue Louis de Broglie, Vannes, France" autocomplete="off"> #}
+                            {{ form_row(form.location_gmap) }}
+                            {{ form_row(form.location) }}
+                        </div>
+                        {# <input type="hidden" id="ad_location" name="ad[location]" value="null"> #}
+                        <br>
+                        <h6>Organisation cliente (facultatif)</h6>
+                        <div class="form-group form-group-default">
+                            {# <label for="ad_beneficiaire" class="active">Nom de l'organisation</label>
+                            <input type="text" id="ad_beneficiaire" name="ad[beneficiaire]" placeholder=""
+                                class="form-control"> #}
+                            {{ form_row(form.beneficiaire) }}
+                        </div>
+                        <p class="fs-12 bold">Vous souhaitez recruter pour l'un de vos clients ? Veuillez renseigner le
+                            champ ci-dessus</p>
+                        <br>
+                        <h4>Critères de l'offre d'emploi</h4>
+                        <br>
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_contract_type" class="required">Type de contrat:</label>
+                            <select id="ad_contract_type" name="ad[contract_type]" class="form-control">
+                                <option value="CDI">CDI</option>
+                                <option value="CDD">CDD</option>
+                                <option value="Apprentissage">Apprentissage</option>
+                                <option value="professionnalisation">Contrat de professionnalisation</option>
+                                <option value="Stage">Stage</option>
+                                <option value="Indépendant">Indépendant</option>
+                                <option value="Interim">Interim</option>
+                            </select> #}
+                            {{ form_row(form.contract_type) }}
+                        </div>
+                        <div class="form-group form-group-default disabled" id="ad_duree_contrat_div">
+                            {# <label for="ad_duree_contrat" class="active">Durée du contrat en mois</label>
+                            <input type="number" id="ad_duree_contrat" name="ad[duree_contrat]" value="0"
+                                class="form-control" placeholder="Ex : 6" min="0" max="36" disabled=""> #}
+                            {{ form_row(form.duree_contrat) }}
+                        </div>
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_temps_type" class="required">Type d'emploi</label>
+                            <select id="ad_temps_type" name="ad[temps_type]" class="form-control">
+                                <option value="FULL_TIME">Temps plein </option>
+                                <option value="PART_TIME">Temps partiel </option>
+                                <option value="MIX_TIME">Temps plein ou temps partiel</option>
+                            </select> #}
+                            {{ form_row(form.temps_type) }}
+                        </div>
+                        <div class="form-group form-group-default disabled" id="ad_nombre_heure_div">
+                            {# <label for="ad_nombre_heure" class="active">Temps de travail (Le nombre saisi correspond au
+                                nombre d'heures/semaine.)</label>
+                            <input type="number" id="ad_nombre_heure" name="ad[nombre_heure]" value="0"
+                                class="form-control" placeholder="Ex : 20" min="0" max="35" disabled=""> #}
+                            {{ form_row(form.nombre_heure) }}
+                        </div>
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_teletravail" class="required">Possibilité de faire du Télétravail?</label>
+                            <select id="ad_teletravail" name="ad[teletravail]" class="form-control">
+                                <option value="tele_occasionel">Occasionnel </option>
+                                <option value="tele_partiel">Partiel </option>
+                                <option value="tele_total">Total</option>
+                                <option value="tele_non">Non</option>
+                            </select> #}
+                            {{ form_row(form.teletravail) }}
+                        </div>
+
+                        <br>
+                        <h4 class="no-margin p-b-5">Compétences recherchées</h4>
+                        <br>
+                        <div class="col bg-contrast-lower">
+                            <br>
+                            <table>
+                                <tr class='bg-contrast-lower'>
+                                    <td class="col-lg-12 col-md-12 col-sm-12 bg-contrast-lower">
+                                        <h3 class="no-margin p-b-5">Compétences recherchées</h3>
+                                        <br />
+                                        Recherchez le métier de rattachement le plus proche de l’intitulé de poste
+                                        que vous avez saisi.
+
+
+                                        </button>
+
                                    </td>
                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
-                                       {{ form_row(form.reference) }} 
+                                <tr class='bg-contrast-lower'>
+                                    <td class="col-lg-12 col-md-12 col-sm-12 bg-contrast-lower">
+                                        <table class='saisie'>
+                                            <tr class='saisie'>
+                                                <td class='saisie'>
+                                                    <label for="saisie" class="required">Métier de
+                                                        rattachement</label><br />
+                                                    <input class="typeahead form-control sample-typehead tt-input"
+                                                        id="saisie" type="text" placeholder="Saisir un métier"
+                                                        autocomplete="off" spellcheck="false" dir="auto"
+                                                        style="position: relative; vertical-align: top; background-color: transparent;">
+                                                    <br />
+                                                    <input type="hidden" name="id_appellation_temporaire"
+                                                        id="id_appellation_temporaire">
+                                                    <input type="hidden" name="metier_temporaire"
+                                                        id="metier_temporaire">
+                                                    <input type="hidden" name="competences_origine"
+                                                        id="competences_origine">
+                                                    <br />Le métier de rattachement sert uniquement à vous proposer des
+                                                    compétences
+                                                    et ne sera pas affiché sur votre offre d’emploi.
+                                                </td>
+                                            </tr>
+                                        </table>
                                    </td>
                                </tr>
-                                 <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
-                                       {{ form_row(form.title) }}
-                                    </td>  
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.beneficiaire) }}
-                                    </td> 
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.location_gmap) }}
-                                       {{ form_row(form.location) }}
-                                    </td>   
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.description) }}
-                                    </td>   
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.contract_type) }}
-                                    </td>   
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.publicTag) }}
-                                    </td> 
- 
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
-                                        <button aria-label="" type="submit" class="btn btn-primary btn-cons btn-animated from-left pull-right"
-                                            type="button">
-                                            <span>{% if type is defined and type == 'update' %}Sauvegarde et étape suivante {% else %}Je crée mon annonce{% endif %}</span>
-                                            <span class="hidden-block">
-                                                <i class="material-icons fs-16">videocam</i>
-                                            </span>
-                                       </button>
-                                       {# <button class="btn btn-default" type="submit">Je crée mon annonce!</button> #}
-                                    </td>
-                                    
-                                </tr>
-                                
                            </table>
-                            
-                            
+                            <table class="table table-condensed ">
+                                <tr class='bg-contrast-lower'>
+                                    <td class="col-lg-12 col-md-12 col-sm-12 bg-contrast-lower">
+                                        <div id="competencesAd"></div><br />
+                                        <div id="competencesAdMessage" class="text-danger">Veuillez choisir un métier de
+                                            rattachement pour votre annonce.</div><br />
+                                        <div id="loadingDiv">Patientez...</div><br />
+                                        <div class="text-center" id="competencesButtonAd">
+                                            <button type="button" class="btn btn-info btn-lg" data-toggle="modal"
+                                                data-target="#ajoutCompetencesModal" id="ajoutCompetences">
+                                                Ajouter des compétences
+                                            </button>
+                                            <input type="hidden" id="nbCompetences">
+                                            <span id="nbCompetencesText"></span>
+                                        </div>
+                                    </td>
+                                    {{ form_row(form.appellationId) }}
+                                    {{ form_row(form.appellationLibelle) }}
+                                    {{ form_row(form.codeRome) }}
+                                </tr>
+
+                                {# <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                        {{ form_row(form.status) }}
+                                    </td>
+
+                                </tr> #}
+                                
+
+
+
+                            </table>
                        </div>
+                        <br>
+
+                        <button aria-label="" type="submit"
+                            class="btn btn-lg btn-primary btn-cons btn-animated from-left" id="saveAdButton"
+                            disabled="">
+                            <span>Suivant</span>
+                            <span class="hidden-block">
+                                <i class="material-icons tab-icon">videocam</i>
+                            </span>
+                        </button>
                    </div>
                </div>
+
            </div>
            {{ form_end(form) }}
-            <div class="tab-pane slide-left padding-20 sm-no-padding disabled" id="tab2">
-                <div class="row row-same-height">
-                    <div class="col-md-5 b-r b-dashed b-grey ">
-                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
-                            
-                        </div>
-                    </div>
-                    <div class="col-md-7">
-                        <div class="padding-30 sm-padding-5">
-                            
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="tab-pane slide-left padding-20 sm-no-padding disabled" id="tab3">
-                <div class="row row-same-height">
-                    <div class="col-md-5 b-r b-dashed b-grey ">
-                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
-                            <h2>We Secured Your Line</h2>
-                            <p>Below is a sample page for your cart , Created using pages design UI Elementes</p>
-                            <p class="small hint-text">Below is a sample page for your cart , Created using pages design
-                                UI Elementes</p>
-                            <table class="table table-condensed">
-                                <tr>
-                                    <td class=" col-md-9">
-                                        <span class="m-l-10 font-montserrat fs-11 all-caps">Webarch UI Framework</span>
-                                        <span class="m-l-10 ">Dashboard UI Pack</span>
-                                    </td>
-                                    <td class=" col-md-3 text-right">
-                                        <span>Qty 1</span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class=" col-md-9">
-                                        <span class="m-l-10 font-montserrat fs-11 all-caps">Pages UI Framework</span>
-                                        <span class="m-l-10 ">Next Gen UI Pack</span>
-                                    </td>
-                                    <td class=" col-md-3 text-right">
-                                        <span>Qty 1</span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td colspan="2" class=" col-md-3 text-right">
-                                        <h4 class="text-primary no-margin font-montserrat">$27</h4>
-                                    </td>
-                                </tr>
-                            </table>
-                            <p class="small">Invoice are issued on the date of despatch. Payment terms: Pre-orders:
-                                within 10 days of invoice date with 4% discount, from the 11th to the 30th day net.
-                                Re-orders: non-reduced stock items are payable net after 20 days. </p>
-                            <p class="small">By pressing Pay Now You will Agree to the Payment <a href="#">Terms &amp;
-                                    Conditions</a></p>
-                        </div>
-                    </div>
-                    <div class="col-md-7">
-                        <div class="padding-30 sm-padding-5">
-                            
-                            
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="padding-20 sm-padding-5 sm-m-b-20 sm-m-t-20 bg-white clearfix">
-                {# <ul class="pager wizard no-style">
-                    <li class="next">
-                        <button aria-label="" class="btn btn-primary btn-cons btn-animated from-left pull-right"
-                            type="button">
-                            <span>Je crée mon annonce</span>
-                            <span class="hidden-block">
-                                <i class="material-icons fs-16">local_shipping</i>
-                            </span>
-                        </button>
-                    </li>
-                    <li class="next finish hidden">
-                        <button aria-label="" class="btn btn-primary btn-cons btn-animated from-left pull-right"
-                            type="button">
-                            <span>Finish</span>
-                            <span class="hidden-block">
-                                <i class="material-icons fs-16">settings</i>
-                            </span>
-                        </button>
-                    </li>
-                    <li class="previous first hidden">
-                        <button aria-label="" class="btn btn-default btn-cons btn-animated from-left pull-right"
-                            type="button">
-                            <span>First</span>
-                            <span class="hidden-block">
-                                <i class="material-icons fs-16">settings</i>
-                            </span>
-                        </button>
-                    </li>
-                    <li class="previous">
-                        <button aria-label="" class="btn btn-default btn-cons btn-animated from-left pull-right"
-                            type="button">
-                            <span>Previous</span>
-                            <span class="hidden-block">
-                                <i class="material-icons fs-14">settings</i>
-                            </span>
-                        </button>
-                    </li>
-                </ul> #}
-            </div>
-            <div class="wizard-footer padding-20 bg-contrast-low">
-                <p class="small hint-text pull-left no-margin">
-                    
-                </p>
-                <div class="pull-right">
-                    
-                </div>
-                <div class="clearfix"></div>
-            </div>
        </div>
+
+        
+
+
+
+
    </div>
 </div>
+</div>
 <!-- END CONTAINER FLUID -->

+{% endblock %}
+
+{% block javascriptsSecondaire %}
+<script type="application/javascript">
+    //Methode permettant d'afficher le bloc nb d'heure si  est en temps partiel
+    function afficherTempsType() {
+        if ($("#ad_temps_type").val() == "PART_TIME") {
+            //$("#ligneNbHeure").show();
+            $("#ad_nombre_heure").prop("disabled", false);
+            $("#ad_nombre_heure_div").removeClass("disabled");
+        } else {
+            //$("#ligneNbHeure").hide().prop('required',false) ;;
+            $("#ad_nombre_heure").prop("disabled", true);
+            $("#ad_nombre_heure_div").addClass("disabled");
+        }
+    }
+
+    //Methode permettant d'afficher le bloc durée de contrat si le contrat est un CDI
+    function afficherDureeContrat() {
+        console.log("type de contrat =" + $("#ad_contract_type").val());
+        if ($("#ad_contract_type").val() == "CDD") {
+            //$("#ligneDureeContrat").show();
+            $("#ad_duree_contrat").prop("disabled", false);
+            $("#ad_duree_contrat_div").removeClass("disabled");
+        } else {
+            //$("#ligneDureeContrat").hide().prop('required',false) ;
+            $("#ad_duree_contrat").prop("disabled", true);
+            $("#ad_duree_contrat_div").addClass("disabled");
+        }
+    }
+
+
+
+    $("#ad_temps_type").change(function () {
+        afficherTempsType();
+    });
+
+    $("#ad_contract_type").change(function () {
+        afficherDureeContrat();
+    });
+
+    //methode qui permet de générer le json des competences. 
+    // c'est le champ ad_competences qui sert à l'enregistrement en base
+    function genererJson() {
+        var competences = "";
+        //competences = [];
+        var nbCompetencesSelect = 0;
+        //on parcourt toutes les checkbox cochées
+        $(":checkbox:checked").map(function () {
+            //on recuperer l'input car l'id du champ est formaté comme suit competence_ ou competencepopup_
+            var input = this.id.split('_');
+            // on ne ored=nd que les input de la page pricnipale (pas ceux de la popup)
+            if (input[0] == "competence") {
+                var retour = this.value.split('_');
+                //var competence = [retour[0], parseInt(retour[1])];
+                console.log(this.value);
+                //competences.push(competence);
+                //on remplace la virgule par un esapce car sinon bug (les compétences sont séparés par une virgule)
+                
+                var chaine = this.value.replace("'", " ");
+                chaine = chaine.replace(",", " ");
+                //On limite a 10 compétences, au dela, on les enregistre pas dans le champ ad_competences
+                if (nbCompetencesSelect < 11) {
+                    competences += chaine + ",";
+                    nbCompetencesSelect++;
+                }
+
+                $("#nbCompetencesText").html(nbCompetencesSelect + " compétences sélectionnées");
+                $("#ajouterCompetenceButtonMdal").html("Ajouter (+" + nbCompetencesSelect + ")");
+                $("#nbCompetences").val(nbCompetencesSelect);
+                //return competence;
+            }
+
+        }).get();
+        console.log(competences);
+        // on renseigne le champ ad_competences
+        $("#ad_competences").val(competences);
+        //Gestion des erreurs si aucune compétence
+        if (nbCompetencesSelect == 0) {
+            $("#nbCompetencesText").html("");
+            $("#competencesAdMessage").html(
+                "Vous devez sélectionner au minimum une compétence "
+            );
+            $("#competencesAdMessagePopup").html(
+                "Vous devez sélectionner au minimum une compétence "
+            );
+            $("#ajouterCompetenceButtonMdal").html("Ajouter (+0)");
+            $("#ajouterCompetenceButtonMdal").hide();
+            $("#saveAdButton").prop("disabled", true);
+        } else if (nbCompetencesSelect > 9) {
+            //Gestion des erreurs si plusde 10 compétences
+            $("#saveAdButton").prop("disabled", false);
+            $("#competencesAdMessage").html(
+                "Vous avez atteint le nombre maximum de compétences. "
+            );
+            $("#competencesAdMessagePopup").html(
+                "Vous avez atteint le nombre maximum de compétences. "
+            );
+            if (nbCompetencesSelect > 10) {
+                $("#ajouterCompetenceButtonMdal").hide();
+
+            }
+        } else {
+            //cas standards, on reinitialise les champs a vide
+
+            $("#competencesAdMessage").html(" ");
+            $("#competencesAdMessagePopup").html(" ");
+            $("#saveAdButton").prop("disabled", false);
+            $("#ajouterCompetenceButtonMdal").show();
+        }
+        console.log("valeur saiisie");
+        if ($("#saisie").val() == "" || !$("#saisie").val()) {
+            $("#competencesAdMessage").html(
+                "Veuillez choisir un métier de rattachement pour votre annonce. "
+            );
+        }
+
+    }
+
+    $(document).ready(function () {
+        afficherTempsType();
+        afficherDureeContrat();
+        $("#saveAdButton").prop("disabled", true);
+        //ad_appellationId
+        //ad_appellationLibelle
+        //ad_competences
+        // renseignement des champs temporaires (champ caché)
+        $("#id_appellation_temporaire").val($("#ad_appellationId").val());
+        $("#metier_temporaire").val($("#ad_appellationLibelle").val());
+        // renseignement du champ visible (init du métier)
+        $("#saisie").val($("#ad_appellationLibelle").val());
+        $("#competences_origine").val($("#ad_competences").val());
+        if ($("#ad_competences").val() != 'null') {
+            $("#saveAdButton").prop("disabled", false);
+        }
+        //charger les compétences en fonction du métier d'origine
+        chargerCompetences("init");
+        //cocher les cases par rapport aux compétences d'origine
+
+    });
+</script>
+<script>
+    $(document)
+        .ready(function () {
+            // Construction du champ typeahead d'auto compléetion de métier
+            $("#competencesButtonAd").hide();
+            $('#loadingDiv').hide();
+            var metiers = new Bloodhound({
+                datumTokenizer: Bloodhound.tokenizers.whitespace,
+                queryTokenizer: Bloodhound.tokenizers.whitespace,
+                remote: {
+                    // Ajax qui appelle getAppellionsMetier (API TT qui appelle APi pole emploi)
+                    url: '/app_dev.php/api/getAppelationsLibelle',
+                    wildcar: '%QUERY',
+                    filter: function (metiers) {
+                        return $.map(metiers, function (metier) {
+                            //console.log(metier);
+                            return {
+                                metier_id: metier.code,
+                                metier_libelle: metier.libelle
+                            }
+                        })
+                    },
+                    prepare: function (query, settings) {
+                        //ing%20agro
+                        //query = query.replace(" ", "%20");
+                        settings.url += '?q=' + query;
+                        return settings;
+                    }
+                },
+
+            });
+            metiers.initialize();
+            // Initializing the typeahead
+            $('#saisie').typeahead({
+                hint: true,
+                highlight: true
+            }, {
+                name: 'metiers',
+                source: metiers.ttAdapter(),
+                display: 'metier_libelle',
+                limit: 10,
+                templates: {
+                    suggestion: function (data) {
+                        //comment sont formaté les suggestion de l'auto completion
+                        $(".tt-dataset-metiers").show();
+                        var chaine = data.metier_libelle.replace("'", " ");
+                        var chaine = chaine.replace("'", "&#44;");
+                        return '<div onclick="chargerDonneesTemp(' + data.metier_id + ',\'' +
+                            chaine +
+                            '\')" data-toggle="modal" data-target="#competencesModal" id="competences"><a href="#" >' +
+                            data.metier_libelle +
+                            '</a></div>'
+                    },
+                    footer: function (query) {
+                        //return '<div class="text-center">Plus de résultats :' + query.query + '</div>';
+                    },
+                    empty: function (context) {
+                        //  cas ou l'on ne trpouve rien
+                        $("#competencesAdMessage").html(
+                            " Aucun résultat ne correspond à votre recherche. <br/>Saisissez un autre mot clé pour trouver votre métier de rattachement."
+                        );
+                        return '<div class="text-center">Aucun résultat</div>';
+                    }
+                }
+            });
+        });
+
+    //methode qui charge métier temporaire (en attente validation de la popup)
+    //En effet, on demande a l'utilsiateur s'il est sur. C'est pour ca qu'on a a ces champs temporaires
+    function chargerDonneesTemp(codeRome, libelleMetier) {
+        $("#id_appellation_temporaire").val(codeRome);
+        console.log(codeRome);
+        $("#metier_temporaire").val(libelleMetier);
+        $(".metierPopup").text(libelleMetier);
+        console.log(libelleMetier);
+    }
+    //Charger les compétences, code Rome, d'un métier 
+    //appel de l'api TT getDetailAppelaltion qui appelle une autre Api Pole emploi
+
+    function chargerCompetences(type) {
+        $.ajax({
+                //L'URL de la requête 
+                url: "/app_dev.php/api/getDetailAppelation",
+                //url: '{{ path("anwser_share", {"id":'+id+'}) }}',
+                //La méthode d'envoi (type de requête)
+                method: "GET",
+                data: 'q=' + $("#id_appellation_temporaire").val(),
+                //Le format de réponse attendu
+                dataType: "json",
+                beforeSend: function () { // Before we send the request, remove the .hidden class from the spinner and default to inline-block.
+                    $('#loadingDiv').show();
+                    console.log("début loading");
+                },
+            })
+            //Ce code sera exécuté en cas de succès - La réponse du serveur est passée à done()
+            /*On peut par exemple convertir cette réponse en chaine JSON et insérer
+             * cette chaine dans un div id="res"*/
+            .done(function (response) {
+                let data = JSON.stringify(response);
+                const obj = JSON.parse(data);
+                //chargement du code ROme
+                $("#ad_codeRome").val(obj.metier.code);
+                //Passage du l'id appelation et de son libelle temporaire
+                $("#ad_appellationId").val($("#id_appellation_temporaire").val());
+                $("#ad_appellationLibelle").val($("#metier_temporaire").val());
+                $('.metierAncienPopup').text($("#metier_temporaire").val());
+                //Init des champs de compétences
+                $("#competencesAd").text("");
+                $("#competencesAdPopup").text("");
+                $("#competencesAdMessage").html("");
+                //parcours de l'objet json renvoyé par l'api (competence de base)
+                obj.competencesDeBase.forEach(function (object) {
+                    // Pour chaque compétences, on crée 
+                    //1 checkbox dans la page principal. iL est affiché par défaut si c'est une compétence clé. les compéetences clés sonr cochés
+                    // 1 checkbox dans la popup d'ajout de competences. Par defaut, seul les compétences clé sont cochés  
+                    var hidden = "";
+                    var checked = "";
+                    if (object.competenceCle == true && type != "init") {
+                        checked = "checked";
+                    }
+                    var chaine = object.libelle.replace("'", " ");
+                    chaine = chaine.replace(",", " ");
+                    chaine = chaine.replace('"', " ");
+                    $("#competencesAd").append('<div id="competence_ad_' + object.code +
+                        '" name="competences_ad[]"><input type="checkbox"  ' + checked +
+                        ' onChange="genererCompetences(this);"  id="competence_' + object
+                        .code + '" value="' + chaine + "_" + object.code + '"> ' + object.libelle +
+                        '<br/></div>');
+
+                    $("#competencesAdPopup").append('<div id="competence_ad_popup_' + object.code +
+                        '"><input type="checkbox" ' + checked +
+                        ' onChange="genererCompetences(this);" id="competencepopup_' + object
+                        .code + '" value="' + object.code + '"> ' + object.libelle + '<br/></div>');
+                    if (object.competenceCle == false) {
+                        $("#competence_ad_" + object.code).hide();
+                    }
+                });
+
+                //parcours de l'objet json renvoyé par l'api ( groupes de compétences spécifiques)
+                obj.groupesCompetencesSpecifiques.forEach(function (object) {
+                    //parcours de l'objet json renvoyé par l'api ( groupes de compétences spécifiques)
+                    object.competences.forEach(function (competence) {
+                        // Pour chaque compétences, on crée 
+                        //1 checkbox dans la page principal. iL est affiché par défaut si c'est une compétence clé. les compéetences clés sonr cochés
+                        // 1 checkbox dans la popup d'ajout de competences. Par defaut, seul les compétences clé sont cochés  
+                        var hidden = "";
+                        var checked = "";
+                        //On on ne coche pas ces competences clé (uniquement les compétences de base) sur le formulaire de base 
+                        //if (competence.competenceCle == true && type != "init") {
+                        //checked = "checked";
+                        //}
+                        var chaine = competence.libelle.replace("'", " ");
+                        chaine = chaine.replace(",", " ");
+                        $("#competencesAd").append("<div id='competence_ad_" + competence.code +
+                            "' name='competences_ad[]'><input type='checkbox'  " + checked +
+                            " onChange='genererCompetences(this);'  id='competence_" +
+                            competence
+                            .code + "' value='" + chaine + "_" + competence.code + "'> " +
+                            competence.libelle + "<br/></div>");
+
+                        $("#competencesAdPopup").append("<div id='competence_ad_popup_" + competence
+                            .code + "'><input type='checkbox' " + checked +
+                            " onChange='genererCompetences(this);' id='competencepopup_" +
+                            competence
+                            .code + "' value='" + competence.code + "'> " + competence.libelle +
+                            "<br/></div>");
+                        //On n'affiche pas ces competences (meme les competences clé) sur le formulaire de base
+                        //if (competence.competenceCle == false) {
+                        $("#competence_ad_" + competence.code).hide();
+                        //}
+                    });
+                });
+                $("#competencesButtonAd").show();
+                //lors de l'init, on affiche et coche les compétences récupérer en base. On désaffiche et decoche celle qui n'y sont plus
+                // Pareil pour la popup sauf qu'elles sont toutes affichées
+                if (type == "init") {
+                    const obj = JSON.parse($("#ad_competences").val());
+                    console.log(obj);
+                    for (var key in obj) {
+                        for (var key2 in obj[key]) {
+                            //console.log(obj[key][key2]);
+                            console.log(key2);
+
+                            $("#competencepopup_" + key2).prop("checked", true);
+                            $("#competence_" + key2).prop("checked", true);
+                            $("#competence_ad_" + key2).show();
+                        }
+                    }
+                }
+                //on génere le json qui va remplir le champ ad_competences
+                genererJson();
+                $('#loadingDiv').hide();
+            })
+
+            //Ce code sera exécuté en cas d'échec - L'erreur est passée à fail()
+            //On peut afficher les informations relatives à la requête et à l'erreur
+            .fail(function (error) {
+                $("#competencesAd").text("");
+                $("#competencesAdPopup").text("");
+                if ($("#saisie").val() != "") {
+                    // si il y a un pb avec l'api pole emploi, on affiche ce message
+                    $("#competencesAdMessage").html(
+                        "Une erreur est survenue dans la recherche du métier de rattachement.  <a href='#' onclick='chargerCompetences();'><br/><i class='fa fa-refresh fa-spin fa-fw'></i>Cliquez ici pour relancer la recherche</a> "
+                    );
+
+                }
+                $('#loadingDiv').hide();
+                console.log("La requête s'est terminée en échec q= " + $("#id_appellation_temporaire").val() +
+                    " Infos : " + JSON.stringify(error));
+            })
+            //Ce code sera exécuté que la requête soit un succès ou un échec
+            .always(function () {
+                console.log("Requête effectuée");
+            });
+    }
+    // function qui permet de synchroniser les compétences de la page et celles de la popup
+    // ca va dans les deux sens.
+    function genererCompetences(cb) {
+        console.log("Clicked, new value = " + cb.checked);
+        console.log("Clicked, target = " + cb.id);
+        var id = cb.id.split('_');
+        id = id[1];
+        if ($("#nbCompetences").val() < 10) {
+            $("#competence_" + id).prop("checked", cb.checked);
+            $("#competencepopup_" + id).prop("checked", cb.checked);
+            if (cb.checked) {
+                console.log("reaffichage div  #competence_ad_" + id);
+                $("#competence_ad_" + id).show();
+            } else {
+                console.log("hidden de div  #competence_ad_" + id);
+                $("#competence_ad_" + id).hide();
+            }
+        } else {
+            $("#competence_" + id).prop("checked", false);
+            $("#competence_ad_" + id).hide();
+            //$("#competence_" + id).hide();
+            $("#competencepopup_" + id).prop("checked", false);
+        }
+        // on génere le json a chaque fois
+        genererJson();
+    }
+</script>
 {% endblock %}
@@ -1,230 +1,709 @@
 {# {% extends 'company/base_dashboard_company.html.twig' %} #}
 {% extends 'admin/base_dashboard.html.twig' %}
+{% block javascriptSupl %}
+<style>
+    .saisie thead tr th,
+    .saisie tbody tr td,
+    .saisie tbody tr td *:not(.dropdown-default) .saisie tr td {
+        overflow: visible;

+    }
+
+    .modalCompetences {
+        height: 600px;
+    }
+</style>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/corejs-typeahead/1.3.1/bloodhound.min.js" type="text/javascript">
+</script>
+<script src="{{ asset('dashboard/plugins/typeahead/typeahead.bundle.js') }}" type="text/javascript"></script>
+{% endblock %}
 {% block dashContent %}
-<div class="row bg-bordered p-0">
-    {# {% include 'company/ad_steps.html.twig' with {'tab':1} %} #}
-    <div class="p-20">
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="/entreprise/me/">Accueil</a></li>
+                <li class="breadcrumb-item"><a href="{{ path('company_ad') }}">Offres d'emploi</a></li>

-        {# {% if form_errors(form) %}
-        <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
-        {% endif %}
-        {{ form_start(form) }}
-        {{ form_widget(form) }}
-        <br />
-        <div style="text-align: right;">
-            <button class="btn btn-default" type="submit">Je crée mon annonce!</button>
+            </ol>
+            <!-- END BREADCRUMB -->

        </div>
-        {{ form_end(form) }} #}
    </div>
 </div>
-<!-- START CONTAINER FLUID -->
-<div class=" container-fluid   container-fixed-lg">
-    <div id="rootwizard" class="m-t-50">
-        {% include 'company/ad_stepsV2.html.twig' with {'tab':1} %}
-        
-        <div class="tab-content">
-            <div class="tab-pane padding-20 sm-no-padding active slide-left" id="tab1">
-                <div class="row row-same-height">
-                    <div class="col-md-5 b-r b-dashed b-grey sm-b-b">
-                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
-                            <i class="material-icons hint-text">shopping_cart</i>
-                            <h2>Etape 1</h2>
-                            <p>Discover goods you'll love from brands that inspire. The easiest way to open your own
-                                online store. Discover amazing stuff or open your own store for free!</p>
-                            <p class="small hint-text">Below is a sample page for your cart , Created using pages design
-                                UI Elementes</p>
-                        </div>
-                    </div>
-                    <div class="col-md-7">
-                        <div class="padding-30 sm-padding-5">
-                          {{ form_start(form, {'attr': {'class': 'form-horizontal'}}) }}
-                            <table class="table table-condensed form-horizontal">
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
-                                       {% if form_errors(form) %}
-                                        <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
-                                        {% endif %}
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
-                                    {% if form.reference is defined%}
-                                       {{ form_row(form.reference) }}
-                                    {% endif %}
-                                    </td>
-                                </tr>
-                                 <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
-                                       {% if form.title is defined%}
-                                            {{ form_row(form.title) }}
-                                       {% endif %}
-                                    </td>  
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.beneficiaire) }}
-                                    </td> 
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.location_gmap) }}
-                                       {{ form_row(form.location) }}
-                                    </td>   
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.description) }}
-                                    </td>   
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.contract_type) }}
-                                    </td>   
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.publicTag) }}
-                                    </td> 
- 
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
-                                        <button aria-label="" type="submit" class="btn btn-primary btn-cons btn-animated from-left pull-right"
-                                            type="button">
-                                            <span>Je crée mon annonce</span>
-                                            <span class="hidden-block">
-                                                <i class="material-icons fs-16">local_shipping</i>
-                                            </span>
-                                       </button>
-                                       {# <button class="btn btn-default" type="submit">Je crée mon annonce!</button> #}
-                                    </td>
-                                    
-                                </tr>
-                                
-                            </table>
-                        {{ form_end(form) }}    
-                            
-                        </div>
-                    </div>
-                </div>
+<!-- END JUMBOTRON -->
+
+<!-- MODALS-->
+
+<!-- Modal 1 -->
+<div class="modal fade bd-example-modal-lg" id="competencesModal" tabindex="-1" role="dialog"
+    aria-labelledby="competencesModalLabel" aria-hidden="false" data-show="false">
+    <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="competencesModalLabel">Souhaitez-vous sélectionner le métier <span
+                        class="metierPopup"></span>?</h5>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
            </div>
-            <div class="tab-pane slide-left padding-20 sm-no-padding disabled" id="tab2">
-                <div class="row row-same-height">
-                    <div class="col-md-5 b-r b-dashed b-grey ">
-                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
-                            
-                        </div>
-                    </div>
-                    <div class="col-md-7">
-                        <div class="padding-30 sm-padding-5">
-                            
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="tab-pane slide-left padding-20 sm-no-padding disabled" id="tab3">
-                <div class="row row-same-height">
-                    <div class="col-md-5 b-r b-dashed b-grey ">
-                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
-                            <h2>We Secured Your Line</h2>
-                            <p>Below is a sample page for your cart , Created using pages design UI Elementes</p>
-                            <p class="small hint-text">Below is a sample page for your cart , Created using pages design
-                                UI Elementes</p>
-                            <table class="table table-condensed">
-                                <tr>
-                                    <td class=" col-md-9">
-                                        <span class="m-l-10 font-montserrat fs-11 all-caps">Webarch UI Framework</span>
-                                        <span class="m-l-10 ">Dashboard UI Pack</span>
-                                    </td>
-                                    <td class=" col-md-3 text-right">
-                                        <span>Qty 1</span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class=" col-md-9">
-                                        <span class="m-l-10 font-montserrat fs-11 all-caps">Pages UI Framework</span>
-                                        <span class="m-l-10 ">Next Gen UI Pack</span>
-                                    </td>
-                                    <td class=" col-md-3 text-right">
-                                        <span>Qty 1</span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td colspan="2" class=" col-md-3 text-right">
-                                        <h4 class="text-primary no-margin font-montserrat">$27</h4>
-                                    </td>
-                                </tr>
-                            </table>
-                            <p class="small">Invoice are issued on the date of despatch. Payment terms: Pre-orders:
-                                within 10 days of invoice date with 4% discount, from the 11th to the 30th day net.
-                                Re-orders: non-reduced stock items are payable net after 20 days. </p>
-                            <p class="small">By pressing Pay Now You will Agree to the Payment <a href="#">Terms &amp;
-                                    Conditions</a></p>
-                        </div>
-                    </div>
-                    <div class="col-md-7">
-                        <div class="padding-30 sm-padding-5">
-                            
-                            
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="padding-20 sm-padding-5 sm-m-b-20 sm-m-t-20 bg-white clearfix">
-                {# <ul class="pager wizard no-style">
-                    <li class="next">
-                        <button aria-label="" class="btn btn-primary btn-cons btn-animated from-left pull-right"
-                            type="button">
-                            <span>Je crée mon annonce</span>
-                            <span class="hidden-block">
-                                <i class="material-icons fs-16">local_shipping</i>
-                            </span>
-                        </button>
-                    </li>
-                    <li class="next finish hidden">
-                        <button aria-label="" class="btn btn-primary btn-cons btn-animated from-left pull-right"
-                            type="button">
-                            <span>Finish</span>
-                            <span class="hidden-block">
-                                <i class="material-icons fs-16">settings</i>
-                            </span>
-                        </button>
-                    </li>
-                    <li class="previous first hidden">
-                        <button aria-label="" class="btn btn-default btn-cons btn-animated from-left pull-right"
-                            type="button">
-                            <span>First</span>
-                            <span class="hidden-block">
-                                <i class="material-icons fs-16">settings</i>
-                            </span>
-                        </button>
-                    </li>
-                    <li class="previous">
-                        <button aria-label="" class="btn btn-default btn-cons btn-animated from-left pull-right"
-                            type="button">
-                            <span>Previous</span>
-                            <span class="hidden-block">
-                                <i class="material-icons fs-14">settings</i>
-                            </span>
-                        </button>
-                    </li>
-                </ul> #}
-            </div>
-            <div class="wizard-footer padding-20 bg-contrast-low">
-                <p class="small hint-text pull-left no-margin">
-                    
+            <div class="modal-body">
+                <h5>&nbsp;</h5>
+                <p>
+
+                    Si vous aviez précédemment sélectionné des compétences en lien avec l'ancien métier de rattachement,
+                    celles-ci seront remplacées par les nouvelles compétences, correspondant au métier <span
+                        class="metierPopup"></span>.
                </p>
-                <div class="pull-right">
-                    
-                </div>
-                <div class="clearfix"></div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
+                <button type="button" class="btn btn-secondary" data-dismiss="modal"
+                    onclick="chargerCompetences();">Sélectionner</button>
            </div>
        </div>
    </div>
 </div>
+
+
+<!-- Modal 2 -->
+<div class="modal fade modalCompetences" id="ajoutCompetencesModal" tabindex="-1" role="dialog"
+    aria-labelledby="ajoutCompetencesModalLabel" aria-hidden="false" data-show="false">
+    <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h6 class="modal-title">Sélectionnez les compétences recherchées pour le poste à pourvoir </h6>
+                <h7 class="modal-title">Vous pouvez sélectionner jusqu’à 10 compétences à afficher dans votre offre
+                    d’emploi. </h7>
+            </div>
+            <div class="modal-body">
+
+                {# <p>Etes vous sur de charger les compétences du métier <span id="metierPopup"></span></p> #}
+                <div class="card card-default">
+                    <div class="card-body">
+                        <div class="scrollable">
+                            <div class="demo-card-scrollable">
+                                <div id="competencesAdPopup"></div>
+                            </div>
+                        </div>
+                        <div id="competencesAdMessagePopup" class="text-danger"></div>
+                    </div>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" id="ajouterCompetenceButtonMdal" class="btn btn-secondary" data-dismiss="modal"
+                    onclick="">Ajouter ces compétences</button>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- FIN MODALS-->
+
+
+<!-- START CONTAINER FLUID -->
+<div class=" container-fluid   container-fixed-lg">
+    <div class="col-lg-8 bloc-header">
+        <div class="card card-default container">
+            <div class="card-body">
+                <div class="row" style="min-height:10rem;">
+                    <div class="col-8">
+                        <h4 class="header-title" style="font-size:2em;line-height:1.5em;">Création d'une offre d'emploi
+                            vidéo</h4>
+                        <p>Pour trouver le bon profil, renseignez et personnalisez votre annonce. <br>Plus votre annonce
+                            est précise et attractive, plus les candidatures seront ciblées.</p>
+                    </div>
+                    <div class="col-4"
+                        style="background-repeat: no-repeat; background-image: url('https://blog.talentstube.com/wp-content/uploads/2021/02/creer-offre-emploi-video.svg');background-size: contain;background-position: center;">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div id="rootwizard" class="col-lg-8 m-t-50">
+        {% if type is defined and type == 'update' %}
+        {% include 'company/ad_stepsV2.html.twig' with {'tab':1, 'type':'update'} %}
+        {% else %}
+        {% include 'company/ad_stepsV2.html.twig' with {'tab':1} %}
+        {% endif %}
+
+        <div class="tab-content">
+            {{ form_start(form, {'attr': {'class': ''}}) }}
+
+            <div class="tab-pane padding-20 sm-no-padding active slide-left" id="tab1">
+                <div class="row row-same-height">
+                    <div class="col-md">
+                        <h4>À propos du poste</h4>
+                        <br>
+                        {% if form.title is defined%}
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_title" class="required active">Intitulé du poste</label><input type="text"
+                                id="ad_title" name="ad[title]" required="required" placeholder="Ex: Commercial (H/F)"
+                                class="form-control"> #}
+                            {{ form_row(form.title) }}
+                        </div>
+                        {% endif %}
+                        {% if form.reference is defined%}
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_reference" class="required active">Référence de l'offre
+                                d'emploi</label><input type="text" id="ad_reference" name="ad[reference]"
+                                required="required" placeholder="Ex : BTH567" class="form-control"> #}
+                            {{ form_row(form.reference) }}
+                        </div>
+                        {% endif %}
+                        <div class="form-group form-group-default required" style="min-height:250px;">
+                            {# <label for="ad_description" class="required active">Description du poste</label>
+                            <textarea id="ad_description" name="ad[description]" required="required"
+                                class="form-control"
+                                placeholder="Décrivez le poste, les missions, le profil recherché..."></textarea> #}
+                            {{ form_row(form.description) }}
+                        </div>
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_location_gmap" class="required active">Localisation du poste</label><input
+                                type="text" id="ad_location_gmap" name="ad[location_gmap]" required="required" value=""
+                                class="form-control pac-target-input"
+                                placeholder="Ex : 3 Rue Louis de Broglie, Vannes, France" autocomplete="off"> #}
+                            {{ form_row(form.location_gmap) }}
+                            {{ form_row(form.location) }}
+                        </div>
+                        {# <input type="hidden" id="ad_location" name="ad[location]" value="null"> #}
+                        <br>
+                        <h6>Organisation cliente (facultatif)</h6>
+                        <div class="form-group form-group-default">
+                            {# <label for="ad_beneficiaire" class="active">Nom de l'organisation</label>
+                            <input type="text" id="ad_beneficiaire" name="ad[beneficiaire]" placeholder=""
+                                class="form-control"> #}
+                            {{ form_row(form.beneficiaire) }}
+                        </div>
+                        <p class="fs-12 bold">Vous souhaitez recruter pour l'un de vos clients ? Veuillez renseigner le
+                            champ ci-dessus</p>
+                        <br>
+                        <h4>Critères de l'offre d'emploi</h4>
+                        <br>
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_contract_type" class="required">Type de contrat:</label>
+                            <select id="ad_contract_type" name="ad[contract_type]" class="form-control">
+                                <option value="CDI">CDI</option>
+                                <option value="CDD">CDD</option>
+                                <option value="Apprentissage">Apprentissage</option>
+                                <option value="professionnalisation">Contrat de professionnalisation</option>
+                                <option value="Stage">Stage</option>
+                                <option value="Indépendant">Indépendant</option>
+                                <option value="Interim">Interim</option>
+                            </select> #}
+                            {{ form_row(form.contract_type) }}
+                        </div>
+                        <div class="form-group form-group-default disabled" id="ad_duree_contrat_div">
+                            {# <label for="ad_duree_contrat" class="active">Durée du contrat en mois</label>
+                            <input type="number" id="ad_duree_contrat" name="ad[duree_contrat]" value="0"
+                                class="form-control" placeholder="Ex : 6" min="0" max="36" disabled=""> #}
+                            {{ form_row(form.duree_contrat) }}
+                        </div>
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_temps_type" class="required">Type d'emploi</label>
+                            <select id="ad_temps_type" name="ad[temps_type]" class="form-control">
+                                <option value="FULL_TIME">Temps plein </option>
+                                <option value="PART_TIME">Temps partiel </option>
+                                <option value="MIX_TIME">Temps plein ou temps partiel</option>
+                            </select> #}
+                            {{ form_row(form.temps_type) }}
+                        </div>
+                        <div class="form-group form-group-default disabled" id="ad_nombre_heure_div">
+                            {# <label for="ad_nombre_heure" class="active">Temps de travail (Le nombre saisi correspond au
+                                nombre d'heures/semaine.)</label>
+                            <input type="number" id="ad_nombre_heure" name="ad[nombre_heure]" value="0"
+                                class="form-control" placeholder="Ex : 20" min="0" max="35" disabled=""> #}
+                            {{ form_row(form.nombre_heure) }}
+                        </div>
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_teletravail" class="required">Possibilité de faire du Télétravail?</label>
+                            <select id="ad_teletravail" name="ad[teletravail]" class="form-control">
+                                <option value="tele_occasionel">Occasionnel </option>
+                                <option value="tele_partiel">Partiel </option>
+                                <option value="tele_total">Total</option>
+                                <option value="tele_non">Non</option>
+                            </select> #}
+                            {{ form_row(form.teletravail) }}
+                            {{ form_row(form.status) }}
+                        </div>
+
+                        <br>
+                        <h4 class="no-margin p-b-5">Compétences recherchées</h4>
+                        <br>
+                        <div class="col bg-contrast-lower">
+                            <br>
+                            <table>
+                                <tr class='bg-contrast-lower'>
+                                    <td class="col-lg-12 col-md-12 col-sm-12 bg-contrast-lower">
+                                        <h3 class="no-margin p-b-5">Compétences recherchées</h3>
+                                        <br />
+                                        Recherchez le métier de rattachement le plus proche de l’intitulé de poste
+                                        que vous avez saisi.
+
+
+                                        </button>
+
+                                    </td>
+                                </tr>
+                                <tr class='bg-contrast-lower'>
+                                    <td class="col-lg-12 col-md-12 col-sm-12 bg-contrast-lower">
+                                        <table class='saisie'>
+                                            <tr class='saisie'>
+                                                <td class='saisie'>
+                                                    <label for="saisie" class="required">Métier de
+                                                        rattachement</label><br />
+                                                    <input class="typeahead form-control sample-typehead tt-input"
+                                                        id="saisie" type="text" placeholder="Saisir un métier"
+                                                        autocomplete="off" spellcheck="false" dir="auto"
+                                                        style="position: relative; vertical-align: top; background-color: transparent;">
+                                                    <br />
+                                                    <input type="hidden" name="id_appellation_temporaire"
+                                                        id="id_appellation_temporaire">
+                                                    <input type="hidden" name="metier_temporaire"
+                                                        id="metier_temporaire">
+                                                    <input type="hidden" name="competences_origine"
+                                                        id="competences_origine">
+                                                    <br />Le métier de rattachement sert uniquement à vous proposer des
+                                                    compétences
+                                                    et ne sera pas affiché sur votre offre d’emploi.
+                                                </td>
+                                            </tr>
+                                        </table>
+                                    </td>
+                                </tr>
+                            </table>
+                            <table class="table table-condensed ">
+                                <tr class='bg-contrast-lower'>
+                                    <td class="col-lg-12 col-md-12 col-sm-12 bg-contrast-lower">
+                                        <div id="competencesAd"></div><br />
+                                        <div id="competencesAdMessage" class="text-danger">Veuillez choisir un métier de
+                                            rattachement pour votre annonce.</div><br />
+                                        <div id="loadingDiv">Patientez...</div><br />
+                                        <div class="text-center" id="competencesButtonAd">
+                                            <button type="button" class="btn btn-info btn-lg" data-toggle="modal"
+                                                data-target="#ajoutCompetencesModal" id="ajoutCompetences">
+                                                Ajouter des compétences
+                                            </button>
+                                            <input type="hidden" id="nbCompetences">
+                                            <span id="nbCompetencesText"></span>
+                                        </div>
+                                    </td>
+                                    {{ form_row(form.appellationId) }}
+                                    {{ form_row(form.appellationLibelle) }}
+                                    {{ form_row(form.codeRome) }}
+                                </tr>
+
+                                {# <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                        {{ form_row(form.status) }}
+                                    </td>
+
+                                </tr> #}
+
+
+
+
+                            </table>
+                        </div>
+                        <br>
+
+                        <button aria-label="" type="submit"
+                            class="btn btn-lg btn-primary btn-cons btn-animated from-left" id="saveAdButton"
+                            disabled="">
+                            <span>Suivant</span>
+                            <span class="hidden-block">
+                                <i class="material-icons tab-icon">videocam</i>
+                            </span>
+                        </button>
+                    </div>
+                </div>
+
+            </div>
+            {{ form_end(form) }}
+        </div>
+
+        
+
+
+
+
+    </div>
+</div>
+</div>
 <!-- END CONTAINER FLUID -->

+{% endblock %}
+
+{% block javascriptsSecondaire %}
+<script type="application/javascript">
+    function afficherTempsType() {
+        if ($("#ad_temps_type").val() == "PART_TIME") {
+            //$("#ligneNbHeure").show();
+            $("#ad_nombre_heure").prop("disabled", false);
+            $("#ad_nombre_heure_div").removeClass("disabled");
+        } else {
+            //$("#ligneNbHeure").hide().prop('required',false) ;;
+            $("#ad_nombre_heure").prop("disabled", true);
+            $("#ad_nombre_heure_div").addClass("disabled");
+        }
+    }
+
+    //Methode permettant d'afficher le bloc durée de contrat si le contrat est un CDI
+    function afficherDureeContrat() {
+        console.log("type de contrat =" + $("#ad_contract_type").val());
+        if ($("#ad_contract_type").val() == "CDD") {
+            //$("#ligneDureeContrat").show();
+            $("#ad_duree_contrat").prop("disabled", false);
+            $("#ad_duree_contrat_div").removeClass("disabled");
+        } else {
+            //$("#ligneDureeContrat").hide().prop('required',false) ;
+            $("#ad_duree_contrat").prop("disabled", true);
+            $("#ad_duree_contrat_div").addClass("disabled");
+        }
+    }
+
+    $("#ad_soft_temps_type").change(function () {
+        afficherTempsType();
+    });
+
+    $("#ad_soft_contract_type").change(function () {
+        afficherDureeContrat();
+    });
+
+    //methode qui permet de générer le json des competences. 
+    // c'est le champ ad_competences qui sert à l'enregistrement en base
+    function genererJson() {
+        var competences = "";
+        //competences = [];
+        var nbCompetencesSelect = 0;
+        //on parcourt toutes les checkbox cochées
+        $(":checkbox:checked").map(function () {
+            //on recuperer l'input car l'id du champ est formaté comme suit competence_ ou competencepopup_
+            var input = this.id.split('_');
+            // on ne ored=nd que les input de la page pricnipale (pas ceux de la popup)
+            if (input[0] == "competence") {
+                var retour = this.value.split('_');
+                //var competence = [retour[0], parseInt(retour[1])];
+                console.log(this.value);
+                //competences.push(competence);
+                //on remplace la virgule par un esapce car sinon bug (les compétences sont séparés par une virgule)
+                var chaine = this.value.replace(",", " ");
+                //On limite a 10 compétences, au dela, on les enregistre pas dans le champ ad_competences
+                if (nbCompetencesSelect < 11) {
+                    competences += chaine + ",";
+                    nbCompetencesSelect++;
+                }
+
+                $("#nbCompetencesText").html(nbCompetencesSelect + " compétences sélectionnées");
+                $("#ajouterCompetenceButtonMdal").html("Ajouter (+" + nbCompetencesSelect + ")");
+                $("#nbCompetences").val(nbCompetencesSelect);
+                //return competence;
+            }
+
+        }).get();
+        // on renseigne le champ ad_competences
+        $("#ad_soft_competences").val(competences);
+        //Gestion des erreurs si aucune compétence
+        if (nbCompetencesSelect == 0) {
+            $("#nbCompetencesText").html("");
+            $("#competencesAdMessage").html(
+                "Vous devez sélectionner au minimum une compétence. "
+            );
+            $("#competencesAdMessagePopup").html(
+                "Vous devez sélectionner au minimum une compétence. "
+            );
+            $("#ajouterCompetenceButtonMdal").html("Ajouter (+0)");
+            $("#ajouterCompetenceButtonMdal").hide();
+            $("#saveAdButton").prop("disabled", true);
+        } else if (nbCompetencesSelect > 9) {
+            $("#saveAdButton").prop("disabled", false);
+            //Gestion des erreurs si plusde 10 compétences
+            $("#competencesAdMessage").html(
+                "Vous avez atteint le nombre maximum de compétences. "
+            );
+            $("#competencesAdMessagePopup").html(
+                "Vous avez atteint le nombre maximum de compétences. "
+            );
+            if (nbCompetencesSelect > 10) {
+                $("#ajouterCompetenceButtonMdal").hide();
+            }
+        } else {
+            //cas standards, on reinitialise les champs a vide
+            $("#saveAdButton").prop("disabled", false);
+            $("#competencesAdMessage").html(" ");
+            $("#competencesAdMessagePopup").html(" ");
+            $("#ajouterCompetenceButtonMdal").show();
+        }
+        if ($("#saisie").val() == "" || !$("#saisie").val()) {
+            $("#competencesAdMessage").html(
+                "Veuillez choisir un métier de rattachement pour votre annonce. "
+            );
+        }
+
+    }
+
+    $(document).ready(function () {
+        afficherTempsType();
+        afficherDureeContrat();
+        //ad_appellationId
+        //ad_appellationLibelle
+        //ad_competences
+        // renseignement des champs temporaires (champ caché)
+        $("#id_appellation_temporaire").val($("#ad_soft_appellationId").val());
+        $("#metier_temporaire").val($("#ad_soft_appellationLibelle").val());
+        // renseignement du champ visible (init du métier)
+        $("#saisie").val($("#ad_soft_appellationLibelle").val());
+        $("#competences_origine").val($("#ad_soft_competences").val());
+        //charger les compétences en fonction du métier d'origine
+        chargerCompetences("init");
+        //cocher les cases par rapport aux compétences d'origine
+
+    });
+</script>
+
+<script>
+    $(document)
+        .ready(function () {
+            // Construction du champ typeahead d'auto compléetion de métier
+            $("#competencesButtonAd").hide();
+            $('#loadingDiv').hide();
+            console.log("metiers!!");
+            var metiers = new Bloodhound({
+                datumTokenizer: Bloodhound.tokenizers.whitespace,
+                queryTokenizer: Bloodhound.tokenizers.whitespace,
+                remote: {
+                    // Ajax qui appelle getAppellionsMetier (API TT qui appelle APi pole emploi)
+                    url: '/app_dev.php/api/getAppelationsLibelle',
+                    wildcar: '%QUERY',
+
+                    filter: function (metiers) {
+                        console.log("metiers2");
+                        return $.map(metiers, function (metier) {
+                            //console.log(metier);
+                            return {
+                                metier_id: metier.code,
+                                metier_libelle: metier.libelle
+                            }
+                        })
+                    },
+                    prepare: function (query, settings) {
+                        //ing%20agro
+                        //query = query.replace(" ", "%20");
+                        settings.url += '?q=' + query;
+                        return settings;
+                    }
+                },
+
+            });
+            metiers.initialize();
+            // Initializing the typeahead
+            $('#saisie').typeahead({
+                hint: true,
+                highlight: true
+            }, {
+                name: 'metiers',
+                source: metiers.ttAdapter(),
+                display: 'metier_libelle',
+                limit: 10,
+                templates: {
+                    suggestion: function (data) {
+                        //comment sont formaté les suggestion de l'auto completion
+                        $(".tt-dataset-metiers").show();
+                        var chaine = data.metier_libelle.replace("'", " ");
+                        return '<div onclick="chargerDonneesTemp(' + data.metier_id + ',\'' +
+                            chaine +
+                            '\')" data-toggle="modal" data-target="#competencesModal" id="competences"><a href="#" >' +
+                            data.metier_libelle +
+                            '</a></div>'
+                    },
+                    footer: function (query) {
+                        //return '<div class="text-center">Plus de résultats :' + query.query + '</div>';
+                    },
+                    empty: function (context) {
+                        //  cas ou l'on ne trpouve rien
+                        $("#competencesAdMessage").html(
+                            " Aucun résultat ne correspond à votre recherche. <br/>Saisissez un autre mot clé pour trouver votre métier de rattachement."
+                        );
+                        return '<div class="text-center">Aucun résultat</div>';
+                    }
+                }
+            });
+        });
+
+    //methode qui charge métier temporaire (en attente validation de la popup)
+    //En effet, on demande a l'utilsiateur s'il est sur. C'est pour ca qu'on a a ces champs temporaires
+    function chargerDonneesTemp(codeRome, libelleMetier) {
+        $("#id_appellation_temporaire").val(codeRome);
+        console.log(codeRome);
+        $("#metier_temporaire").val(libelleMetier);
+        $(".metierPopup").text(libelleMetier);
+        console.log(libelleMetier);
+    }
+
+    function chargerCompetences(type) {
+        $.ajax({
+                //L'URL de la requête 
+                url: "/app_dev.php/api/getDetailAppelation",
+                //url: '{{ path("anwser_share", {"id":'+id+'}) }}',
+                //La méthode d'envoi (type de requête)
+                method: "GET",
+                data: 'q=' + $("#id_appellation_temporaire").val(),
+                //Le format de réponse attendu
+                dataType: "json",
+                beforeSend: function () { // Before we send the request, remove the .hidden class from the spinner and default to inline-block.
+                    $('#loadingDiv').show();
+                    console.log("début loading");
+                },
+            })
+            //Ce code sera exécuté en cas de succès - La réponse du serveur est passée à done()
+            /*On peut par exemple convertir cette réponse en chaine JSON et insérer
+             * cette chaine dans un div id="res"*/
+            .done(function (response) {
+                let data = JSON.stringify(response);
+                //$("div#res").append(data);
+                //console.log(data);
+                const obj = JSON.parse(data);
+                //console.log("code ROME");
+                //console.log(obj.metier.code);
+                //Passage du l'id appelation et de son libelle temporaire
+                $("#ad_soft_codeRome").val(obj.metier.code);
+                $("#ad_soft_appellationId").val($("#id_appellation_temporaire").val());
+                $("#ad_soft_appellationLibelle").val($("#metier_temporaire").val());
+                //console.log("competences de base");
+                //console.log(obj.competencesDeBase);
+                //Init des champs de compétences
+                $("#competencesAd").text("");
+                $("#competencesAdPopup").text("");
+                $("#competencesAdMessage").html("");
+                obj.competencesDeBase.forEach(function (object) {
+                    //console.log("Compétence de base");
+                    //console.log(object.code);
+                    //console.log(object.libelle);
+                    //console.log(object.competenceCle);
+                    var hidden = "";
+                    var checked = "";
+                    if (object.competenceCle == true && type != "init") {
+                        checked = "checked";
+                    }
+                    var chaine = object.libelle.replace("'", " ");
+                    var chaine = chaine.replace(",", " ");
+                    $("#competencesAd").append("<div id='competence_ad_" + object.code +
+                        "' name='competences_ad[]'><input type='checkbox'  " + checked +
+                        " onChange='genererCompetences(this);'  id='competence_" + object
+                        .code + "' value='" + chaine + "_" + object.code + "'> " + object.libelle +
+                        "<br/></div>");
+
+                    $("#competencesAdPopup").append("<div id='competence_ad_popup_" + object.code +
+                        "'><input type='checkbox' " + checked +
+                        " onChange='genererCompetences(this);' id='competencepopup_" + object
+                        .code + "' value='" + object.code + "'> " + object.libelle + "<br/></div>");
+                    if (object.competenceCle == false) {
+                        $("#competence_ad_" + object.code).hide();
+                    }
+                });
+
+                //parcours de l'objet json renvoyé par l'api ( groupes de compétences spécifiques)
+                obj.groupesCompetencesSpecifiques.forEach(function (object) {
+                    //parcours de l'objet json renvoyé par l'api ( groupes de compétences spécifiques)
+                    object.competences.forEach(function (competence) {
+                        // Pour chaque compétences, on crée 
+                        //1 checkbox dans la page principal. iL est affiché par défaut si c'est une compétence clé. les compéetences clés sonr cochés
+                        // 1 checkbox dans la popup d'ajout de competences. Par defaut, seul les compétences clé sont cochés  
+                        var hidden = "";
+                        var checked = "";
+                        //On on ne coche pas ces competences clé (uniquement les compétences de base) sur le formulaire de base 
+                        //if (competence.competenceCle == true && type != "init") {
+                        //checked = "checked";
+                        //}
+                        var chaine = competence.libelle.replace("'", " ");
+                        var chaine = chaine.replace(",", " ");
+                        $("#competencesAd").append("<div id='competence_ad_" + competence.code +
+                            "' name='competences_ad[]'><input type='checkbox'  " + checked +
+                            " onChange='genererCompetences(this);'  id='competence_" +
+                            competence
+                            .code + "' value='" + chaine + "_" + competence.code + "'> " +
+                            competence.libelle + "<br/></div>");
+
+                        $("#competencesAdPopup").append("<div id='competence_ad_popup_" + competence
+                            .code + "'><input type='checkbox' " + checked +
+                            " onChange='genererCompetences(this);' id='competencepopup_" +
+                            competence
+                            .code + "' value='" + competence.code + "'> " + competence.libelle +
+                            "<br/></div>");
+                        //On n'affiche pas ces competences (meme les competences clé) sur le formulaire de base
+                        //if (competence.competenceCle == false) {
+                        $("#competence_ad_" + competence.code).hide();
+                        //}
+                    });
+                });
+
+
+                $("#competencesButtonAd").show();
+                if (type == "init") {
+                    const obj = JSON.parse($("#ad_soft_competences").val());
+                    for (var key in obj) {
+                        for (var key2 in obj[key]) {
+                            //console.log(obj[key][key2]);
+                            console.log(key2);
+
+                            $("#competencepopup_" + key2).prop("checked", true);
+                            $("#competence_" + key2).prop("checked", true);
+                            $("#competence_ad_" + key2).show();
+                        }
+                    }
+                }
+                //on génere le json qui va remplir le champ ad_soft_competences
+                genererJson();
+                $('#loadingDiv').hide();
+            })
+
+            //Ce code sera exécuté en cas d'échec - L'erreur est passée à fail()
+            //On peut afficher les informations relatives à la requête et à l'erreur
+            .fail(function (error) {
+                $("#competencesAd").text("");
+                $("#competencesAdPopup").text("");
+                if ($("#saisie").val() != "") {
+                    // si il y a un pb avec l'api pole emploi, on affiche ce message
+                    $("#competencesAdMessage").html(
+                        "Une erreur est survenue dans la recherche du métier de rattachement.  <a href='#' onclick='chargerCompetences();'><br/><i class='fa fa-refresh fa-spin fa-fw'></i>Cliquez ici pour relancer la recherche</a> "
+                    );
+                }
+                $('#loadingDiv').hide();
+                console.log("La requête s'est terminée en échec. Infos : " + JSON.stringify(error));
+            })
+
+            //Ce code sera exécuté que la requête soit un succès ou un échec
+            .always(function () {
+                console.log("Requête effectuée");
+            });
+    }
+
+    // function qui permet de synchroniser les compétences de la page et celles de la popup
+    // ca va dans les deux sens.
+    function genererCompetences(cb) {
+        console.log("Clicked, new value = " + cb.checked);
+        console.log("Clicked, target = " + cb.id);
+        var id = cb.id.split('_');
+        id = id[1];
+        if ($("#nbCompetences").val() < 10) {
+            $("#competence_" + id).prop("checked", cb.checked);
+            $("#competencepopup_" + id).prop("checked", cb.checked);
+            if (cb.checked) {
+                console.log("reaffichage div  #competence_ad_" + id);
+                $("#competence_ad_" + id).show();
+            } else {
+                console.log("hidden de div  #competence_ad_" + id);
+                $("#competence_ad_" + id).hide();
+            }
+        } else {
+            $("#competence_" + id).prop("checked", false);
+            $("#competence_ad_" + id).hide();
+            $("#competencepopup_" + id).prop("checked", false);
+        }
+        // on génere le json a chaque fois
+        genererJson();
+    }
+</script>
 {% endblock %}
@@ -1,8 +1,8 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
+{% extends 'company/base_dashboard_company_V2.html.twig' %}

 {% block dashContent %}
    <div class="row bg-bordered p-0">
-        {% include 'company/ad_steps.html.twig' with {'tab':3} %}
+        {# {% include 'company/ad_steps.html.twig' with {'tab':3} %} #}
        <div class="p-20">
            <form>
                <p>
@@ -4,7 +4,7 @@
        <div class="inner">
            <!-- START BREADCRUMB -->
            <ol class="breadcrumb">
-                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
+                <li class="breadcrumb-item"><a href="/entreprise/me/">Accueil</a></li>
                <li class="breadcrumb-item active">Offres d'emploi</li>
            </ol>
            <!-- END BREADCRUMB -->
@@ -38,6 +38,7 @@
    <div class="card card-transparent">
        <div class="card-header ">
            <div class="card-title">Offres d'emploi
+                
            </div>
        </div>
        <div class="card-body">
@@ -86,8 +87,7 @@
                            </td>
                            <td class="v-align-middle">
                                {% if ad.getStatus() == "DECLINED" %}
-                                <div class="tooltipped" data-position="top" data-delay="50"
-                                    data-tooltip="{{ ad.moderationText }}">
+                                <div class="">
                                    <span class="">{{ ad.getStatus()|trans }}</span>
                                    <i class="c-pointer fa fa-info-circle color-red" aria-hidden="true"></i>
                                </div>
@@ -98,16 +98,13 @@
                            <td class="v-align-middle">
                                {% if ad.getStatus() == "DRAFT" or ad.getStatus() == "DECLINED" %}
                                {#Edit#}
-                                <a class="tooltipped td-none" data-position="top" data-delay="0"
-                                    data-tooltip="{{ 'ad.company.edit.label'|trans }}"
-                                    href="{{ path('company_ad_edit', { 'id': ad.id }) }}" style="margin-right: 10px">
+                                <a class=" td-none" href="{{ path('company_ad_edit', { 'id': ad.id }) }}"
+                                    style="margin-right: 10px">
                                    <i class="pg-icon">pen</i>
                                </a>
                                {% else %}
                                {#Soft Edit#}
-                                <a class="tooltipped td-none" data-position="top" data-delay="0"
-                                    data-tooltip="{{ 'ad.company.edit.label'|trans }}"
-                                    href="{{ path('company_ad_soft_edit', { 'id': ad.id }) }}"
+                                <a class=" td-none" href="{{ path('company_ad_soft_edit', { 'id': ad.id }) }}"
                                    style="margin-right: 10px">
                                    <i class="pg-icon">pen</i>
                                </a>
@@ -115,9 +112,7 @@

                                {% if ad.getStatus() == "DRAFT" or ad.getStatus() == "DECLINED" %}
                                {#Video#}
-                                <a class="tooltipped td-none" data-position="top" data-delay="0"
-                                    data-tooltip="{{ 'ad.company.video.edit.label'|trans }}"
-                                    href="{{ path('create_media', { 'id': ad.id }) }}">
+                                <a class="tooltipped td-none" href="{{ path('create_media', { 'id': ad.id }) }}">
                                    <i class="material-icons">
                                        videocam
                                    </i>
@@ -126,36 +121,42 @@

                                {% if ad.getStatus() == "PUBLISHED" %}
                                {#Extension#}
-                                <a class="tooltipped td-none" data-position="top" data-delay="0"
+                                {# ENLEVE LE 01/09 #}
+                                {# <a class="tooltipped td-none" data-position="top" data-delay="0"
                                    data-tooltip="{{ 'ad.company.dates.extension.label'|trans }}"
                                    href="{{ path('company_ad_extension', { 'id': ad.id }) }}"
                                    style="margin-right: 10px">
                                    <i class="pg-icon">calendar</i>
-                                </a>
+                                </a> #}
                                {#Force ending#}
-                                <a class="tooltipped td-none" data-position="top" data-delay="0"
+                                {# <a class="tooltipped td-none" data-position="top" data-delay="0"
                                    data-tooltip="{{ 'ad.company.closed.label'|trans }}"
                                    href="{{ path('company_ad_closed', { 'id': ad.id }) }}" style="margin-right: 10px">
                                    <i class="material-icons">
                                        close
                                    </i>
-                                </a>
+                                </a> #}
                                {% endif %}

                                {% if ad.getStatus() == "TO_PUBLISH" or ad.getStatus() == "VALIDATED" or ad.getStatus() == "CLOSED" or ad.getStatus() == "EXPIRED" %}
                                {#Edit Dates#}
-                                <a class="tooltipped td-none" data-position="top" data-delay="0"
+                                {# <a class="tooltipped td-none" data-position="top" data-delay="0"
                                    data-tooltip="{{ 'ad.company.dates.edit.label'|trans }}"
                                    href="{{ path('company_ad_step3', { 'id': ad.id }) }}" style="margin-right: 10px">
                                    <i class="material-icons">
                                        close
                                    </i>
-                                </a>
+                                </a> #}
                                {% endif %}
                            </td>

                        </tr>
                        {% endfor %}
+                        {% if ads|length == 0  %}
+                        <tr>
+                            <th colspan="5" class="text-center">Aucune offre pour le moment</th>
+                        </tr>
+                        {% endif %}


                    </tbody>
@@ -165,4 +166,9 @@
    </div>
    <!-- END card -->
 </div>
-<!-- END CONTAINER FLUID -->
+<script type="text/javascript">
+    <!-- END CONTAINER FLUID 
+    -->
+
+
+</script>
@@ -1,5 +1,29 @@
 {# {% extends 'company/base_dashboard_company.html.twig' %} #}
-{% extends 'admin/base_dashboard.html.twig' %}
+{% extends 'admin/base_dashboard_candidatures.html.twig' %}
+{% block javascriptSupl %}
+<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.22/css/jquery.dataTables.min.css">
+<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.6.4/css/buttons.dataTables.min.css">
+{# <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
+<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
+
+<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/buttons/1.6.4/js/dataTables.buttons.min.js"></script>
+<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.flash.min.js"></script> #}
+
+<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
+<script type="text/javascript" src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
+<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.4/js/dataTables.buttons.min.js"></script>
+<script type="text/javascript" language="javascript"
+    src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
+<script type="text/javascript" language="javascript"
+    src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
+<script type="text/javascript" language="javascript"
+    src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
+<script type="text/javascript" language="javascript"
+    src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.html5.min.js"></script>
+
+<script type="text/javascript" language="javascript"
+    src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.print.min.js"></script>
+{% endblock %}
 {% block dashContent %}


@@ -9,7 +33,7 @@
        <div class="inner">
            <!-- START BREADCRUMB -->
            <ol class="breadcrumb">
-                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
+                <li class="breadcrumb-item"><a href="/entreprise/me/">Accueil</a></li>
                <li class="breadcrumb-item active">Candidatures</li>
            </ol>
            <!-- END BREADCRUMB -->
@@ -22,7 +46,7 @@


 <!-- START CONTAINER FLUID -->
-<div class=" container-fluid   container-fixed-lg bg-white">
+{# <div class=" container-fluid   container-fixed-lg bg-white">
    <!-- START card -->
    <div class="card card-transparent">
        <div class="card-header ">
@@ -59,77 +83,174 @@
                                    href="{{ path('company_answer_show',{'id':answer.id }) }}">
                                    <i class="pg-icon">eye</i>
                                </a>
-                                <a href="#" class="note-action c-pointer" data-func="add" data-answer="{{ answer.id }}">
-                                    <i class="pg-icon">note</i>
-                                </a>
-                                {% for note in answer.notes %}
-                                <a class="tooltipped note-action c-pointer" data-position="top" data-delay="50"
-                                    data-tooltip="{{ note.content }}" data-note="{{ note.id }}" data-func="edit">
-                                    <i class="pg-icon">comment</i>
-                                </a>
-                                {% endfor %}
+                                
                            </td>
                        </tr>
                        {% endfor %}
+                        {% if answers|length == 0  %}
+                            <th colspan="4" class="text-center">Aucune candidature pour le moment</th>
+                        {% endif %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!-- END card -->
-</div>
+</div> #}
 <!-- END CONTAINER FLUID -->

-
+<style type="text/css">
+    /* Hide default search box */
+    .dataTables_filter {
+        display: none;
+    }
+</style>

 <!-- START CONTAINER FLUID -->
 <div class=" container-fluid   container-fixed-lg bg-white">
    <!-- START card -->
    <div class="card card-transparent">
        <div class="card-header ">
-            <div class="card-title">Candidatures spontanées
+            <div class="card-title">Candidatures
            </div>
        </div>
        <div class="card-body">
            <div class="table-responsive" id="spontaneous">
-                <table class="table table-hover" id="basicTable">
+                <table width="100%" class="table " style="">
+
+            <tr>
+                
+
+                <th width="11%"><input id='input2' type='text' class='form-control' placeholder='Recherche par nom'
+                        style='font-family:Arial, FontAwesome; width:100%' /></th>
+                
+                <th width="11%"><input id='input3' type='text' class='form-control' placeholder='Recherche par prénom'
+                        style='font-family:Arial, FontAwesome; width:100%' /></th>
+                <th width="25%">
+                <select id='input5'  class='form-control'>
+                    <option value="">Toutes les offres</option>
+                    <option value="spontaneous">Candidatures spontanées</option>
+                    {% for offre in offres %}
+                    <option value="{{offre.title}}">{{offre.title}}</option>
+                    {% endfor %}
+                </select>
+                </th>
+                <th width="25%">
+                <select id='input7'  class='form-control'>
+                    <option value="">Tous les statuts</option>
+                    <option value="EMBAUCHE">Embauché</option>
+                    <option value="REFUSE">Refusé</option>
+                    <option value="ENTRETIEN">Entretien programmé</option>
+                    <option value="A_TRAITER">À traiter</option>
+                    <option value="CONTACTE">Contacté</option>
+
+                </select>
+                </th>
+
+
+            </tr>
+        </table>
+
+        <br />
+                <table id="candidatures_dt_table" width="100%" class="table table-hover ">
+                    {# Add a tfoot which will actually be used to place the individual search boxes #}
+
+                    <thead>
+                        <tr>
+                           <th width="4%">Vidéo</th>
+                            <th width="6%">Nom</th>
+                            <th width="6%">Prénom</th>
+                            <th width="11%">Date de reception</th>
+                            <th width="11%">Intitulé de l'offre</th>
+                            <th width="25%">Localisation</th>
+                             <th width="15%">Statut</th>
+                        </tr>
+
+                    </thead>
+                    <tbody></tbody>
+                </table>
+
+{# 
+                <table class="table table-hover " id="">
                    <thead>
                        <tr>
                            <!-- NOTE * : Inline Style Width For Table Cell is Required as it may differ from user to user
    										Comman Practice Followed
    										-->
-                            <th style="width:33%">{{ 'profile.talent.lastname'|trans }}
+                            <th style="width:15%">{{ 'profile.talent.video'|trans }}
+                            </th>
+                            <th style="width:15%">{{ 'profile.talent.lastname'|trans }}
                                {{ 'profile.talent.firstname'|trans }}</th>
-                            <th style="width:33%">{{ 'global.datereception.label'|trans }}</th>
-                            <th style="width:33%" class="center-align">{{ 'ad.company.list.actions'|trans }}</th>
+                            <th style="width:15%">{{ 'global.datereception.label'|trans }}</th>
+                            <th style="width:15%">{{ 'ad.company.list.title'|trans }}</th>
+                            <th style="width:15%">{{ 'ad.company.list.location'|trans }}</th>
+                            <th style="width:15%" class="center-align">{{ 'ad.company.list.statut'|trans }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for answer in spontaneous %}
                        <tr>
+                            <td>
+                                <a href="{{ path('company_answer_show',{'id':answer.id }) }}">
+                                    {% if answer.video.thumbnails.0 is defined %}
+                                    {% set img = answer.video.thumbnails.0.sizes.1.link %}
+                                    {% else %}
+                                    {% set img = " " %}
+                                    {% endif %}
+                                    <img src="{{ img }}">
+                                </a>
+                            </td>
                            <td>
                                <a href="{{ path('company_answer_show',{'id':answer.id }) }}">{{ answer.user.lastname }}
                                    {{ answer.user.firstname }}</a>
                            </td>
                            <td>{{ answer.sendTime()|date('d/m/Y') }}</td>
-                            <td class="center-align">
-                                <a title="" href="{{ path('company_answer_show',{'id':answer.id }) }}">
-                                    <i class="pg-icon">eye</i>
-                                </a>
-                                <a href="#" class="note-action c-pointer" data-func="add" data-answer="{{ answer.id }}">
-                                    <i class="pg-icon">note</i>
-                                </a>
-                                {% for note in answer.notes %}
-                                <a class="tooltipped note-action c-pointer" data-position="top" data-delay="50"
-                                    data-tooltip="{{ note.content }}" data-note="{{ note.id }}" data-func="edit">
-                                    <i class="pg-icon">comment</i>
-                                </a>
+                            <td>
+
+                                {% if answer.ad  %}
+                                {{ answer.ad.title }}
+                                {% else %}
+                                Candidature spontanée
+                                {% endif %}
+                            </td>
+                            <td>
+                                {% if  answer.user.getGeoloc %}
+                                {% for adress in answer.user.getGeoloc %}
+
+                                {{ adress["locality"] }}, {{ adress["postal_code"] }}
                                {% endfor %}
+
+                                {% else %}
+                                Non renseignée
+                                {% endif %}
+                            </td>
+                            <td class="center-align">
+                                {% if answer.statusReponse =="EMBAUCHE" %}
+                                <span class="label label-success">Embauché</span>
+                                {% elseif answer.statusReponse =="REFUSE"%}
+                                <span class="label label-important">Refusé</span>
+                                {% elseif answer.statusReponse =="ENTRETIEN"%}
+                                <span class="label label-warning">Entretien programmé</span>
+                                {% elseif answer.statusReponse =="A_TRAITER"%}
+                                <span class="label label-info">À traiter</span>
+                                {% elseif answer.statusReponse =="CONTACTE"%}
+                                <span class="label">Contacté</span>
+                                {% else %}
+                                <span class="label label-info">À traiter</span>
+                                {% endif %}
                            </td>
                        </tr>
                        {% endfor %}
+                        {% if spontaneous|length == 0  %}
+                        <tr>
+                            <th colspan="5" class="text-center">Aucune candidature pour le moment</th>
+                        </tr>
+                        {% endif %}
                    </tbody>
-                </table>
+                </table> #}
+
+
+                
            </div>
        </div>
    </div>
@@ -139,4 +260,132 @@


 <div id="note-modal"></div>
+
+<script>
+    $(document).ready(function () {
+
+        // Add a text input to each footer cell
+        var pos = 1;
+        
+
+
+
+        var table = $('#candidatures_dt_table').DataTable({
+
+
+
+            "columnDefs": [{
+                    "name": "video",
+                    "targets": 0,
+                    
+                },
+                {
+                    "name": "nom",
+                    "targets": 1,
+                    "type": 'html',
+                    "searchable": true,
+                    "orderable": true
+                },
+                {
+                    "name": "prenom",
+                    "targets": 2,
+                    "type": 'html',
+                    "searchable": true,
+                    "orderable": true
+                },
+                {
+                    "name": "dateReception",
+                    "targets": 3,
+                    "searchable": true,
+                    "orderable": true
+                },
+                {
+                    "name": "offre",
+                    "targets": 4,
+                    "searchable": true,
+                    "orderable": true
+                },
+                {
+                    "name": "localisation",
+                    "targets": 5,
+                    "searchable": true,
+                    "orderable": true
+                },
+                {
+                    "name": "statusReponse",
+                    "targets": 6,
+                    "searchable": true,
+                    "orderable": true
+                },
+            ],
+            "processing": true,
+            "serverSide": true,
+
+            "ajax": {
+                "url": '{{ path('alimenterCandidaturesCompany') }}',
+                "type": 'POST',
+            },
+            "paging": true,
+            "info": true,
+            "searching": true,
+            "bFilter": true,
+            "responsive": true,
+            "pageLength": 10,
+            "order": [
+                [0, 'desc']
+            ],
+            "language": {
+                "sProcessing":     "En cours de chargement...",
+                "sSearch":         "Rechercher&nbsp;:",
+                "sLengthMenu":     "Afficher _MENU_ candidatures",
+                "sInfo":           "Candidature de _START_ &agrave; _END_ sur _TOTAL_ candidatures",
+                "sInfoEmpty":      "Candidature 0 &agrave; 0 sur 0 candidature",
+                "sInfoFiltered":   "",
+                "sInfoPostFix":    "",
+                "sLoadingRecords": "Chargement en cours...",
+                "sZeroRecords":    "Aucune candidature ne correspond à votre recherche",
+                "sEmptyTable":     "Aucune candidature disponible dans le tableau",
+                "oPaginate": {
+                    "sFirst":      "Premier",
+                    "sPrevious":   "Pr&eacute;c&eacute;dent",
+                    "sNext":       "Suivant",
+                    "sLast":       "Dernier"
+                },
+                "oAria": {
+                    "sSortAscending":  ": activer pour trier la colonne par ordre croissant",
+                    "sSortDescending": ": activer pour trier la colonne par ordre d&eacute;croissant"
+                }
+            },
+
+        });
+
+
+
+        // Apply the search
+        pos = 1;
+        table.columns().every(function () {
+            var that = this;
+
+            $("#input" + pos).on('keyup change', function () {
+                console.log(this);
+                if (that.search() !== this.value) {
+                    that
+                        .search(this.value)
+                        .draw();
+                }
+            });
+            pos++;
+        });
+
+        $('#candidatures_dt_table_filter').hide();
+
+
+
+
+
+    });
+
+
+
+</script>
 {% endblock %}
@@ -17,8 +17,8 @@
        <div class="inner">
            <!-- START BREADCRUMB -->
            <ol class="breadcrumb">
-                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
-                <li class="breadcrumb-item ">Candidatures</li>
+                <li class="breadcrumb-item"><a href="/entreprise/me/">Accueil</a></li>
+                <li class="breadcrumb-item ">Candidatures!</li>
                <li class="breadcrumb-item active"><a
                        href="{{ path('company_ad_answer_list',{'id':answer.ad.id}) }}">{{ answer.ad.title }}</a>
                </li>
@@ -11,16 +11,24 @@
            'tab' : 2
        } %}
    {% endif %} #}
-<!-- START JUMBOTRON -->
+
 <div class="jumbotron" data-pages="parallax">
    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
        <div class="inner">
            <!-- START BREADCRUMB -->
            <ol class="breadcrumb">
-                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
-                <li class="breadcrumb-item ">Candidatures</li>
-                <li class="breadcrumb-item active"><a
-                        href="{{ path('company_ad_answer_list',{'id':answer.ad.id}) }}">{{ answer.ad.title }}</a>
+                <li class="breadcrumb-item"><a href="/entreprise/me/">Accueil</a></li>
+                <li class="breadcrumb-item "><a href="{{ path('company_answer_list') }}">Candidatures</a></li>
+                <li class="breadcrumb-item">
+                    {% if  answer.ad%}
+                    <a href="{{ path('company_ad_answer_list',{'id':answer.ad.id}) }}">{{ answer.ad.title }}
+                    </a>
+                    {% else  %}
+                    <a href="{{ path('company_answer_list') }}">Candidature spontanée</a>
+                    {% endif  %}
+                </li>
+                <li class="breadcrumb-item active"><a href="#"> candidat {{ answer.user.firstname }}
+                        {{ answer.user.lastname }}</a>
                </li>

            </ol>
@@ -30,193 +38,314 @@
    </div>
 </div>
 <!-- END JUMBOTRON -->
-<div class="col-lg-12">
-    <div class="card card-borderless">
-        <ul class="nav nav-tabs nav-tabs-simple" role="tablist" data-init-reponsive-tabs="dropdownfx">
+<div class="row">
+    <div class="col-xl-12">
+        <div class="card-body">
+            <div class="col-xl-10 col-sm-12">
+                {% if  answer.ad%}
+                <h5> <a href="{{ path('company_ad_answer_list',{'id':answer.ad.id}) }}">{{ answer.ad.title }}</a></h5>
+                {% else  %}
+                
+                <h5><a href="{{ path('company_answer_list') }}">Candidature spontanée</a></h5>
+                {% endif  %}
+                <h6>Candidature reçue le {{ answer.cTime|date('d/m/Y') }}</h6>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="col-xl-12 ">
+    <div class="card card-borderless col-xl-12 col-sm-12">
+        <div class="row profil-candidature">
+            <div class="col-xl-8 col-md-12 p-t-10">
+                <h4 class="bold">{{ answer.user.firstname }} {{ answer.user.lastname }}</h4>
+                <p>
+                    {% if  answer.user.getGeoloc %}
+                    {% for adress in answer.user.getGeoloc %}
+                    <i class="material-icons fs-16 tab-icon icons-candidatures">home</i>
+                    {{ adress["locality"] }}, {{ adress["postal_code"] }}
+                    {% endfor %}
+                   
+                    {% endif %}
+                </p>
+                {% if answer.user.company.extra["phoneTalent"] is defined %}
+                <i class="material-icons fs-16 tab-icon icons-candidatures">phone</i><span id="telBouton"
+                    class="visible"><a href="#" onClick="afficherNumero()">Afficher le numéro de
+                        téléphone</a></span>{% if answer.user.company.extra["phoneTalent"] is defined %} <span
+                    id="telSpan" class="invisible">Tel : {{ answer.user.company.extra["phoneTalent"] }}<span>
+                        {% endif %}
+                {% endif %}
+            </div>
+            <div class="col-xl-4 col-md-12 profil-candidature-action">
+                <div class="dropdown candidature-action">
+                    <button class="btn btn-primary btn-lg dropdown-toggle" type="button" id="dropdownMenu2"
+                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                        <span id="libelleBouton">
+                        {% if  answer.statusReponse =='CONTACTE' %}
+                        Contacté
+                        {% elseif  answer.statusReponse =='REFUSE' %}
+                        Refusé
+                        {% elseif  answer.statusReponse =='EMBAUCHE' %}
+                        Embauché
+                        {% elseif  answer.statusReponse =='ENTRETIEN' %}
+                        Entretien programmé
+                        {% elseif  answer.statusReponse =='A_TRAITER' %}
+                        À traiter
+                        {% else %}
+                        À traiter
+                        {% endif  %}
+                        
+                        </span>
+                    </button>
+                    <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
+                        <button class="dropdown-item" type="button" onClick="changerStatutAnswer('A_TRAITER', 'A traiter')">A traiter</button>
+                        <button class="dropdown-item" type="button"
+                            onClick="changerStatutAnswer('CONTACTE', 'Contacté')">Contacté</button>
+                        <button class="dropdown-item" type="button"
+                            onClick="changerStatutAnswer('REFUSE', 'Refusé')">Refusé</button>
+                        <button class="dropdown-item" type="button" onClick="changerStatutAnswer('ENTRETIEN', 'Entretien programmé')">Entretien programmé</button>
+                        <button class="dropdown-item" type="button"
+                            onClick="changerStatutAnswer('EMBAUCHE', 'Embauché')">Embauché</button>
+                    </div>
+                </div>
+                <a href="#" data-toggle="tab" role="tab"
+                    data-target="#messagerieVideo" onClick="switcherMenu()">
+                <button aria-label="" type="button" class="btn btn-lg btn-seconday btn-cons">Contacter le candidat</button></a>
+            </div>
+        </div>
+        <ul class="nav nav-tabs nav-tabs-simple d-none d-md-flex d-lg-flex d-xl-flex" role="tablist"
+            data-init-reponsive-tabs="dropdownfx">
            <li class="nav-item">
-                <a class="active" data-toggle="tab" role="tab" data-target="#candidature" href="#"
-                    id="candidatureLien">Candidature</a>
+                <a class="active" data-toggle="tab" role="tab" data-target="#candidature"
+                    href="#" id="candidatureLien">Candidature</a>
            </li>
            <li class="nav-item">
-                <a href="#" data-toggle="tab" role="tab" data-target="#messagerieVideo"
-                    id="messagerieVideoLien">Messagerie vidéo</a>
+                <a href="#" data-toggle="tab" role="tab"
+                    data-target="#messagerieVideo" id="messagerieVideoLien">Messagerie</a>
            </li>
-            <li class="nav-item">
-                <a href="#" data-toggle="tab" role="tab" data-target="#messagerie"
-                    id="messagerieLien">Messagerie texte</a>
-            </li>
-            {# <li class="nav-item">
-                <a href="#" data-toggle="tab" role="tab" data-target="#comment" id="commentLien">Commentaire</a>
-            </li> #}
        </ul>
+
+    </div>
+    <div class="col-xl-12 bg-white details-candidature">
        <div class="tab-content">
            <!-- ========== bloc candidature ========== -->

            {% include 'company/answer_show_candidature.html.twig' %}
-            
+
            <!-- ========== bloc message video ========== -->

            {% include 'company/answer_show_message_video.html.twig' %}

            <!-- ========== bloc message texte ========== -->

-            {% include 'company/answer_show_message_texte.html.twig' %}
+            {# {% include 'company/answer_show_message_texte.html.twig' %} #}

            <!-- ========== bloc commentaire ========== -->

            {# {% include 'company/answer_show_comment.html.twig' %} #}
-            

-            
+
+
        </div>
    </div>
 </div>

-    {% endblock %}

-    {% block javascripts %}
-    {{ parent() }}
-    <script type="text/javascript">
-        var urlDropzone = '{{ path("upload_media_message", {"id": message.getId()}) }}';
-        var urlDelete = '{{ path("delete_media_message", {"id": message.getId() }) }}'
-        var idObject = null;
-        var typeObject = "answer";
-        var videoExist = false;
-    </script>
-    <script src="{{ asset('/js/dropzone.js') }}"></script>
-    <script src="{{ asset('/js/vendors/video.min.js') }}"></script>
-    <script src="{{ asset('/js/vendors/RecordRTC.js') }}"></script>
-    <script src="{{ asset('/js/vendors/videojs.record.js') }}"></script>
-    <script src="{{ asset('/js/vendors/jquery.browser.min.js') }}"></script>
-    <script src="{{ asset('/js/vendors/readmore.min.js') }}"></script>
-    <script src="{{ asset('/js/answer.js') }}"></script>
-    <script type="text/javascript">
-        $(".card-action").click(function () {
-            var idVideo = $(this).data("id");
-            var titleVideo = $(this).data("title");
-            var imgVideo = $(this).data("img");
-            var urlVideo = $(this).data("url");
-            var elem = $(this);
-            form['contact_talent_video'] = 1;
-            $.ajax({
-                type: 'POST',
-                url: '{{ path("link_media_message", {"id": message.getId()}) }}',
-                data: "idVideo=" + idVideo,
-                dataType: 'html',
-                success: function (response) {
-                    $(".card-action").removeClass('active');
-                    elem.addClass('active');
-                    Materialize.toast('Vidéo bien associé à la réponse', 4000);
-                    if ($("#submit").hasClass('disabled')) {
-                        $("#submit").removeClass('disabled');
-                        $("#submit").addClass('pulse');
-                    }
-                },
-                error: function (response, xhr, ajaxOptions, thrownError) {
-                    Materialize.toast('Erreur lors de l\'association de la vidéo!', 4000);
-                }
+
+
+
+
+{% endblock %}
+
+{% block javascripts %}
+{{ parent() }}
+<script type="text/javascript">
+    function switcherMenu(){
+        $("#messagerieVideoLien").addClass("active");
+        $("#candidatureLien").removeClass("active");
+        console.log("messagerie active");
+    }
+    var urlDropzone = '{{ path("upload_media_message", {"id": message.getId()}) }}';
+    var urlDelete = '{{ path("delete_media_message", {"id": message.getId() }) }}'
+    var idObject = null;
+    var typeObject = "answer";
+    var videoExist = false;
+</script>
+<script src="{{ asset('/js/dropzone.js') }}"></script>
+<script src="{{ asset('/js/vendors/video.min.js') }}"></script>
+<script src="{{ asset('/js/vendors/RecordRTC.js') }}"></script>
+<script src="{{ asset('/js/vendors/videojs.record.js') }}"></script>
+<script src="{{ asset('/js/vendors/jquery.browser.min.js') }}"></script>
+<script src="{{ asset('/js/vendors/readmore.min.js') }}"></script>
+<script src="{{ asset('/js/answer.js') }}"></script>
+<script src="{{ asset('/js/demo.js') }}"></script>
+<script src="{{ asset('/js/scripts.js') }}"></script>
+<script type="text/javascript">
+    function changerStatutAnswer(item, valeurBouton) {
+        console.log(item);
+        console.log({{answer.id}});
+        $("#libelleBouton").text(valeurBouton);
+        $.ajax({
+                //L'URL de la requête 
+                url: "/app_dev.php/anwser/updateStatus/{{answer.id}}",
+                //url: '{{ path("anwser_share", {"id":'+id+'}) }}',
+                //La méthode d'envoi (type de requête)
+                method: "GET",
+                data: 'status=' + item,
+                //Le format de réponse attendu
+                dataType: "json",
+            })
+            //Ce code sera exécuté en cas de succès - La réponse du serveur est passée à done()
+            /*On peut par exemple convertir cette réponse en chaine JSON et insérer
+             * cette chaine dans un div id="res"*/
+            .done(function (response) {
+                console.log("La requête s'est terminée avec succes. Infos : " + JSON.stringify(response));
+            })
+
+            //Ce code sera exécuté en cas d'échec - L'erreur est passée à fail()
+            //On peut afficher les informations relatives à la requête et à l'erreur
+            .fail(function (error) {
+                console.log("La requête s'est terminée en échec. Infos : " + JSON.stringify(error));
+            })
+
+            //Ce code sera exécuté que la requête soit un succès ou un échec
+            .always(function () {
+                console.log("Requête effectuée");
            });
-        });
-        $('.bnt-choice-message').on('click', function () {
-            var type = $(this).data('value');
-            $('.bnt-choice-message').removeClass('btn-active');
-            $('.bnt-choice-video').removeClass('active');
-            $(this).addClass('btn-active');
-            $(".panel-hide").removeClass('active');
-            $(".panel-hide").stop().fadeOut();
-            $('.blockanswer').stop().fadeOut('normal', function () {
-                $('.blockanswer-' + type).stop().fadeIn();
-                if (type == 'video') {
-                    $('.bnt-choice-video:first').click();
+
+    }
+    
+
+    function afficherNumero() {
+        $("#telBouton").hide();
+        $("#telSpan").removeClass("invisible").addClass("visible");
+
+    }
+    $(".card-action").click(function () {
+        var idVideo = $(this).data("id");
+        var titleVideo = $(this).data("title");
+        var imgVideo = $(this).data("img");
+        var urlVideo = $(this).data("url");
+        var elem = $(this);
+        form['contact_talent_video'] = 1;
+        $.ajax({
+            type: 'POST',
+            url: '{{ path("link_media_message", {"id": message.getId()}) }}',
+            data: "idVideo=" + idVideo,
+            dataType: 'html',
+            success: function (response) {
+                $(".card-action").removeClass('active');
+                elem.addClass('active');
+                Materialize.toast('Vidéo bien associé à la réponse', 4000);
+                if ($("#submit").hasClass('disabled')) {
+                    $("#submit").removeClass('disabled');
+                    $("#submit").addClass('pulse');
                }
-            });
-        });
-        $('.blockanswer-video').css('display', 'none');
-        $('.bnt-choice-video').on('click', function (e) {
-            e.preventDefault();
-            var type = $(this).data('value');
-            $('.bnt-choice-video').removeClass('active');
-            $(this).addClass('active');
-            $(".panel-hide").removeClass('active');
-            $('#blockanswer-video-' + type).addClass('active');
-            $(".panel-hide").not(".active").stop().fadeOut('normal', function () {
-                $('#blockanswer-video-' + type).stop().fadeIn('fast');
-                if (type == "webcam") {
-                    $('#blockanswer-video-upload').stop().fadeIn('fast');
-                }
-                $('#validFormVideo').stop().fadeIn('fast');
-
-            });
-        });
-        $('.link-history-more').on('click', function (e) {
-            e.preventDefault();
-            $('.history-hidden').fadeIn();
-            $(this).fadeOut();
-        });
-
-        document.getElementsByName("contact_talent[message]")[0].addEventListener('change', verifySubmitButton);
-        $('#contact_talent_status').on('change', verifySubmitButton);
-
-        var form = [];
-        form['contact_talent_message'] = 0;
-        form['contact_talent_video'] = 0;
-        form['contact_talent_status_video'] = 0;
-        form['contact_talent_status'] = 0;
-
-        function verifySubmitButton() {
-            if (this.value && this.value != 0) {
-                form[this.id] = 1;
-            } else {
-                form[this.id] = 0;
+            },
+            error: function (response, xhr, ajaxOptions, thrownError) {
+                Materialize.toast('Erreur lors de l\'association de la vidéo!', 4000);
            }
-            if (form['contact_talent_message'] + form['contact_talent_status'] >= 2) {
-                $('.blockanswer-message .btn').removeClass('disabled');
-            } else {
-                $('.blockanswer-message .btn').addClass('disabled');
+        });
+    });
+    $('.bnt-choice-message').on('click', function () {
+        var type = $(this).data('value');
+        $('.bnt-choice-message').removeClass('btn-active');
+        $('.bnt-choice-video').removeClass('active');
+        $(this).addClass('btn-active');
+        $(".panel-hide").removeClass('active');
+        $(".panel-hide").stop().fadeOut();
+        $('.blockanswer').stop().fadeOut('normal', function () {
+            $('.blockanswer-' + type).stop().fadeIn();
+            if (type == 'video') {
+                $('.bnt-choice-video:first').click();
+            }
+        });
+    });
+    $('.blockanswer-video').css('display', 'none');
+    $('.bnt-choice-video').on('click', function (e) {
+        e.preventDefault();
+        var type = $(this).data('value');
+        $('.bnt-choice-video').removeClass('active');
+        $(this).addClass('active');
+        $(".panel-hide").removeClass('active');
+        $('#blockanswer-video-' + type).addClass('active');
+        $(".panel-hide").not(".active").stop().fadeOut('normal', function () {
+            $('#blockanswer-video-' + type).stop().fadeIn('fast');
+            if (type == "webcam") {
+                $('#blockanswer-video-upload').stop().fadeIn('fast');
+            }
+            $('#validFormVideo').stop().fadeIn('fast');
+
+        });
+    });
+    $('.link-history-more').on('click', function (e) {
+        e.preventDefault();
+        $('.history-hidden').fadeIn();
+        $(this).fadeOut();
+    });
+
+    document.getElementsByName("contact_talent[message]")[0].addEventListener('change', verifySubmitButton);
+    $('#contact_talent_status').on('change', verifySubmitButton);
+
+    var form = [];
+    form['contact_talent_message'] = 0;
+    form['contact_talent_video'] = 0;
+    form['contact_talent_status_video'] = 0;
+    form['contact_talent_status'] = 0;
+
+    function verifySubmitButton() {
+        if (this.value && this.value != 0) {
+            form[this.id] = 1;
+        } else {
+            form[this.id] = 0;
+        }
+        if (form['contact_talent_message'] + form['contact_talent_status'] >= 2) {
+            $('.blockanswer-message .btn').removeClass('disabled');
+        } else {
+            $('.blockanswer-message .btn').addClass('disabled');
+        }
+    }
+
+    $('#contact_talent_status_video').on('change', verifyVideoSubmitButton);
+
+    function verifyVideoSubmitButton() {
+        if (this.value && this.value != 0) {
+            form[this.id] = 1;
+        } else {
+            form[this.id] = 0;
+        }
+        if (form['contact_talent_video'] + form['contact_talent_status_video'] >= 2) {
+            $('#validFormVideo .btn').removeClass('disabled');
+        } else {
+            $('#validFormVideo .btn').addClass('disabled');
+        }
+    }
+
+    $('.message-answer').readmore({
+        speed: 75,
+        lessLink: '<a href="#" class="link-message-more">Fermer</a>',
+        moreLink: '<a href="#" class="link-message-more">{% trans %}label.link.readmore{% endtrans %}</a>',
+        blockProcessed: function (element, collapsable) {
+            console.log(element);
+            console.log(collapsable);
+            if (collapsable == false) {
+                $('.message-answer').readmore('destroy');
            }
        }
-
-        $('#contact_talent_status_video').on('change', verifyVideoSubmitButton);
-
-        function verifyVideoSubmitButton() {
-            if (this.value && this.value != 0) {
-                form[this.id] = 1;
-            } else {
-                form[this.id] = 0;
-            }
-            if (form['contact_talent_video'] + form['contact_talent_status_video'] >= 2) {
-                $('#validFormVideo .btn').removeClass('disabled');
-            } else {
-                $('#validFormVideo .btn').addClass('disabled');
-            }
-        }
-
-        $('.message-answer').readmore({
-            speed: 75,
-            lessLink: '<a href="#" class="link-message-more">Fermer</a>',
-            moreLink: '<a href="#" class="link-message-more">{% trans %}label.link.readmore{% endtrans %}</a>',
-            blockProcessed: function (element, collapsable) {
-                console.log(element);
-                console.log(collapsable);
-                if (collapsable == false) {
-                    $('.message-answer').readmore('destroy');
-                }
-            }
-        });
+    });


-        function changerActive(tabActive) {
-            //$("#comment").removeClass("active");
-            $("#candidature").removeClass("active");
-            $("#messagerieVideo").removeClass("active");
-            $("#messagerie").removeClass("active");
-            //$("#commentLien").removeClass("active");
-            $("#candidatureLien").removeClass("active");
-            $("#messagerieVideoLien").removeClass("active");
-            $("#messagerieLien").removeClass("active");
-            $("#" + tabActive).addClass("active");
-            $("#" + tabActive + "Lien").addClass("active");
+    function changerActive(tabActive) {
+        //$("#comment").removeClass("active");
+        $("#candidature").removeClass("active");
+        $("#messagerieVideo").removeClass("active");
+        $("#messagerie").removeClass("active");
+        //$("#commentLien").removeClass("active");
+        $("#candidatureLien").removeClass("active");
+        $("#messagerieVideoLien").removeClass("active");
+        $("#messagerieLien").removeClass("active");
+        $("#" + tabActive).addClass("active");
+        $("#" + tabActive + "Lien").addClass("active");

-        }
-    </script>
-    {% endblock %}
+    }
+</script>
+{% endblock %}
@@ -1,5 +1,98 @@
+<!-- ========== bloc candidature ========== -->
 <div class="tab-pane active" id="candidature">
-    <div class="row m-md-0">
+    <div class="row ">
+        <div class="col-xl-7 col-lg-6">
+
+            <!-- START card -->
+
+            <div class="full-height">
+                <div class="card-body">
+                    <h5><i class="material-icons fs-18 tab-icon icons-candidatures">videocam</i>Candidature vidéo</h5>
+                    <iframe src="https://player.vimeo.com/video/{{ answer.video.cdnUrl|replace({ "/videos/": ""}) }}"
+                        width="100%" height="300px" frameborder="0" webkitallowfullscreen mozallowfullscreen
+                        allowfullscreen></iframe>
+                    
+                </div>
+                <div class="card-body row">
+                    {% if answer.user.company.cv %}
+                    <div class="col-8">
+                        <h5><i class="material-icons fs-18 tab-icon icons-candidatures">text_snippet</i>Curriculum vitae
+                        </h5>
+                    </div>
+                    
+                    <div class="col-4">
+                        <a href="/uploads/cv/{{ answer.user.company.cv }}" target="_blank">
+                        <button aria-label="" type="button" class="btn btn-lg btn-seconday btn-cons m-b-10">Télécharger
+                            le CV</button>
+                            </a>
+                    </div>
+                    {% if extension=="doc" or extension=="docx" %}
+                        <iframe width="100%" height="600"
+                        src="http://docs.google.com/gview?url=https://www.recruteur.talentstube.com/uploads/cv/{{ answer.user.company.cv }}"></iframe>
+                        
+                    {% else  %}
+                        <iframe width="100%" height="600"
+                        src="/uploads/cv/{{ answer.user.company.cv }}"></iframe>
+                    {% endif  %}
+                    {% endif  %}
+                    <!--<iframe width="100%" height="600" src="http://docs.google.com/gview?url=http://qualite-en-recherche.cnrs.fr/IMG/doc/pr-m1-09-ressources_humaines-30-1.doc&embedded=true"></iframe>-->
+
+                </div>
+            </div>
+            <!-- END card -->
+        </div>
+        <div class="col-xl-5 col-lg-6">
+            <!-- START card -->
+            <div class="card-body">
+                {{ form_start(formNote) }}
+                    <div class="form-group form-group-default required">
+                        <h5><i class="material-icons fs-18 tab-icon icons-candidatures">comment</i>Commentaires</h5>
+                        {# <textarea class="form-control" id="exampleFormControlTextarea1"
+                            placeholder="Ce commentaire sera visible uniquement par vous et les autres utilisateurs de l’espace recruteur."
+                            rows="5"></textarea> #}
+                            <label for="note_ajax_content" >Ajouter un commentaire</label>
+                             {{ form_widget(formNote.content) }}
+                    </div>
+                    <button class="btn btn btn-lg btn-outline-primary" type="submit">Valider le commentaire</button>
+               {{ form_end(formNote) }}
+
+
+                                {% for note in answer.notes|reverse %}
+                                <div class="card card-body">
+                                    <h6 class="card-title">{{ note.author.firstname }} {{ note.author.lastname }}</h6>
+                                    <p class="card-text">{{ note.content }}</p>
+                                </div>
+                               
+                                {% endfor %}
+                
+                
+            </div>
+            <!-- === Début : Bloc aide - À garder pour la prochaine v2
+                                        <div class="card-body">
+                                            <div class="form-group">
+                                                <i class="material-icons fs-18 tab-icon icons-candidatures">help_center</i><label for="">
+                                                    <h5>Besoin d'aide</h5>
+                                                </label>
+                                            </div>
+                                            <div class="lien-aide">
+                                                <a href="">Comment répondre aux candidats en vidéo ?</a>
+                                            </div>
+                                            <div class="lien-aide">
+                                                <a href="">Comment contacter un candidat ?</a>
+                                            </div>
+                                        </div>-->
+            <!-- === Début : Bloc aide - À garder pour la prochaine v2-->
+
+        </div>
+        <!-- END card -->
+    </div>
+</div>
+
+<!-- ========== bloc message texte + video ========== -->
+{# 
+
+<div class="tab-pane active" id="">
+    <div class="row ">
        <div class="col-xl-7 col-lg-6 bg-white">
            <!-- START card -->
            <div class="full-height">
@@ -11,13 +104,14 @@
            </div>
            <!-- END card -->
        </div>
-        <div class="col-xl-5 col-lg-6 col-top">
+        <div class="col-xl-5 col-lg-6 col-top fondBlanc">
            <!-- START card -->
            <div class="card card-transparent">
                <div class="card-header ">
                    <div class="card-title">
-
+                        {% if  answer.ad%}
                        <a href="{{ path('company_ad_answer_list',{'id':answer.ad.id}) }}">{{ answer.ad.title }}</a>
+                        {% endif  %}
                    </div>
                </div>
                <div class="card-body">
@@ -39,6 +133,14 @@
                            <p class="small hint-text m-t-5">{{ answer.user.firstname }}
                                {{ answer.user.lastname }}
                            </p>
+                            <p class="small hint-text m-t-5">
+                                {% if answer.user.company %}
+                                {% if answer.user.company.cv %}
+                                <a href="/uploads/cv/{{ answer.user.company.cv }}" target="_blank"><button aria-label=""
+                                        type="button" class="btn btn-outline-primary">Télécharger le cv</button></a>
+                                {% endif %}
+                                {% endif %}
+                            </p>
                        </div>
                    </div>
                </div>
@@ -46,7 +148,7 @@
            <!-- END card -->
        </div>
    </div>
-    <div class="row column-seperation">
+    <div class="row column-seperation fondBlanc">
        <div class="col-lg-6">
            <h3>

@@ -57,20 +159,20 @@
            <p class="pull-right">
                <a href="#" onClick="changerActive('messagerie')" data-toggle="tab" role="tab"
                    data-target="#messagerie">
-                    <button aria-label="" type="button" class="btn btn-default btn-cons">Réponse en message
+                    <button aria-label="" type="button" class="btn btn-primary btn-cons">Réponse en message
                        texte</button>
                </a>
                <a href="#" onClick="changerActive('messagerieVideo')" data-toggle="tab" role="tab"
                    data-target="#messagerieVideo">
-                    <button aria-label="" type="button" class="btn btn-default btn-cons">Réponse en vidéo</button>
+                    <button aria-label="" type="button" class="btn btn-primary btn-cons">Réponse en vidéo</button>
                </a>
            </p>
        </div>
    </div>
-    <div class="row">
+    <div class="row fondBlanc">
        <h4 class="no-margin-top bordered">{% trans %}label.answer.history.title{% endtrans %}</h4>
    </div>
-    <div class="row">
+    <div class="row fondBlanc">

        <div class="card-body">
            <div class="table-responsive">
@@ -80,10 +182,10 @@
                            <!-- NOTE * : Inline Style Width For Table Cell is Required as it may differ from user to user
    										Comman Practice Followed
    										-->
-                            
+
                            <th style="width:15%">Objet</th>
-                            <th style="width:15%">Message</th>
-                            <th style="width:70%">Envoyé le</th>
+                            <th style="width:15%">Envoyé le</th>
+                            <th style="width:70%">Message</th>
                        </tr>
                    </thead>
                    <tbody>
@@ -116,11 +218,17 @@

                        </tr>
                        {% endfor %}
+                        {% if answer.messages|length == 0  %}
+                        <tr>
+                            <th colspan="3" class="text-center">Aucun message pour le moment</th>
+                        </tr>
                        {% endif %}
+                        {% endif %}
+
                    </tbody>
                </table>
            </div>
        </div>

    </div>
-</div>
+</div> #}
@@ -1,8 +1,8 @@
 <div class="tab-pane " id="messagerie">
-    <div class="row">
+    <div class="row fondBlanc">

        <!-- START ITEM -->
-        <div class="col-lg-4">
+        <div class="col-lg-4 fondBlanc">
            <div class="card card-default bg-success">
                <div class="card-header  separator">
                    <div class="card-title">Réponse par mail
@@ -10,12 +10,12 @@
                </div>
                <div class="card-body">
                    <h3>
-                        <span class="semi-bold">Répondre par </span> message</h3>
-                    <p>When it comes to digital design, the lines between functionality, aesthetics, and
-                        psychology are inseparably blurred. Without the constraints of the physical world,
-                        there’s no natural form to fall back on, and every bit of constraint and affordance
-                        must be introduced intentionally. Good design makes a product useful. A product is
-                        bought to be used.</p>
+                        <span class="semi-bold">Envoyez un message à </span> {{ answer.user.firstname }} {{ answer.user.lastname }}</h3>
+                    <p>
+                        Vous avez également la possibilité d'envoyer une réponse en vidéo. Je souhaite répondre <b><a href="#" onClick="changerActive('messagerieVideo')" data-toggle="tab" role="tab"
+                    data-target="#messagerieVideo">en vidéo</a></b>.
+                        
+                    </p>
                </div>
            </div>
        </div>
@@ -93,7 +93,7 @@
                                        </div> #}
                                    </div>
                                <div class="form-group form-group-default required">
-                                   {{ form_row(form.status) }}
+                                   {# {{ form_row(form.status) }} #}
                                </div>
                                <div class="form-group  required">
                                   {{ form_row(form.message) }}
@@ -113,7 +113,7 @@
                                
                            </div>
                            <div class="col-md-1">
-                                <button type="submit" aria-label="" class="btn btn-complete btn-lg pull-right btn-icon-left"><i
+                                <button type="submit" aria-label="" class="btn btn-primary btn-lg pull-right btn-icon-left"><i
                                        class="pg-icon">send</i>Envoyer</button>
                            </div>
                        </div>
@@ -1,65 +1,189 @@
-<div class="tab-pane " id="messagerieVideo">
-    <div class="row">
+                         <div class="tab-pane" id="messagerieVideo">
+                             <div class="row">
+                                 <div class="col-xl-7 col-lg-6">
+                                     <div class="full-height">
+                                         <div class="card-body">
+                                             <h5><i
+                                                     class="material-icons fs-18 tab-icon icons-candidatures">message</i>Envoyer
+                                                 un message au candidat</h5>
+                                             {{ form_start(formVideo) }}
+                                             {{ form_widget(formVideo._token, { 'id': 'token_video' }) }}
+                                             <div class="form-group form-group-default">
+                                                 <label class="active">De : </label>
+                                                 <input name="to" data-role="tagsinput" disabled
+                                                     class="form-control tagsinput" type="text"
+                                                     value="{{ app.user.firstname }} {{ app.user.lastname }}" />
+                                             </div>

-        <!-- START ITEM -->
-        <div class="col-lg-4">
-            <div class="card card-default bg-success">
-                <div class="card-header  separator">
-                    <div class="card-title">Réponse vidéo
-                    </div>
-                </div>
-                <div class="card-body">
-                    <h3>
-                        <span class="semi-bold">Répondre avec la </span> vidéo</h3>
-                    <p>When it comes to digital design, the lines between functionality, aesthetics, and
-                        psychology are inseparably blurred. Without the constraints of the physical world,
-                        there’s no natural form to fall back on, and every bit of constraint and affordance
-                        must be introduced intentionally. Good design makes a product useful. A product is
-                        bought to be used.</p>
-                </div>
-            </div>
-        </div>
-        <!-- END ITEM -->
+                                             <div class="form-group form-group-default required" style="min-height:250px;">
+                                                 <label for="contact_talent_message" class="active">Message</label>
+                                                 {# <textarea id="contact_talent_message"
+                                                         name="contact_talent[message]" required="required"
+                                                         class="form-control"
+                                                         placeholder="Rédigez un message de réponse"></textarea> #}
+                                                 {{ form_widget(formVideo.message) }}
+                                             </div>
+                                             <!--<h6>Et si vous répondiez à [Nom du candidat] en vidéo ?</h6>-->
+                                             <p class="m-l-10 bold">Vous pouvez joindre une vidéo de réponse</p>
+                                             <p class="m-l-10">Pour une meilleure expérience candidat, motivez les
+                                                 raisons de votre choix en vidéo.</p>
+                                             {% include 'message/message_create_import.twig' %}
+                                             <div class="form-group m-t-20" ;>
+                                                 <button type="submit" aria-label=""
+                                                     class="btn btn-primary btn-lg disabled">Envoyer le
+                                                     message</button>
+                                             </div>
+                                             <div class="m-t-30">
+                                                 <div class="row fondBlanc">
+                                                     <h5><i
+                                                             class="material-icons fs-18 tab-icon icons-candidatures">inbox</i>Historique
+                                                         des messages envoyés</h5>
+                                                 </div>
+                                                 <div class="row fondBlanc">
+                                                     <div class="card-body">
+                                                         <div class="table-responsive">
+                                                             <table class="table table-hover" id="basicTable">
+                                                                 <thead>
+                                                                     <tr>
+                                                                         <!-- NOTE * : Inline Style Width For Table Cell is Required as it may differ from user to user
+                                                    Comman Practice Followed
+                                                    -->
+                                                                         <th style="width:20%">Envoyé le</th>
+                                                                         <th style="width:30%">Expéditeur</th>
+                                                                         <th style="width:50%">Message</th>
+                                                                     </tr>
+                                                                     {% if answer.messages %}
+                                                                     {% for message in answer.messages if message.status != "DRAFT" %}
+                                                                     {% set class = '' %}
+                                                                     {% if loop.index > 1 %}
+                                                                     {% set class = 'history-hidden' %}
+                                                                     {% endif %}
+                                                                     <tr>
+                                                                         <td class="v-align-middle">
+                                                                             
+                                                                                 {{ message.uTime|date('d-m-Y h:m') }}
+                                                                             
+                                                                         </td>
+                                                                         <td class="v-align-middle ">
+                                                                            {% if  message.sender.company.type =="COMPANY" %}
+                                                                            Recruteur
+                                                                            {% elseif  message.sender.company.type =="TALENT" %}
+                                                                            Talent
+                                                                            {% endif %}
+                                                                         </td>
+                                                                         <td class="v-align-middle">
+                                                                             {% if message.video %}
+                                                                             <div
+                                                                                 class="embed-responsive embed-responsive-16by9">
+                                                                                 <iframe
+                                                                                     src="https://player.vimeo.com/video/{{ message.video.cdnUrl|replace({ "/videos/": ""}) }}"
+                                                                                     width="100%" height="300"
+                                                                                     frameborder="0"
+                                                                                     webkitallowfullscreen
+                                                                                     mozallowfullscreen
+                                                                                     allowfullscreen></iframe>
+                                                                             </div>
+                                                                             {% endif %}
+                                                                             {{ message.content|nl2br }}
+                                                                         </td>
+
+                                                                     </tr>
+                                                                     {% endfor %}
+                                                                     {% if answer.messages|length == 0  %}
+                                                                     <tr>
+                                                                         <th colspan="3" class="text-center">Aucun
+                                                                             message pour le moment</th>
+                                                                     </tr>
+                                                                     {% endif %}
+                                                                     {% endif %}
+                                                                     
+                                                                    
+                                                                 </thead>
+                                                                 <tbody>
+                                                                 </tbody>
+                                                             </table>
+                                                         </div>
+                                                     </div>
+                                                 </div>
+                                             </div>
+                                             <!-- END COMPOSE EMAIL -->
+
+                                             {{ form_end(formVideo) }}
+                                         </div>
+                                     </div>
+                                 </div>
+
+                             </div>
+                         </div>
+
+
+
+                         <div class="tab-pane fondBlanc" id="">
+                             <div class="row fondBlanc">
+
+                                 <!-- START ITEM -->
+                                 <div class="col-lg-4 fondBlanc">
+                                     <div class="card card-default bg-success">
+                                         <div class="card-header  separator">
+                                             <div class="card-title">Réponse vidéo
+                                             </div>
+                                         </div>
+                                         <div class="card-body">
+                                             <h3>
+                                                 <span class="semi-bold">Et si vous répondiez à </span> Celia Machin
+                                                 Auriol <b>en vidéo</b>
+                                             </h3>
+                                             <p>Découvrez <a
+                                                     href="https://blog.talentstube.com/articles-entreprise/comment-faire-une-video-avec-une-webcam/"
+                                                     target="_blank">nos conseils</a> pour réaliser une vidéo de
+                                                 réponse.</p>
+
+                                         </div>
+                                     </div>
+                                 </div>
+                                 <!-- END ITEM -->




-        <div class="col-md-12 col-lg-8 col-xlg-8 md-m-t-10">
-            <!-- START WIDGET widget_weatherWidget-->
-            <div class="widget-17 card  no-border no-margin widget-loader-circle">
-                <div class="widget-16-header p-r-20 p-l-20 p-t-10 d-flex">
-                    <span class="icon-thumbnail bg-contrast-low pull-left text-color pg-icon">M</span>
-                    <div class="flex-1 full-width overflow-ellipsis">
-                        <p class="hint-text all-caps font-montserrat  small no-margin overflow-ellipsis ">
-                            Contacter
-                        </p>
-                        <h6 class="no-margin overflow-ellipsis ">par vidéo</h6>
-                    </div>
-                </div>
-                <div class="card-body">
-                    {{ form_start(formVideo) }}
-                    {{ form_widget(formVideo._token, { 'id': 'token_video' }) }}
+                                 <div class="col-md-12 col-lg-8 col-xlg-8 md-m-t-10">
+                                     <!-- START WIDGET widget_weatherWidget-->
+                                     <div class="widget-17 card  no-border no-margin widget-loader-circle">
+                                         <div class="widget-16-header p-r-20 p-l-20 p-t-10 d-flex">
+                                             <span
+                                                 class="icon-thumbnail bg-contrast-low pull-left text-color pg-icon">M</span>
+                                             <div class="flex-1 full-width overflow-ellipsis">
+                                                 <p
+                                                     class="hint-text all-caps font-montserrat  small no-margin overflow-ellipsis ">
+                                                     Contacter
+                                                 </p>
+                                                 <h6 class="no-margin overflow-ellipsis ">par vidéo</h6>
+                                             </div>
+                                         </div>
+                                         <div class="card-body">
+                                             {{ form_start(formVideo) }}
+                                             {{ form_widget(formVideo._token, { 'id': 'token_video' }) }}



-                    {% include 'message/message_create_import.twig' %}
-                    <br />
-                    {{ form_widget(formVideo.status, { 'id': 'contact_talent_status_video' }) }}
-                    {{ form_rest(formVideo) }}
-                    <br />
-                    <div class="bottom-form">
-                        <button type="submit" class="btn btn-default disabled">Envoyer</button>
-                    </div>
+                                             {% include 'message/message_create_import.twig' %}
+                                             <br />
+                                             {# {{ form_widget(formVideo.status, { 'id': 'contact_talent_status_video' }) }} #}
+                                             {{ form_rest(formVideo) }}
+                                             <br />
+                                             <div class="bottom-form">
+                                                 <button type="submit" class="btn btn-default disabled">Envoyer</button>
+                                             </div>

-                    {{ form_end(formVideo) }}
-                </div>
-            </div>
-            <!-- END WIDGET -->
-        </div>
+                                             {{ form_end(formVideo) }}
+                                         </div>
+                                     </div>
+                                     <!-- END WIDGET -->
+                                 </div>




-    </div>
+                             </div>

-</div>
+                         </div>
@@ -0,0 +1,29 @@
+{% extends 'admin/base_dashboard.html.twig' %}
+
+
+{% block content %}
+     <div class="fluid-container bg-grey-3 dashboardWrapper dashboardCompanyWrapper">
+        <div class="container">
+            <div class="row flexcontainer">
+                {% include "company/menutemporaire.html.twig" ignore missing %}
+                <div class="col s12 m12 l8 xl9 col-padding-left" id="page-content">
+                    {% block dashContent %}
+                        Dashboard Company
+                    {% endblock %}
+                </div>
+            </div>
+        </div>
+    </div>
+{% endblock %}
+
+{% block javascripts %}
+    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
+    {% javascripts
+    '@vendors'
+    '@global'
+    '@company'
+    output='assetic/main.dash.company.js' filter='?uglifyjs2' %}
+    <script src="{{ asset_url }}"></script>
+    {% endjavascripts %}
+
+{% endblock %}
@@ -1,4 +1,4 @@
-{% extends 'base.html.twig' %}
+{% extends 'basetemporaire.html.twig' %}


 {% block title %}Offres d'emploi et recrutement {{ company.brandName }} | TalentsTube{% endblock %}
@@ -45,71 +45,129 @@
        </div>
    </div>
    <!-- START CONTAINER FLUID -->
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="/entreprise/me/">Accueil</a></li>
+                <li class="breadcrumb-item"><a href="{{ path('company_ad') }}">Offres d'emploi</a></li>
+               
+            </ol>
+            <!-- END BREADCRUMB -->
+            
+        </div>
+    </div>
+</div>
+<!-- END JUMBOTRON -->
 <div class=" container-fluid   container-fixed-lg">
-    <div id="rootwizard" class="m-t-50">
+<div class="col-lg-8 bloc-header">
+                        <div class="card card-default container">
+                            <div class="card-body">
+                                <div class="row" style="min-height:10rem;">
+                                    <div class="col-8">
+                                        <h4 class="header-title" style="font-size:2em;line-height:1.5em;">Création d'une offre d'emploi vidéo</h4>
+                                        <p>Pour trouver le bon profil, renseignez et personnalisez votre annonce. <br>Plus votre annonce est précise et attractive, plus les candidatures seront ciblées.</p>
+                                    </div>
+                                    <div class="col-4" style="background-repeat: no-repeat; background-image: url('https://blog.talentstube.com/wp-content/uploads/2021/02/creer-offre-emploi-video.svg');background-size: contain;background-position: center;">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+    <div id="rootwizard" class="col-lg-10 m-t-50">
        {% include 'company/ad_stepsV2.html.twig' with {'tab':2} %}
        
        <div class="tab-content">
-            <div class="tab-pane padding-20 sm-no-padding  slide-left disabled" id="tab1">
-                <div class="row row-same-height">
-                    <div class="col-md-5 b-r b-dashed b-grey sm-b-b">
-                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
-                            <i class="material-icons hint-text">shopping_cart</i>
-                            <h2>Etape 1</h2>
-                            <p>Discover goods you'll love from brands that inspire. The easiest way to open your own
-                                online store. Discover amazing stuff or open your own store for free!</p>
-                            <p class="small hint-text">Below is a sample page for your cart , Created using pages design
-                                UI Elementes</p>
-                        </div>
-                    </div>
-                    <div class="col-md-7">
-                        <div class="padding-30 sm-padding-5">
-                           
-                            
-                        </div>
-                    </div>
-                </div>
-            </div>
+
            <div class="tab-pane slide-left padding-20 sm-no-padding active" id="tab2">
                <div class="row row-same-height">
-                    <div class="col-md-5 b-r b-dashed b-grey ">
-                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
-                            <h2>Your Information is safe with us!</h2>
-                            <p>We respect your privacy and protect it with strong encryption, plus strict policies .
-                                Two-step verification, which we encourage all our customers to use.</p>
-                            <p class="small hint-text">Below is a sample page for your cart , Created using pages design
-                                UI Elementes</p>
-                                {# <ul id="tabs-video" class="tabs">
-                                    <li class="tab col s4"><a class="active" href="#tab-video-new">Ajouter une nouvelle vidéo</a>
-                                    </li>
-                                    <li class="tab col s4"><a href="#tab-video-select">Utiliser une vidéo existante</a></li>
-                                </ul> #}
+                    <div class="col-md-12 col-xl-6  ">
+                        <div class="container-envoi-videos">
+                            <div class="titre-bloc-envoi-videos">
+                                <img src='https://www.talentstube.com/statique/images/capture.svg'class="image-envoi-video"/img>
+                                <div class="texte-envoi-video">
+                                    <h4>Choix n°1</h4>
+                                    <h5>J’<span class="underline">envoie</span> mes séquences vidéo à Talents Tube</h5>
+                                </div>
+                            </div>
+                            <div class="contenu-bloc-envoi-videos">
+                                {{ form_start(formFile, {'attr': { 'id': 'form_file' } }) }}
+                                {# {{ form_row(form.brochure) }}
+                                {{ form_row(form.brochure1) }}
+                                {{ form_row(form.brochure2) }} #}
+                                <p>Envoyez les séquences vidéo et Talents Tube s’occupe pour vous du montage complet de votre offre d’emploi sous <span class="underline">48h</span></p>
+                                <label for="etape-import-video">Vidéo 1 : Présentation de l’entreprise</label>
+                                {{ form_row(formFile.file1) }}
+                                {# <input type="file" id="avatar" name="avatar" accept="image/png, image/jpeg"> #}
+                                <label for="etape-import-video">Vidéo 2 : Présentation du poste et des missions</label>
+                                {{ form_row(formFile.file2) }}
+                                {# <input type="file" id="avatar" name="avatar" accept="image/png, image/jpeg"> #}
+                                <label for="etape-import-video">Vidéo 3 : Témoignage d’un collaborateur</label>
+                                {{ form_row(formFile.file3) }}
+                                {# <input type="file" id="avatar" name="avatar" accept="image/png, image/jpeg"> #}
+                                {# <button aria-label="" class="btn btn-info btn-lg btn-icon-right m-b-10" type="submit"><span class="">Envoyer les séquences vidéo</span><i class="pg-icon" onclick="$(&quot;#encours&quot;).show();">send</i></button> #}
+                                <button aria-label class="btn btn-info btn-lg m-b-10" type="submit" onClick='$("#encours").show();'><span class="">Envoyer les séquences vidéo</span></button>
+                                
+                                {{ form_end(formFile) }}
+                                {% if message !="" %}
+                                <div class="green center-align" style="border-radius:10px;padding:20px;color:#FFF;">{{ message }}</div>
+                                {% else %}
+                                <div class=" center-align"  id="encours">Vos séquences vidéo sont en cours d’envoi...
+                                Veuillez rester sur la page pendant le chargement qui peut durer plusieurs minutes.
+                                </div>
+                                
+                                {% endif %}
+                            </div>
                        </div>
+                        <!--<div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
+                            <h2>J'importe une vidéo</h2>
+                            <p>Importez votre vidéo de recrutement et publiez votre annonce.
+Vous ne possédez pas encore de vidéo ? 
+Talents Tube peut vous accompagner dans la réalisation de votre 
+vidéo d'offre d'emploi. <a href="https://blog.talentstube.com/contact" target="_blank">Contactez-nous</a></p>
+                            </div>-->
                    </div>
-                    <div class="col-md-7">
-                        <div class="padding-30 sm-padding-5" id="tab-video-new">
-                            {% include 'media/dropzoneV2.html.twig' %}
-                            {{ form_start(form, {'attr': { 'id': 'form_media' } }) }}
-                            {{ form_row(form.title) }}
-                            <br/>
-                            <a href="{{ path('company_ad_edit',{"id": ad.getId()}) }}" class="btn btn-round btn-dark">
-                                <button aria-label="" class="btn btn-primary btn-cons btn-animated from-left pull-right"
-                                    type="button">
-                                    <span>Retour au détail de l'annonce </span>
-                                    <span class="hidden-block">
-                                        <i class="material-icons fs-16">info</i>
-                                    </span>
-                                </button>
-                            </a>
-                            <button aria-label="" id="submit" type="submit" class="btn btn-primary btn-cons btn-animated from-left pull-right hide"
-                                    type="button">
-                                    <span>Valider l'annonce</span>
-                                    <span class="hidden-block">
-                                        <i class="material-icons fs-16">save</i>
-                                    </span>
-                                </button>
-                            
-                            {{ form_end(form) }}
+                    <div class="col-md-12 col-xl-6">
+                        <div class="padding sm-padding-5" id="tab-video-new">
+                            <div class="container-envoi-videos">
+                                <div class="titre-bloc-envoi-videos">
+                                    <img src='https://www.talentstube.com/statique/images/Import-video-recruteur.svg'class="image-envoi-video"/img>
+                                    <div class="texte-envoi-video">
+                                        <h4>Choix n°2</h4>
+                                        <h5>J’<span class="underline">importe</span> ma vidéo d’offre d’emploi</h5>
+                                    </div>
+                                </div>
+                                <div class="contenu-bloc-envoi-videos">
+                                    {% include 'media/dropzoneV2.html.twig' %}
+                                    {{ form_start(form, {'attr': { 'id': 'form_media' } }) }}
+                                    {{ form_row(form.title) }}
+                                    {# {{ form_row(form.brochure) }}
+                                    {{ form_row(form.brochure1) }}
+                                    {{ form_row(form.brochure2) }} #}
+                                    <br/>
+                                    <div class="row">
+                                        <div class="col-6">
+                                            <a href="{{ path('company_ad_edit',{"id": ad.getId()}) }}" >
+                                                <button aria-label="" class="btn btn-default btn-lg m-b-10"
+                                                    type="button">
+                                                    <span>Retour  </span>
+                                                    
+                                                </button>
+                                            </a>
+                                        </div>
+                                        <div class="col-6">
+                                            <button aria-label="" id="submit" type="submit" class="btn btn-primary btn-lg m-b-10 hide"
+                                                    type="button">
+                                                    <span>Publier l'offre</span>
+                                                
+                                            </button>
+                                        </div>
+                                    </div>
+                                    {{ form_end(form) }}
+                                </div>
+                            </div>
                        </div>
                        <div id="tab-video-select" class="col s12">
                            <div class="row">
@@ -191,10 +249,7 @@
                    </li>
                </ul> #}
            </div>
-            <div class="wizard-footer padding-20 bg-contrast-low">
-                
-                <div class="clearfix"></div>
-            </div>
+            
        </div>
    </div>
 </div>
@@ -224,6 +279,7 @@
        });
    </script>
    <script type="text/javascript">
+        $("#encours").hide();
        var urlDropzone = '{{ path("upload_media", {"id": ad.getId()}) }}';
        var urlDelete = '{{ path("delete_media", {"id": ad.getId() }) }}'
        var idObject = '{{ ad.getId() }}';
@@ -2,19 +2,7 @@
 {% extends 'admin/base_dashboard.html.twig' %}
 {% block dashContent %}
 <div class="row bg-bordered p-20">
-    {% if app.user.company.brandname == null %}
-    <div class="row flexcontainer">
-        <div class="col s12 m12 l12">
-            <div class="card-panel grey lighten-3 ">
-                <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
-                Vous n'avez pas encore complété le profil de votre entreprise. <br>
-                Ces informations sont importantes au bon fonctionnement de la plateforme, nous vous invitons
-                <a href="{{ path('company_profile') }}">à les remplir ici. <i class="fa fa-link"
-                        aria-hidden="true"></i></a>
-            </div>
-        </div>
-    </div>
-    {% endif %}
+
    {# <div class="col s3">
        <h5 class="blue-text no-margin-top">Volumes des visites</h5>
    </div>
@@ -51,189 +39,534 @@
        <p><span class="btn-count btn-countVisitsAnonymByCompany">&nbsp;</span>Visites d'internautes non-inscrits</p>
    </div> #}
 </div>
+{% if app.user.company.brandname == null %}
+<div class=" container-fluid   container-fixed-lg bg-white">
+    <div class="card card-transparent">
+        <div class="card-body">
+            <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
+            Vous n'avez pas encore complété le profil de votre entreprise. <br>
+            Ces informations sont importantes au bon fonctionnement de la plateforme, nous vous invitons
+            <a href="{{ path('company_profile') }}">à les remplir ici. <i class="fa fa-link" aria-hidden="true"></i></a>
+        </div>
+    </div>
+    <script>
+        document.location.href = "/entreprise/me/profil";
+    </script>
+
+    {# {{ render("/entreprise/me/profil") }} #}
+</div>
+{% endif %}
+
+
+
+
+
+
+
+
+
+
+
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner" style="transform: translateY(0px); opacity: 1;">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="https://recruteur.talentstube.com/entreprise/me/">Accueil</a></li>
+            </ol>
+            <!-- END BREADCRUMB -->
+        </div>
+    </div>
+</div>
+<!-- END JUMBOTRON -->
+<!--Boutons actions Tableau de bord -->
+
+<div class=" container-fluid container-fixed-lg bloc-tdb">
+    <!-- START card -->
+    <div class="col-lg-12">
+        <div class="card card-default container">
+            <div class="row">
+                <div class="col-md">
+                    <button class="card-action" type="button">
+                        <a href="{{path('company_ad_create')}}">
+                            <span class="material-icons">movie_creation</span>
+                            <div class="row lien-fleche" style="justify-content: center; align-items: center">
+                                <h6 class="col-10">Créer une offre d’emploi vidéo</h6>
+                                <span class="material-icons col-2 fleche">arrow_right_alt</span>
+                            </div>
+                        </a>
+                    </button>
+                </div>
+                <div class="col-md" type="button">
+                
+                    <button class="card-action" style="" type="button">
+                        <a href="{{path('company_ad')}}">
+                            <span class="material-icons" style="">work</span>
+                            <div class="row lien-fleche" style="justify-content: center; align-items: center">
+                                <h6 class="col-10">Gérer mes offres d’emploi</h6>
+                                <span class="material-icons col-2 fleche">arrow_right_alt</span>
+                            </div>
+                        </a>
+                    </button>
+                </div>
+                <div class="col-md" type="button">
+                    <button class="card-action" style="" type="button">
+                    
+                        <a href="{{path('company_answer_list')}}">
+                            <span class="material-icons" style="">face</span>
+                            <div class="row lien-fleche" style="justify-content: center; align-items: center">
+                                <h6 class="col-10">Gérer mes candidatures</h6>
+                                <span class="material-icons col-2 fleche">arrow_right_alt</span>
+                            </div>
+                        </a>
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!--Fin Boutons actions Tableau de bord -->
+
+<!--Blocs statistiques Tableau de bord -->
+<div class=" container-fluid container-fixed-lg bloc-tdb">
+    <!-- START card -->
+    <div class="col-lg-12">
+        <div class="card card-default container">
+            <div class="row">
+                <div class="col-lg text-card">
+                    <div class="bloc-stats">
+                        <span class="font-montserrat fs-11 all-caps">Nombre total de candidats</span>
+                        <h3 class="bold no-margin p-b-5"><a class="bold no-margin p-b-5"
+                                href="{{ path('company_answer_list') }}">{{nbAnswersSended}}</a></h3>
+                        <span class="fs-12 ">Nouveaux candidats</span>
+                        <h4 class="bold no-margin" class=""><a class="bold no-margin"
+                                href="{{ path('company_answer_list') }}">+{{nbAnswersSended}}</a></h4>
+                    </div>
+                </div>
+                <div class="col-lg text-card">
+                    <div class="bloc-stats">
+                        <span class="font-montserrat fs-11 all-caps">Visites de la page entreprise</span>
+                        <h3 class="bold no-margin p-b-5">{{ records.totalRecordsCompany }}</h3>
+                        <div class="row">
+                            <div class="col-sm vertical-border" border-right: 1px solid white;>
+                                <span class="fs-12">7 derniers jours</span>
+                                <h4 class="bold no-margin">+{{ records7days.totalRecordsCompany }}</h4>
+                            </div>
+                            <div class="col-sm">
+                                <span class="fs-12">30 derniers jours</span>
+                                <h4 class="bold no-margin" style="opacity:0.75">+{{ records30days.totalRecordsCompany }}
+                                </h4>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-lg text-card">
+                    <div class="bloc-stats">
+                        <span class="font-montserrat fs-11 all-caps">Vues globales des offres d’emploi</span>
+                        <h3 class="bold no-margin p-b-5">{{ records.totalRecords-records.totalRecordsCompany }}</h3>
+                        <div class="row">
+                            <div class="col-sm vertical-border">
+                                <span class="fs-12">7 derniers jours</span>
+                                <h4 class="bold no-margin">
+                                    +{{ records7days.totalRecords-records7days.totalRecordsCompany }}</h4>
+                            </div>
+                            <div class="col-sm">
+                                <span class="fs-12">30 derniers jours</span>
+                                <h4 class="bold no-margin" style="opacity:0.75">+{{ records30days.totalRecordsCompany }}
+                                </h4>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!--Fin Blocs statistiques Tableau de bord -->
+
+
+<!-- START CONTAINER FLUID -->
+<!-- START CONTAINER FLUID -->
+{# <div class=" container-fluid container-fixed-lg bg-white">
+    <!-- START card -->
+    <div class="card card-transparent">
+        <div class="card-header ">
+            <div class="card-title">Statistiques</div>
+        </div>
+        <div class="row">
+            <div class="col-lg-12 col-xl-12 col-xlg-12">
+                <div class="col-md-12 m-b-10" style="display:flex;">
+                    <!-- Nombre de candidatures vidéo - START WIDGET D3 widget_graphTileFlat-->
+                    <div class="widget-8 card m-r-15 widget-loader-bar card-header card-background-1">
+                        <div class="container-xs-height">
+                            <!--full-height-->
+                            <div class="">
+                                <!--row-xs-height -->
+                                <div class="col-xs-height col-top">
+                                    <div class="">
+                                        <!--card-header top-left top-right -->
+                                        <div class="card-title text-card">
+                                            <span class="font-montserrat fs-11 all-caps">Nombre total de
+                                                candidats</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row-xs-height">
+                                <div class="col-xs-height col-top relative">
+                                    <div class="row full-height">
+                                        <div class="col-sm-12 text-card">
+                                            <h3 class="bold no-margin p-b-5 text-card"><a
+                                                    class="bold no-margin p-b-5 text-card"
+                                                    href="{{ path('company_answer_list') }}">{{nbAnswersSended}}</a>
+                                            </h3>
+                                        </div>
+                                        <div class="col-sm-8">
+                                            <div
+                                                class="p-l-0 full-height d-flex flex-column justify-content-between text-card">
+                                                <p class="small m-t-5 m-b-0">
+                                                    <span class="fs-12 ">Nouveaux candidats</span>
+                                                </p>
+                                                <h4 class="bold no-margin"><a class="bold no-margin"
+                                                        href="{{ path('company_answer_list') }}">+{{nbAnswersSended}}</a>
+                                                </h4>
+                                            </div>
+                                        </div>
+                                        <!--<div class="col-sm-5">
+                                <div class="p-l-0 full-height d-flex flex-column justify-content-between text-card">
+                                    <p class="small m-t-5 m-b-0">
+                                        <span class="fs-12 ">30 derniers jours</span>
+                                    </p>
+                                    <h4 class="bold no-margin" style="opacity:0.75">+48</h4>
+                                </div>
+                            </div>-->
+                                    </div>
+                                    <!--<div class="widget-8-chart line-chart" data-line-color="white" data-points="true" data-point-color="warning" data-stroke-width="2">
+                        </div>-->
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- END WIDGET -->
+                    <!-- Nombre de visite page entreprise vidéo - START WIDGET D3 widget_graphTileFlat-->
+                    <div class="widget-8 card m-r-15 widget-loader-bar card-header card-background-2">
+                        <div class="container-xs-height">
+                            <div class="">
+                                <!--row-xs-height -->
+                                <div class="col-xs-height col-top">
+                                    <div class="">
+                                        <!--card-header top-left top-right -->
+                                        <div class="card-title text-card">
+                                            <span class="font-montserrat fs-11 all-caps">Visites de la page
+                                                entreprise</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row-xs-height">
+                                <div class="col-xs-height col-top relative">
+                                    <div class="row full-height">
+                                        <div class="col-sm-12 text-card">
+                                            <h3 class="bold no-margin p-b-5 text-card">{{ records.totalRecordsCompany }}
+                                            </h3>
+                                        </div>
+                                        <div class="col-sm-5 vertical-border">
+                                            <div
+                                                class="p-l-0 full-height d-flex flex-column justify-content-between text-card">
+                                                <p class="small m-t-5 m-b-0">
+                                                    <span class="fs-12 ">7 derniers jours</span>
+                                                </p>
+                                                <h4 class="bold no-margin">+{{ records7days.totalRecordsCompany }}</h4>
+                                            </div>
+                                        </div>
+                                        <div class="col-sm-5">
+                                            <div
+                                                class="p-l-0 full-height d-flex flex-column justify-content-between text-card">
+                                                <p class="small m-t-5 m-b-0">
+                                                    <span class="fs-12 ">30 derniers jours</span>
+                                                </p>
+                                                <h4 class="bold no-margin" style="opacity:0.75">
+                                                    +{{ records30days.totalRecordsCompany }}</h4>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <!--<div class="widget-8-chart line-chart" data-line-color="white" data-points="true" data-point-color="warning" data-stroke-width="2">
+                        </div>-->
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- END WIDGET -->
+
+                    <!-- Nombre de visites global offres d'emploi --START WIDGET D3 widget_graphTileFlat-->
+                    <div class="widget-8 card no-margin widget-loader-bar card-header card-background-3">
+                        <div class="container-xs-height">
+                            <div class="">
+                                <!--row-xs-height -->
+                                <div class="col-xs-height col-top">
+                                    <div class="">
+                                        <!--card-header top-left top-right -->
+                                        <div class="card-title text-card">
+                                            <span class="font-montserrat fs-11 all-caps">Vues globales des offres
+                                                d’emploi</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row-xs-height">
+                                <div class="col-xs-height col-top relative">
+                                    <div class="row full-height">
+                                        <div class="col-sm-12 text-card">
+                                            <h3 class="bold no-margin p-b-5 text-card">
+                                                {{ records.totalRecords-records.totalRecordsCompany }}</h3>
+                                        </div>
+                                        <div class="col-sm-5 vertical-border">
+                                            <div
+                                                class="p-l-0 full-height d-flex flex-column justify-content-between text-card">
+                                                <p class="small m-t-5 m-b-0">
+                                                    <span class="fs-12 ">7 derniers jours</span>
+                                                </p>
+                                                <h4 class="bold no-margin">
+                                                    +{{ records7days.totalRecords-records7days.totalRecordsCompany }}
+                                                </h4>
+                                            </div>
+                                        </div>
+                                        <div class="col-sm-5">
+                                            <div
+                                                class="p-l-0 full-height d-flex flex-column justify-content-between text-card">
+                                                <p class="small m-t-5 m-b-0">
+                                                    <span class="fs-12 ">30 derniers jours</span>
+                                                </p>
+                                                <h4 class="bold no-margin" style="opacity:0.75">
+                                                    +{{ records30days.totalRecords-records30days.totalRecordsCompany }}
+                                                </h4>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <!--<div class="widget-8-chart line-chart" data-line-color="white" data-points="true" data-point-color="warning" data-stroke-width="2">
+                        </div>-->
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- END WIDGET -->
+
+
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+    <!--class="col-lg-8 sm-p-b-10 md-p-b-10"-->
+
+
+
+
+
+</div> #}
+<!-- END card -->
+
+
+
+

-        
-        {% include 'company/ad_table_listing.html.twig' with {'ads':ads} %}

 {% endblock %}

 {% block javascripts %}
 {{ parent() }}
-<script src="{{ asset('/js/vendors/Chart.bundle.min.js') }}"></script>
+{# <script src="{{ asset('/js/vendors/Chart.bundle.min.js') }}"></script> #}
 <script type="text/javascript">
    var currentMonth = '{{ "now"|date("m") }}';
-    var arrayRecords;
-    var ctx, myChart, arrayCurrentsLabel, arrayCurrentsAdsValues, arrayCurrentsCompanyValues, donughtRecords;
+    var arrayRecords; {
+        #
+        var ctx, myChart, arrayCurrentsLabel, arrayCurrentsAdsValues, arrayCurrentsCompanyValues, donughtRecords;#
+    }
    var sumVisitsAds = 0;
    var sumCompanyValues = 0;

-    function loadChartData() {
-        setArrayValues();
-        myChart.update();
-        myDoughnutChart.update();
+    {
+        #
+        function loadChartData() {
+            setArrayValues();
+            myChart.update();
+            myDoughnutChart.update();
+        }#
    }

-    function getChartData(date1, date2) {
-        $.ajax({
-            type: "POST",
-            url: '{{ path("company_ajax_dashboard") }}',
-            data: 'date1=' + date1 + '&date2=' + date2,
-            dataType: "json",
-            success: function (data) {
-                arrayRecords = data.lineRecords;
-                donughtRecords = data.donughtRecords;
-                myDoughnutChart.data.datasets[0].data = donughtRecords;
-                loadChartData();
-                $('.fa-refresh').hide();
-            },
-            error: function (data) {
-                $('.fa-refresh').hide();
-            }
-        });
-    }
-
-    document.addEventListener("DOMContentLoaded", function (event) {
-        $('.fa-refresh').hide();
-        getChartData(0, 0);
-        configDatePicker = {
-            applyBtnClass: 'btn btn-default',
-            format: 'DD-MM-YYYY',
-            separator: ' au ',
-            endDate: new Date(),
-            maxDays: 365
-        }
-        $('#choiceMonth').dateRangePicker(configDatePicker).bind('datepicker-apply', function (event, obj) {
-            $('.fa-refresh').show();
-            var month1 = obj.date1.getMonth();
-            var day1 = obj.date1.getDate();
-            var year1 = obj.date1.getFullYear();
-            var month2 = obj.date2.getMonth();
-            var day2 = obj.date2.getDate();
-            var year2 = obj.date2.getFullYear();
-            var date1 = (month1 + 1) + "/" + day1 + "/" + year1 + " 00:00:01";
-            var date2 = (month2 + 1) + "/" + day2 + "/" + year2 + " 23:59:59";
-            getChartData(date1, date2);
-        });
-        $('.apply-btn').attr('value', 'Valider');
-    });
-
-    function setArrayValues() {
-        arrayCurrentsLabel = [];
-        arrayCurrentsAdsValues = [];
-        arrayCurrentsCompanyValues = [];
-        arrayRecords['labels'].forEach(function (element, index) {
-            var date = element.split("-");
-            var dateAffiche = date[2] + "-" + date[1] + "-" + date[0];
-            arrayCurrentsLabel.push(dateAffiche);
-            arrayCurrentsAdsValues.push(arrayRecords['datasetsAd'][index]);
-            arrayCurrentsCompanyValues.push(arrayRecords['datasetsCompany'][index]);
-        });
-        myChart.data.labels = arrayCurrentsLabel;
-        myChart.data.datasets[0].data = arrayCurrentsAdsValues;
-        myChart.data.datasets[1].data = arrayCurrentsCompanyValues;
-
-        if (arrayCurrentsAdsValues.length > 0) {
-            sumVisitsAds = arrayCurrentsAdsValues.reduce(function (memo, val) {
-                let value = val || 0;
-                if (value != null) {
-                    return memo + value;
+    {
+        #
+        function getChartData(date1, date2) {
+            $.ajax({
+                type: "POST",
+                url: '{{ path("company_ajax_dashboard") }}',
+                data: 'date1=' + date1 + '&date2=' + date2,
+                dataType: "json",
+                success: function (data) {
+                    arrayRecords = data.lineRecords;
+                    donughtRecords = data.donughtRecords;
+                    myDoughnutChart.data.datasets[0].data = donughtRecords;
+                    loadChartData();
+                    $('.fa-refresh').hide();
+                },
+                error: function (data) {
+                    $('.fa-refresh').hide();
                }
            });
-        } else {
-            sumVisitsAds = 0;
-        }
-        if (arrayCurrentsCompanyValues.length > 0) {
-            sumCompanyValues = arrayCurrentsCompanyValues.reduce(function (memo, val) {
-                let value = val || 0;
-                if (value != null) {
-                    return memo + value;
-                }
-            });
-        } else {
-            sumCompanyValues = 0;
-        }
-
-        $('.countVisitsAds').html(sumVisitsAds);
-        $('.countVisitsCompany').html(sumCompanyValues);
+        }#
    }

-    var dataLine = {
-        datasets: [{
-            label: "Nombre de visite d'annonce par jour",
-            fill: false,
-            fontColor: "rgba(39,139,231,1)",
-            backgroundColor: "rgba(39,139,231,1)",
-            borderColor: "rgba(39,139,231,1)"
-        }, {
-            label: "Nombre de visite de votre page entreprise",
-            fill: false,
-            fontColor: "#F9C339",
-            backgroundColor: "#F9C339",
-            borderColor: "#F9C339"
-        }]
-    };
-
-    var ctx = document.getElementById("nb_visits");
-    var myChart = new Chart(ctx, {
-        type: 'line',
-        data: dataLine,
-        options: {
-            legend: {
-                display: false
-            },
-            scales: {
-                xAxes: [{
-                    display: true,
-                    scaleLabel: {
-                        display: true,
-                        labelString: 'Date'
-                    }
-                }],
-                yAxes: [{
-                    ticks: {
-                        min: 0
-                    },
-                    scaleLabel: {
-                        display: true,
-                        labelString: 'Valeur'
-                    }
-                }]
+    {
+        #
+        document.addEventListener("DOMContentLoaded", function (event) {
+            $('.fa-refresh').hide();
+            getChartData(0, 0);
+            configDatePicker = {
+                applyBtnClass: 'btn btn-default',
+                format: 'DD-MM-YYYY',
+                separator: ' au ',
+                endDate: new Date(),
+                maxDays: 365
            }
-        }
-    });
+            $('#choiceMonth').dateRangePicker(configDatePicker).bind('datepicker-apply', function (event, obj) {
+                $('.fa-refresh').show();
+                var month1 = obj.date1.getMonth();
+                var day1 = obj.date1.getDate();
+                var year1 = obj.date1.getFullYear();
+                var month2 = obj.date2.getMonth();
+                var day2 = obj.date2.getDate();
+                var year2 = obj.date2.getFullYear();
+                var date1 = (month1 + 1) + "/" + day1 + "/" + year1 + " 00:00:01";
+                var date2 = (month2 + 1) + "/" + day2 + "/" + year2 + " 23:59:59";
+                getChartData(date1, date2);
+            });
+            $('.apply-btn').attr('value', 'Valider');
+        });#
+    }

-    var dataDonught = {
-        labels: [
-            "Visites de talents",
-            "Visites d'entreprises",
-            "Visites d'internautes non inscrit"
-        ],
-        datasets: [{
-            data: donughtRecords,
-            backgroundColor: [
-                "#FF6384",
-                "#36A2EB",
-                "#FFCE56"
+    {
+        #
+        function setArrayValues() {
+            arrayCurrentsLabel = [];
+            arrayCurrentsAdsValues = [];
+            arrayCurrentsCompanyValues = [];
+            arrayRecords['labels'].forEach(function (element, index) {
+                var date = element.split("-");
+                var dateAffiche = date[2] + "-" + date[1] + "-" + date[0];
+                arrayCurrentsLabel.push(dateAffiche);
+                arrayCurrentsAdsValues.push(arrayRecords['datasetsAd'][index]);
+                arrayCurrentsCompanyValues.push(arrayRecords['datasetsCompany'][index]);
+            });
+            myChart.data.labels = arrayCurrentsLabel;
+            myChart.data.datasets[0].data = arrayCurrentsAdsValues;
+            myChart.data.datasets[1].data = arrayCurrentsCompanyValues;
+
+            if (arrayCurrentsAdsValues.length > 0) {
+                sumVisitsAds = arrayCurrentsAdsValues.reduce(function (memo, val) {
+                    let value = val || 0;
+                    if (value != null) {
+                        return memo + value;
+                    }
+                });
+            } else {
+                sumVisitsAds = 0;
+            }
+            if (arrayCurrentsCompanyValues.length > 0) {
+                sumCompanyValues = arrayCurrentsCompanyValues.reduce(function (memo, val) {
+                    let value = val || 0;
+                    if (value != null) {
+                        return memo + value;
+                    }
+                });
+            } else {
+                sumCompanyValues = 0;
+            }
+
+            $('.countVisitsAds').html(sumVisitsAds);
+            $('.countVisitsCompany').html(sumCompanyValues);
+        }
+
+        var dataLine = {
+            datasets: [{
+                label: "Nombre de visite d'annonce par jour",
+                fill: false,
+                fontColor: "rgba(39,139,231,1)",
+                backgroundColor: "rgba(39,139,231,1)",
+                borderColor: "rgba(39,139,231,1)"
+            }, {
+                label: "Nombre de visite de votre page entreprise",
+                fill: false,
+                fontColor: "#F9C339",
+                backgroundColor: "#F9C339",
+                borderColor: "#F9C339"
+            }]
+        };
+
+        var ctx = document.getElementById("nb_visits");
+        var myChart = new Chart(ctx, {
+            type: 'line',
+            data: dataLine,
+            options: {
+                legend: {
+                    display: false
+                },
+                scales: {
+                    xAxes: [{
+                        display: true,
+                        scaleLabel: {
+                            display: true,
+                            labelString: 'Date'
+                        }
+                    }],
+                    yAxes: [{
+                        ticks: {
+                            min: 0
+                        },
+                        scaleLabel: {
+                            display: true,
+                            labelString: 'Valeur'
+                        }
+                    }]
+                }
+            }
+        });
+
+        var dataDonught = {
+            labels: [
+                "Visites de talents",
+                "Visites d'entreprises",
+                "Visites d'internautes non inscrit"
            ],
-            hoverBackgroundColor: [
-                "#FF6384",
-                "#36A2EB",
-                "#FFCE56"
-            ]
-        }]
-    };
-    var ctxDonught = document.getElementById("donught_visits");
-    var myDoughnutChart = new Chart(ctxDonught, {
-        type: 'doughnut',
-        data: dataDonught,
-        options: {
-            legend: {
-                display: false,
-            },
-            animation: {
-                animateScale: true
+            datasets: [{
+                data: donughtRecords,
+                backgroundColor: [
+                    "#FF6384",
+                    "#36A2EB",
+                    "#FFCE56"
+                ],
+                hoverBackgroundColor: [
+                    "#FF6384",
+                    "#36A2EB",
+                    "#FFCE56"
+                ]
+            }]
+        };
+        var ctxDonught = document.getElementById("donught_visits");
+        var myDoughnutChart = new Chart(ctxDonught, {
+            type: 'doughnut',
+            data: dataDonught,
+            options: {
+                legend: {
+                    display: false,
+                },
+                animation: {
+                    animateScale: true
+                }
            }
-        }
-    });
+        });#
+    }
 </script>
 {% endblock %}
@@ -46,11 +46,7 @@
                        <i class="fa fa-search"></i>
                        {{ 'company.menu.users.label'|trans }}</a></li>

-                <li>
-                    <a href="{{ path('company_media') }}">
-                        <i class="fa fa-play"></i>
-                        {{ 'company.menu.videotheque.label'|trans }}</a>
-                </li>
+              
                <li>
                    <a href="{{ path('company_my_account') }}">
                        <i class="fa fa-cog"></i>
@@ -0,0 +1,96 @@
+<div class="col s12 m12 l4 xl3" id="sidebar">
+    <div class="inside-m">
+        <div class="profil center-align">
+            {% set company = app.user.company %}
+            <div class="profil-picture logo-picture">
+                {% if company.logo %}
+                    <img class="responsive-img" src="{{ company.webPath | imagine_filter('profile_thumb') }}"
+                        alt="{{ app.user.firstname }} {{ app.user.lastname }}"/>
+                    <a href="#modalProfilePicture">
+                        <i class="fa fa-pencil" aria-hidden="true"></i>
+                    </a>
+                {% else %}
+                    <div class="circle-letters square-letters font-2">{{ company.brandname|first|upper }}</div>
+                    <a href="#modalProfilePicture">
+                        <i class="fa fa-pencil" aria-hidden="true"></i>
+                    </a>
+                {% endif %}
+            </div>
+            <p class="profil-name ">{{ app.user.firstname }} {{ app.user.lastname|first|upper }}</p>
+            {% if company.addresses %}
+                <p class="profil-city">{{ company.addresses.billing.city }}
+                    - {{ company.addresses.billing.country|country }}</p>
+            {% endif %}
+            {# <p class="profil-job"><a
+                        href="{{ path("company_show",{"alias":company.alias}) }}">{{ company.brandname }}</a></p> #}
+            <p class="profil-job"><a
+            href="https://www.talentstube.com/Entreprise/{{company.alias}}" target="_blank">{{ company.brandname }}</a></p>
+        </div>
+        <div class="profil-nav">
+            <ul class="font-2">
+                <li>
+                    <a href="{{ path('company_dashboard') }}">
+                        <i class="fa fa-bar-chart"></i>
+                        {{ 'company.menu.dashboard.label'|trans }}
+                    </a>
+                </li>
+                <li>
+                    <a href="{{ path('company_profile') }}">
+                        <i class="fa fa-user"></i>
+                        {{ 'company.menu.profile.label'|trans }}</a>
+                </li>
+                <li>
+                    <a href="{{ path('company_marque') }}">
+                        <i class="fa fa-share"></i>
+                        {{ 'company.menu.marque.label'|trans }}</a>
+                </li>
+                <li>
+                    <a href="{{ path('company_ad') }}">
+                        <i class="fa fa-search"></i>
+                        {{ 'company.menu.ads.label'|trans }}</a></li>
+                <li>
+                    <a href="{{ path('users') }}">
+                        <i class="fa fa-search"></i>
+                        {{ 'company.menu.users.label'|trans }}</a></li>
+
+                
+                <li>
+                    <a href="{{ path('company_answer_list') }}">
+                        <i class="fa fa-user"></i>
+                        {{ 'company.menu.candidature.label'|trans }}</a>
+                </li>
+                <li>
+                    <a href="{{ path('company_my_account') }}">
+                        <i class="fa fa-cog"></i>
+                        {{ 'company.menu.account.label'|trans }}</a>
+                </li>
+                <li>
+                    <a href="mailto:contact@talentstube.com">
+                        <i class="fa fa-comment"></i>
+                        {{ 'company.menu.account.contact'|trans }}</a>
+                </li>
+                <li>
+                    <a class="chip center-align" href="{{ path('fos_user_security_logout') }}">Déconnexion <i class="fa fa-sign-out" aria-hidden="true"></i></a>
+                </li>
+            </ul>
+        </div>
+    </div>
+</div>
+<div id="modalProfilePicture" class="modal">
+    <div class="modal-content">
+        <h4>Edition du logo de votre entreprise</h4>
+        <div class="row">
+            {{ render(controller(
+            'AppBundle:Media:profileLogo'
+            )) }}
+        </div>
+
+    </div>
+    <div class="modal-footer">
+        <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Fermer</a>
+    </div>
+</div>
+
+
+
+
@@ -17,7 +17,7 @@
        <div class="inner">
            <!-- START BREADCRUMB -->
            <ol class="breadcrumb">
-                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
+                <li class="breadcrumb-item"><a href="/entreprise/me/">Accueil</a></li>
                <li class="breadcrumb-item active">Profil</li>
            </ol>
            <!-- END BREADCRUMB -->
@@ -33,55 +33,56 @@
 <div class=" container-fluid   container-fixed-lg bg-white">
    <!-- START card -->
    <div class="row">
-        <div class="col-lg-6">
-            
+        <div class="col-lg-12s">
+
            <div class="card card-transparent">
                {{ form_start(form, { 'action': path('company_my_account'), 'attr': { 'class': 'fos_user_profile_edit' } }) }}


                <div class="card-body">
-                    {% if form_errors(form) %}
-                    <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
-                    {% endif %}
-                    
-                    <div class="row">
-                        <div class="col-md-6">
-                            <div class="form-group form-group-default required">
+                    <div class="card-body">
+                        {% if form_errors(form) %}
+                        <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
+                        {% endif %}

-                                {{ form_row(form.firstname) }}
+                        <div class="row">
+                            <div class="col-md-6">
+                                <div class="form-group form-group-default required">
+
+                                    {{ form_row(form.firstname) }}
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <div class="form-group form-group-default">
+
+                                    {{ form_row(form.lastname) }}
+                                </div>
                            </div>
                        </div>
-                        <div class="col-md-6">
-                            <div class="form-group form-group-default">
+                        {# <div class="row">
+                            <div class="col-md-12">

-                                {{ form_row(form.lastname) }}
+                                <div class="form-group  ">
+
+                                    {{ form_row(form.gender) }}
+                                </div>
                            </div>
                        </div>
-                    </div>
-                    <div class="row">
-                        <div class="col-md-12">
-                        
-                            <div class="form-group  ">
+                        <br /> #}
+                        <div style="text-align: right;">
+                            <button class="btn btn-default" type="submit">Sauvegarde</button>

-                                {{ form_row(form.gender) }}
-                            </div>
                        </div>
-                    </div>
-                    <br />
-                    <div style="text-align: right;">
-                        <button class="btn btn-default" type="submit">Sauvegarde</button>

                    </div>
-                    
+                    {{ form_end(form) }}
                </div>
-                {{ form_end(form) }}
-            </div>
-            <!-- END card -->
-            
-        </div>
+                <!-- END card -->

-        <div class="col-lg-6">
-            <div class="card card-transparent">
+            </div>
+
+            <div class="col-lg-12">
+                {# <div class="card card-transparent">
                {{ form_start(formPw) }}
                <div class="card-body">
                    {% if form_errors(formPw) %}
@@ -99,7 +100,17 @@
                        </div>   
                    </div>
                </div>
-                 {{ form_end(formPw) }}
+                 {{ form_end(formPw) }} #}
+                <div class="card card-transparent">
+
+                    <div class="card-body">
+                        <div class="row">
+                            <div class="col-md-12">
+                                <a href="/resetting/request" target="_blank">Réinitialisation de mot de passe</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
            </div>
            <!-- END card -->

@@ -8,8 +8,8 @@
        <div class="inner">
            <!-- START BREADCRUMB -->
            <ol class="breadcrumb">
-                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
-                <li class="breadcrumb-item active">Utilisateurss</li>
+                <li class="breadcrumb-item"><a href="/entreprise/me/">Accueil</a></li>
+                <li class="breadcrumb-item active">Utilisateurs</li>
            </ol>
            <!-- END BREADCRUMB -->
            <div class="row">
@@ -46,7 +46,10 @@
        </div>
        <div class="card-body">
            {% if form_errors(form) %}
-                <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
+                <span class="red-text text-darken-2">{{ form_errors(form) }}{{ error }}</span>
+            {% endif %}
+            {% if  error%}
+                <span class="red-text text-darken-2"><b>{{ error }}</b><br/>&nbsp;</span>
            {% endif %}
            {{ form_start(form) }}
            <div class="row">
@@ -72,7 +75,7 @@
                </div>
                
            </div>
-            <div class="row">
+            {# <div class="row">
                
                <div class="col-md-12">
                    <div class="form-group ">
@@ -80,7 +83,7 @@
                     {{ form_row(form.gender) }}
                    </div>
                </div>
-            </div>
+            </div> #}
            {% if form.password is defined%}
            <div class="row">
                <div class="col-md-12">
@@ -4,7 +4,7 @@
        <div class="inner">
            <!-- START BREADCRUMB -->
            <ol class="breadcrumb">
-                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
+                <li class="breadcrumb-item"><a href="/entreprise/me/">Accueil</a></li>
                <li class="breadcrumb-item active">Utilisateurs</li>
            </ol>
            <!-- END BREADCRUMB -->
@@ -80,7 +80,9 @@
                            
                        </tr>
                        {% endfor %}
-                        
+                        {% if users|length == 0  %}
+                            <tr><th colspan="4" class="text-center">Aucun utilisateur pour le moment</th></tr>
+                        {% endif %}
                       
                    </tbody>
                </table>
@@ -28,9 +28,12 @@
                {% if company.presentationVideo is defined %}
                    {% if company.presentationVideo.thumbnails.0.sizes is defined %}
                        <a href="{{ path('company_show',{'alias': company.alias }) }}" title="{{ company.brandName }}">
+                            {% if company.presentationVideo.thumbnails.0.sizes.4.link is defined %}
                            <img src="{{ company.presentationVideo.thumbnails.0.sizes.4.link }}"
                                 alt="{{ company.brandName }}"/>
+
                            <span class="playerbtn"></span>
+                            {% endif %}
                        </a>
                    {% endif %}
                {% endif %}
@@ -20,7 +20,7 @@
                        <a class="white-text" href="{{ path('territory_list') }}" title="Listes des territoires">Nos territoires</a>
                    </li>
                    <li>
-                        <a class="white-text" href="https://blog.talentstube.com/contact.html" title="Talents Tube ">Contact</a>
+                        <a class="white-text" href="https://blog.talentstube.com/contact" title="Talents Tube ">Contact</a>
                    </li>
                </ul>
            </div>
@@ -26,11 +26,11 @@
            
        </div>
    </div>
-    <div id="newApp" class="container-fluid">
+    {# <div id="newApp" class="container-fluid">
        <div class="row">
           
        </div>
-    </div>
+    </div> #}
 </div>
 <div class="nav-wrapper">
    <ul class="side-nav collapsible" data-collapsible="accordion" id="mobile-demo">
@@ -1,4 +1,4 @@
-{% extends 'base.html.twig' %}
+{% extends 'basetemporaire.html.twig' %}

 {% block metarobot %}
    {% if robot is defined and robot == 0 %}
@@ -6,6 +6,7 @@
    {% else %}
        <meta name="robots" content="index,follow">
    {% endif %}
+    
 {% endblock %}

 {% block title %}{{ page.title }}{% endblock %}
@@ -0,0 +1,395 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+    <head>
+        <link
+            href="{{ asset('dashboard/plugins/bootstrap/css/bootstrap.min.css') }}"
+            rel="stylesheet"
+            type="text/css"/>
+        <script
+            src="{{ asset('dashboard/plugins/jquery/jquery-3.5.1.min.js') }}"
+            type="text/javascript"></script>
+        <script
+            src="https://cdnjs.cloudflare.com/ajax/libs/corejs-typeahead/1.3.1/bloodhound.min.js"
+            type="text/javascript"></script>
+        <script
+            src="{{ asset('dashboard/plugins/typeahead/typeahead.bundle.js') }}"
+            type="text/javascript"></script>
+        <script>
+            $(document)
+                .ready(function () {
+                    // Constructing the suggestion engine
+                    console.log("metiers!!!");
+                    var metiers = new Bloodhound({
+                        datumTokenizer: Bloodhound.tokenizers.whitespace,
+                        queryTokenizer: Bloodhound.tokenizers.whitespace,
+                        remote: {
+                            url: 'http://localhost/app_dev.php/api/getAppelationsLibelle',
+                            wildcar: '%QUERY',
+                            
+                            filter: function (metiers) {
+                                console.log("metiers2");
+                                return $.map(metiers, function (metier) {
+                                    console.log(metier);
+                                    return {metier_id: metier.code, metier_libelle: metier.libelle}
+                                })
+                            },
+                            prepare: function (query, settings) {
+                                //ing%20agro
+                                //query = query.replace(" ", "%20");
+                                settings.url += '?q=' + query;
+                                return settings;
+                            }
+                        },
+                        
+                    });
+                    metiers.initialize();
+                    // Initializing the typeahead
+                    $('.typeahead').typeahead({
+                        hint: true,
+                        highlight: true
+                    }, {
+                        name: 'metiers',
+                        source: metiers.ttAdapter(),
+                        display: 'metier_libelle',
+                        limit: 10,
+                        templates: {
+                            suggestion: function (data) {
+                                return '<div><strong>' + data.metier_id + '</strong> ' + data.metier_libelle + '</div>'
+                            },
+                            footer: function (query) {
+                                //return '<div class="text-center">Plus de résultats :' + query.query + '</div>';
+                            },
+                            empty: function (context) {
+                                //  console.log(1) // put here your code when result not found
+                                return '<div class="text-center">Aucun résultat</div>';
+                            }
+                        }
+                    });
+                });
+        </script>
+        <style>
+            .bs-example {
+                font-family: sans-serif;
+                position: relative;
+                margin: 100px;
+            }
+
+            .tt-hint,
+            .tt-query,
+            .typeahead {
+                border: 2px solid #CCCCCC;
+                border-radius: 8px;
+                font-size: 22px;
+                /* Set input font size */
+                height: 30px;
+                line-height: 30px;
+                outline: medium none;
+                padding: 8px 12px;
+                width: 396px;
+            }
+
+            .typeahead {
+                background-color: #FFFFFF;
+            }
+            .typeahead:focus {
+                border: 2px solid #0097CF;
+            }
+
+            .tt-query {
+                box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
+            }
+
+            .tt-hint {
+                color: #999999;
+            }
+
+            .tt-menu {
+                background-color: #FFFFFF;
+                border: 1px solid rgba(0, 0, 0, 0.2);
+                border-radius: 8px;
+                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+                margin-top: 12px;
+                padding: 8px 0;
+                width: 422px;
+            }
+
+            .tt-suggestion {
+                font-size: 22px;
+                /* Set suggestion dropdown font size */
+                padding: 3px 20px;
+            }
+            .tt-suggestion:hover {
+                cursor: pointer;
+                background-color: #0097CF;
+                color: #FFFFFF;
+            }
+
+            .tt-suggestion p {
+                margin: 0;
+            }
+            .tt-suggestions {
+              min-height: 300px;
+              max-height: 600px;  
+              overflow-y: auto;
+            }
+
+        </style>
+        <style type="text/css">
+            /* Copyright 2014-present Evernote Corporation. All rights reserved. */
+            @keyframes caretBlink {
+                from {
+                    opacity: 1.0;
+                }
+
+                to {
+                    opacity: 0.0;
+                }
+            }
+            @keyframes rotateSpinner {
+                from {
+                    transform: rotate(0deg);
+                }
+
+                to {
+                    transform: rotate(360deg);
+                }
+            }
+
+            #text-tool-caret {
+                animation-name: caretBlink;
+                animation-iteration-count: infinite;
+                animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0);
+                animation-duration: 1s;
+            }
+
+            #en-markup-loading-spinner {
+                position: absolute;
+                top: calc(50% - 16px);
+                left: calc(50% - 16px);
+                width: 32px;
+                height: 32px;
+            }
+
+            #en-markup-loading-spinner img {
+                position: relative;
+                top: 0;
+                left: 0;
+                animation-name: rotateSpinner;
+                animation-duration: 0.6s;
+                animation-iteration-count: infinite;
+                animation-timing-function: linear;
+            }
+
+        </style>
+        <style type="text/css">
+            /* Copyright 2014-present Evernote Corporation. All rights reserved. */
+            .skitchToastBoxContainer {
+                position: absolute;
+                width: 100%;
+                text-align: center;
+                top: 30px;
+                -webkit-user-select: none;
+                -moz-user-select: none;
+                pointer-events: none;
+            }
+
+            .skitchToastBox {
+                width: 200px;
+                height: 16px;
+                padding: 12px;
+                background-color: rgba(47, 55, 61, 0.95);
+                border-radius: 4px;
+                color: white;
+                cursor: default;
+                font-size: 10pt;
+                text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.32);
+                font-family: 'Soleil', Helvetica, Arial, sans-serif;
+                border: 2px rgba(255, 255, 255, 0.38) solid;
+            }
+
+            .lang-zh-cn .skitchToastBox {
+                font-family: '微软雅黑', 'Microsoft YaHei', SimSun, '&#x30E1;&#x30A4;&#x30EA;&#x30AA;', Meiryo, 'MS PGothic', 'Soleil', Helvetica, Arial, sans-serif;
+            }
+
+            .lang-ja-jp .skitchToastBox {
+                font-family: '&#x30E1;&#x30A4;&#x30EA;&#x30AA;', Meiryo, 'MS PGothic', '微软雅黑', 'Microsoft YaHei', SimSun, 'Soleil', Helvetica, Arial, sans-serif;
+            }
+
+            .skitchToast {
+                padding-left: 20px;
+                padding-right: 20px;
+                display: inline-block;
+                height: 10px;
+                color: #f1f5f8;
+                text-align: center;
+            }
+
+            .skitchVisible {
+                /* Don't remove this class it's a hack used by the Evernote Clipper */
+            }
+
+        </style>
+        <style type="text/css">
+            /* Copyright 2019-present Evernote Corporation. All rights reserved. */
+
+            #en-markup-disabled {
+                position: fixed;
+                z-index: 9999;
+                width: 100%;
+                height: 100%;
+                top: 0;
+                left: 0;
+                cursor: default;
+                -webkit-user-select: none;
+            }
+
+            #en-markup-alert-container {
+                position: absolute;
+                z-index: 9999;
+                width: 450px;
+                left: calc(50% - 225px);
+                top: calc(50% - 85px);
+                background-color: white;
+                box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.35);
+                -webkit-user-select: none;
+            }
+
+
+            #en-markup-alert-container .cell-2 {
+                position: relative;
+                float: left;
+                width: 345px;
+                margin-top: 29px;
+                margin-bottom: 20px;
+            }
+
+            #en-markup-alert-container .cell-2 .cell-2-title {
+                margin-bottom: 5px;
+                padding-right: 30px;
+                font-size: 12pt;
+                font-family: Tahoma, Arial;
+            }
+
+            #en-markup-alert-container .cell-2 .cell-2-message {
+                padding-right: 30px;
+                font-size: 9.5pt;
+                font-family: Tahoma, Arial;
+            }
+
+            #en-markup-alert-container .cell-3 {
+                position: relative;
+                width: 450px;
+                height: 60px;
+                float: left;
+                background-color: rgb(240, 240, 240);
+            }
+
+            #en-markup-alert-container .cell-3 button {
+                position: absolute;
+                top: 12px;
+                right: 15px;
+                width: 110px;
+                height: 36px;
+            }
+
+            #en-markup-alert-container .cell-3 button.alt-button {
+                position: absolute;
+                top: 12px;
+                right: 140px;
+                width: 110px;
+                height: 36px;
+            }
+
+        </style>
+        <style>
+            [touch-action="none"] {
+                -ms-touch-action: none;
+                touch-action: none;
+            }
+
+            [touch-action="auto"] {
+                -ms-touch-action: auto;
+                touch-action: auto;
+            }
+
+            [touch-action~="pan-x"] {
+                -ms-touch-action: pan-x;
+                touch-action: pan-x;
+            }
+
+            [touch-action~="pan-y"] {
+                -ms-touch-action: pan-y;
+                touch-action: pan-y;
+            }
+
+            [touch-action~="pan-up"] {
+                -ms-touch-action: pan-up;
+                touch-action: pan-up;
+            }
+
+            [touch-action~="pan-down"] {
+                -ms-touch-action: pan-down;
+                touch-action: pan-down;
+            }
+
+            [touch-action~="pan-left"] {
+                -ms-touch-action: pan-left;
+                touch-action: pan-left;
+            }
+
+            [touch-action~="pan-right"] {
+                -ms-touch-action: pan-right;
+                touch-action: pan-right;
+            }
+
+        </style>
+    </head>
+
+    <body class="fixed-header dashboard menu-pin menu-behind">
+        {# {{ include('default/user_switch.html.twig') }} #}
+
+        <!-- START PAGE-CONTAINER -->
+        <div class="page-container ">
+            <!-- START PAGE CONTENT WRAPPER -->
+            <div class="page-content-wrapper ">
+                <div class="content ">
+                    {% block dashContent %}
+
+                        <h2>choisir un métier</h2>
+                        
+                        <span
+                            class="twitter-typeahead"
+                            style="position: relative; display: inline-block;"><input
+                            type="text"
+                            class="typeahead tt-query tt-hint"
+                            autocomplete="off"
+                            spellcheck="false"
+                            readonly=""
+                            tabindex="-1"
+                            dir="ltr"
+                            style="position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; opacity: 1; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255);"><input
+                            type="text"
+                            id="saisie"
+                            class="typeahead tt-query tt-input"
+                            autocomplete="off"
+                            spellcheck="false"
+                            dir="auto"
+                            style="position: relative; vertical-align: top; background-color: transparent;">
+                            <pre aria-hidden="true"
+            style="position: absolute; visibility: hidden; white-space: pre; font-family: Arial; font-size: 22px; font-style: normal; font-variant: normal; font-weight: 400; word-spacing: 0px; letter-spacing: 0px; text-indent: 0px; text-rendering: auto; text-transform: none;"></pre>
+                            <div
+                                class="tt-menu"
+                                style="position: absolute; top: 100%; left: 0px; z-index: 100; display: none;">
+                                <div class="tt-dataset tt-dataset-cars"></div>
+                            </div>
+                        </span>
+                    {% endblock %}
+
+                </div>
+            </div>
+        </div>
+
+    </body>
+
+</html>
@@ -11,8 +11,8 @@
                  <div class="media">

                    <div class="media-body px-4">
-                      <h2 class="statChiffre">1500+</h2>
-                      <p class="statTexte">Talents connectés</p>
+                      <h2 class="statChiffre">10000+</h2>
+                      <p class="statTexte">Visiteurs par mois</p>
                    </div>
                  </div>
                </div>
@@ -24,7 +24,7 @@
                <div class="card-body p-4">
                  <div class="media">
                    <div class="media-body px-4">
-                      <h2 class="statChiffre">900+</h2>
+                      <h2 class="statChiffre">1050+</h2>
                      <p class="statTexte">Vues par vidéo</p>
                    </div>
                  </div>
@@ -38,7 +38,7 @@
                  <div class="media">

                    <div class="media-body px-4">
-                      <h2 class="statChiffre">350</h2>
+                      <h2 class="statChiffre">550+</h2>
                      <p class="statTexte">Candidatures vidéo</p>
                    </div>
                  </div>
@@ -56,7 +56,7 @@
          <div class="col-md-4 mb-7 mb-md-0">
            <!-- Icon Blocks -->
            <div class="text-center px-lg-3">
-              <img src="{{ asset('v2/svg/components/Diffusion-offres-emploi-video-marque-employeur.svg') }}" alt="Logo">
+              <img src="{{ asset('v2/svg/components/Diffusion-offres-emploi-video-marque-employeur.svg') }}" alt="Diffusez vos offres d'emploi et marque employeur en video">
              <h3 class="h4 text-white text300">Diffusez vos offres d'emploi et marque employeur en <a href="#">vidéo</a></h3>
            </div>
            <!-- End Icon Blocks -->
@@ -65,7 +65,7 @@
          <div class="col-md-4 mb-7 mb-md-0">
            <!-- Icon Blocks -->
            <div class="text-center px-lg-3">
-              <img src="{{ asset('v2/svg/components/candidature-en-video.svg') }}" alt="Logo">
+              <img src="{{ asset('v2/svg/components/candidature-en-video.svg') }}" alt="Recevez les candidatures en video">
              <h3 class="h4 text-white text300">Recevez les candidatures en <a href="#">vidéo</a></h3>
            </div>
            <!-- End Icon Blocks -->
@@ -74,7 +74,7 @@
          <div class="col-md-4">
            <!-- Icon Blocks -->
            <div class="text-center px-lg-3">
-              <img src="{{ asset('v2/svg/components/Gestion-des-candidatures-video.svg') }}" alt="Logo">
+              <img src="{{ asset('v2/svg/components/Gestion-des-candidatures-video.svg') }}" alt="Gérez vos candidatures en vidéo">
              <h3 class="h4 text-white text300">Gérez vos candidatures en <a href="#">vidéo</a></h3>
            </div>
            <!-- End Icon Blocks -->
@@ -19,7 +19,8 @@
          <!-- Title -->
          <header class="text-center mb-5">
            <h2 class="h4 mb-0">Connexion</h2>
-            <p>Connecter vous pour gérer votre compte</p>
+            <p>Connectez-vous pour gérer votre compte </p>
+            {% if erreur is defined and erreur %}<p class="text-danger">Votre dernière tentative de connexion a échoué. Vérifiez votre email ou votre mot de passe</p>{% endif %}
          </header>

        
@@ -35,7 +36,7 @@
                aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
                data-success-class="u-has-success"> #}
              
-                  <input type="text" id="username" name="_username" value="{{ last_username }}" required="required" class="form-control"/>
+                  <input type="text" id="username" name="_username" value="{{ last_username }}" required="required" class="form-control" placeholder="Saisissez votre adresse email"/>
            </div>
          </div>
          <!-- End Input -->
@@ -51,7 +52,7 @@
              {# <input type="password" class="form-control form__input" name="password" required placeholder="Password"
                aria-label="Password" data-msg="Your password is invalid. Please try again."
                data-error-class="u-has-error" data-success-class="u-has-success"> #}
-                <input type="password" id="password" name="_password" required="required" class="form-control" />
+                <input type="password" id="password" name="_password" required="required" class="form-control" placeholder="Saisissez votre mot de passe" />
            </div>
          </div>
          <!-- End Input -->
@@ -69,16 +70,15 @@
            </div>

            <div class="col-6 text-right">
-              <a class="js-animation-link float-right" href="resetting/request" data-target="#forgotPassword"
-                data-link-group="idForm" data-animation-in="fadeIn">Mot de passe oublié?</a>
+              <a href="resetting/request" target="_blank">Mot de passe oublié?</a>
            </div>
          </div>

          <div class="mb-3">
              
-                  <input type="hidden" name="_target_path" value="redirect_dashboard" />
+            <input type="hidden" name="_target_path" value="redirect_dashboard" />
              
-            <input type="submit" id="_submit" name="_submit" class="btn btn-block btn-primary"/>
+            <input type="submit" id="_submit" name="_submit" class="btn btn-block btn-primary" value="Se connecter"/>
          </div>

          <div class="text-center mb-3">
@@ -144,4 +144,4 @@
  <!-- End Content -->
 </div>
 <!-- End Signup Modal Window -->
-<!-- ========== END SECONDARY CONTENTS ========== -->
+<!-- ========== END SECONDARY CONTENTS ========== -->
@@ -17,8 +17,67 @@
      data-arrow-left-classes="fa fa-arrow-left u-slick__arrow-classic-inner bg-white text-dark left-0 ml-md-n9"
      data-arrow-right-classes="fa fa-arrow-right u-slick__arrow-classic-inner bg-white text-dark right-0 mr-md-n9"
      data-nav-for="#sliderSyncingThumb2">
+
+      <div class="js-slide bg-img-hero bg-img-hero-center gradient-overlay-half-black-v1"
+        style="background-image: url({{ asset('v2/temoignages/pontivy-temoignage-image.jpg') }});">
+        
+        <div class="w-md-80 w-lg-50 text-white space-2 px-9">
+          <h3 class="h2 text-lh-xs mb-4">Pontivy Communauté</h3>
+          <p class="text-white-70 mb-4">Christine Le Strat & Kévin Nado</p>
+
+          <a class="js-fancybox text-white" href="javascript:;"
+            data-src="https://www.youtube.com/watch?v=ugXui7ICJeM?autoplay=1" data-speed="700"
+            data-animate-in="zoomIn" data-animate-out="zoomOut" data-caption="Témoignage">
+            Voir le témoignage
+            <i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
+              <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+                <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink">
+                  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <rect x="0" y="0" width="24" height="24"></rect>
+                    <path
+                      d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                      fill="#000000"></path>
+                  </g>
+                </svg>
+              </i>
+            </i>
+          </a>
+        </div>
+      </div>
+
+      <div class="js-slide bg-img-hero bg-img-hero-center gradient-overlay-half-black-v1"
+        style="background-image: url({{ asset('v2/temoignages/temoignage-mma-questembert.jpg') }});">
+        
+        <div class="w-md-80 w-lg-50 text-white space-2 px-9">
+          <h3 class="h2 text-lh-xs mb-4">MMA Questembert</h3>
+          <p class="text-white-70 mb-4"> Stephane David, Agent Général d'Assurances</p>
+
+          <a class="js-fancybox text-white" href="javascript:;"
+            data-src="https://www.youtube.com/watch?v=0bbNdf4qAng?autoplay=1" data-speed="700"
+            data-animate-in="zoomIn" data-animate-out="zoomOut" data-caption="Témoignage">
+            Voir le témoignage
+            <i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
+              <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+                <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink">
+                  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <rect x="0" y="0" width="24" height="24"></rect>
+                    <path
+                      d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                      fill="#000000"></path>
+                  </g>
+                </svg>
+              </i>
+            </i>
+          </a>
+        </div>
+      </div>
+
+
      <div class="js-slide bg-img-hero bg-img-hero-center gradient-overlay-half-black-v1"
        style="background-image: url({{ asset('v2/temoignages/mgdis-temoignage-image.jpg') }});">
+        
        <div class="w-md-80 w-lg-50 text-white space-2 px-9">
          <h3 class="h2 text-lh-xs mb-4">MGDIS</h3>
          <p class="text-white-70 mb-4">Simona Vasile-Martin, Responsable Marketing</p>
@@ -51,7 +110,7 @@
          <p class="text-white-70 mb-4">Guillaume Lesdos, Co-fondateur et Président</p>

          <a class="js-fancybox text-white" href="javascript:;"
-            data-src="https://www.youtube.com/watch?v=CZDfD2ugXtg&t" data-speed="700"
+            data-src="https://www.youtube.com/watch?v=Em3niStNutA" data-speed="700"
            data-animate-in="zoomIn" data-animate-out="zoomOut" data-caption="Témoignage">
            Voir le témoignage
            <i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
@@ -100,6 +159,7 @@

      <div class="js-slide bg-img-hero bg-img-hero-center gradient-overlay-half-black-v1"
        style="background-image: url({{ asset('v2/temoignages/intermarche-temoignage-image.jpg') }});">
+        
        <div class="w-md-80 w-lg-50 text-white space-2 px-9">
          <h3 class="h2 text-lh-xs mb-4">Intermarché LAI</h3>
          <p class="text-white-70 mb-4">Ludovic Chamoin-Foucaut, Responsable Ressources Humaines</p>
@@ -135,6 +195,43 @@
    <div id="sliderSyncingThumb2"
      class="js-slick-carousel u-slick u-slick--gutters-2 u-slick--video w-50 w-lg-30 mx-auto" data-infinite="true"
      data-slides-show="3" data-is-thumbs="true" data-center-mode="true" data-nav-for="#sliderSyncingNav2">
+      
+      <div class="js-slide rounded overflow-hidden">
+        <img class="img-fluid" src="{{ asset('v2/temoignages/pontivy-communaute-temoignage-vignette.jpg') }}"
+          alt="Image Description">
+        <i class="u-icon u-icon--sm u-icon--dark-soft rounded-circle u-slick--video__player">
+          <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+            <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+              xmlns:xlink="http://www.w3.org/1999/xlink">
+              <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <rect x="0" y="0" width="24" height="24"></rect>
+                <path
+                  d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                  fill="#000000"></path>
+              </g>
+            </svg>
+          </i>
+        </i>
+      </div>
+
+       <div class="js-slide rounded overflow-hidden">
+        <img class="img-fluid" src="{{ asset('v2/temoignages/mma-temoignage-vignette.jpg') }}"
+          alt="Image Description">
+        <i class="u-icon u-icon--sm u-icon--dark-soft rounded-circle u-slick--video__player">
+          <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+            <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+              xmlns:xlink="http://www.w3.org/1999/xlink">
+              <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <rect x="0" y="0" width="24" height="24"></rect>
+                <path
+                  d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                  fill="#000000"></path>
+              </g>
+            </svg>
+          </i>
+        </i>
+      </div>
+
      <div class="js-slide rounded overflow-hidden">
        <img class="img-fluid" src="{{ asset('v2/temoignages/mgdis-temoignage-vignette.jpg') }}"
          alt="Image Description">
@@ -9,7 +9,14 @@
        <div class="list-group list-group-flush list-group-transparent">
           <!-- Links -->
            <ul class="list-unstyled">
-                <li><a class="list-group-item list-group-item-action" href="/">Espace recruteurs</a></li>
+                <li><a class="list-group-item list-group-item-action" href="/">Accueil</a></li>
+                <li>
+                  <a class="list-group-item list-group-item-action" href="#signupModal" role="button"
+                   data-modal-target="#signupModal"
+                   data-overlay-color="#151b26">
+                    Espace recruteurs
+                  </a>
+                </li>
                <li><a class="list-group-item list-group-item-action"href="https://www.talentstube.com/" target="_blank">Jobs</a></li>
                {# <li><a class="list-group-item list-group-item-action" href="#"  target="_blank">CV Vidéothèque (En cours)</a></li> #}
            </ul>
@@ -25,11 +32,11 @@
        <div class="list-group list-group-flush list-group-transparent">
             <!-- Links -->
            <ul class="list-unstyled">
-                <li><a class="list-group-item list-group-item-action" href="mentions-legales">Mentions légales</a></li>
-                <li><a class="list-group-item list-group-item-action" href="cgu">CGU</a></li>
-                <li><a class="list-group-item list-group-item-action" href="politique-confidentialite">Politique de confidentialité</a></li>
-                <li><a class="list-group-item list-group-item-action" href="https://blog.talentstube.com/contact.html
-">Contact</a></li>
+                <li><a class="list-group-item list-group-item-action" href="{{ path('mentions-legales') }}" target="_blank">Mentions légales</a></li>
+                <li><a class="list-group-item list-group-item-action" href="{{ path('cgu') }}" target="_blank">CGU</a></li>
+                <li><a class="list-group-item list-group-item-action" href="{{ path('politique-confidentialite') }}"  target="_blank">Politique de confidentialité</a></li>
+                <li><a class="list-group-item list-group-item-action" href="{{ path('abonnement') }}"  >Tarifs</a></li>
+                <li><a class="list-group-item list-group-item-action" href="https://blog.talentstube.com/contact"  target="_blank">Contact</a></li>
            </ul>
            <!-- End Links -->
        </div>
@@ -71,14 +78,14 @@

      <div class="col-lg-4 order-lg-1 d-flex align-items-start flex-column">
        <!-- Logo -->
-        <a class="d-inline-block mb-5" href="index.html" aria-label="Space">
+        <a class="d-inline-block mb-5" href="/" aria-label="Space">
          <img src="{{ asset('v2/svg/logos/talentstube-logo-mobile.svg') }}" alt="Logo" style="width: 40px; max-width: 100%;">
        </a>
        <!-- End Logo -->



-        <p class="small text-muted">Tous droits réservés. &copy;  2020 Talents Tube.</p>
+        <p class="small text-muted">Tous droits réservés.. &copy;  2020 Talents Tube. V{{ version }}</p>
      </div>
    </div>
  </div>
@@ -1,17 +1,17 @@
 {% extends 'basev2.html.twig' %}

-{% block title %}Talents Tube - Solution de recrutement en vidéo{% endblock %}
+{% block title %}Espace recruteur - Solution de recrutement en vidéo | Talents Tube{% endblock %}
 {% block meta %}
  <meta name="description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo.">
  
  <meta name="twitter:card" content="summary">
  <meta name="twitter:site" content="@TalentsTube">
-  <meta name="twitter:title" content="Talents Tube - Solution de recrutement en vidéo">
+  <meta name="twitter:title" content="Espace recruteur - Solution de recrutement en vidéo | Talents Tube">
  <meta name="twitter:description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo.">
  <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">

  {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
-  <meta property="og:title" content="Talents Tube - Solution de recrutement en vidéo" />
+  <meta property="og:title" content="Espace recruteur - Solution de recrutement en vidéo | Talents Tube" />
  <meta property="og:type" content="article" />
  <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
  <meta property="og:description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo." />
@@ -1,61 +0,0 @@
-{% for a in ads if a.isPrivate != true %}
-<div class="col s12">
-    <div class="card z-depth-3">
-        <div class="card-image">
-            {% if a.video %}
-                {% if a.video.thumbnails.0.sizes is defined %}
-                    <a href="{{ path('ad_show',{'alias': a.alias }) }}" title="{{ a.title }}">
-                        <img src="{{ a.video.thumbnails.0.sizes.4.link }}" alt="{{ a.company.brandName }}"/>
-                        <span class="playerbtn"></span>
-                    </a>
-                {% endif %}
-            {% endif %}
-            {% if a.isPromoted %}
-            <div class="isPromoted"><img src="{{asset('/img/offre-pourvue-droite.png')}}" alt="promoted"></div>
-            {% endif %}
-        </div>
-        <div class="card-content-wrapper">
-            <div class="card-content card-content-company">
-                <div class="row company-infos row-noMargin">
-                    <div class="col-infos">
-                        <p class="item-list-name color-blue1">
-                             <a href="{{ path('company_show',{'alias': a.company.alias }) }}" title="{{ a.company.brandName }}">
-                            {{ a.company.brandName }}
-                            </a>
-                        </p>
-                        {% if a.location is iterable %}
-                            {% if a.location.gmap_address %}
-                                <p class="item-list-city">{{ a.location.gmap_address.address_components.0.long_name }}</p>
-                            {% endif %}
-                        {% endif %}
-                    </div>
-                    <div class="col-logo">
-
-                        {% if a.company.webPath %}
-                            <img class="responsive-img" src="{{ a.company.webPath | imagine_filter('profile_thumb') }}"/>
-                        {% endif %}
-                    </div>
-                </div>
-                
-            </div>
-            <div class="card-content card-content-ad">
-                <a class="link-job left-align truncate" href="{{ path('ad_show',{'alias': a.alias }) }}" title="{{ a.title }}">{{ a.title }}</a>
-            </div>
-            <div class="card-action">
-                <a class="btn-tags" href="#">Les mots clés<i class="fa fa-chevron-up right" aria-hidden="true"></i></a>
-                <span class="clearfix"></span>
-                <div class="keywords">
-                    {% if a.publicTag %}
-                        {% for tag in a.publicTag %}
-                        <div class="chip">
-                            <a href="{{ path('ad_search_result',{'tag':tag }) }}">{{ tag }}</a>
-                        </div>
-                        {% endfor %}
-                    {% endif %}
-                </div>
-            </div>
-        </div>
-        <div class="borderList"></div>
-    </div>
-</div>
-{% endfor %}
@@ -1,69 +0,0 @@
-{% for a in ads if a.isPrivate != true %}
-    <div id="adRow" class="row item-list-bis z-depth-2 row-noMargin">
-        <div class="col s12 m4 col-noPadding ad-picture">
-            <a href="{{ path('ad_show',{'alias': a.alias }) }}" title="{{ a.title }}" class="item-list-media">
-                {% if a.video %}
-                    {% if a.video.thumbnails.0.sizes is defined %}
-
-                        <img class="thumbnail_list" src="{{ a.video.thumbnails.0.sizes.4.link }}"
-                             alt="{{ a.company.brandName }}"/>
-
-                    {% endif %}
-                    <span class="playerbtn"></span>
-                {% endif %}
-            </a>
-            {% if a.isPromoted %}
-                <div class="isPromoted">
-                    OFFRE POURVUE
-                </div>
-            {% endif %}
-        </div>
-        <div class="col s12 m8 col-noPadding">
-            <div class="row row-infos row-noMargin">
-                <div class="col s4 m4 l5 company-infos col-noPadding">
-                    <h2 class="no-margin-top">
-                        <a href="{{ path('ad_show',{'alias': a.alias }) }}"
-                           title="{{ a.title }}" class="hover-blue1">{{ a.title }}</a>
-                    </h2>
-                    {% if a.extra.contract_type is defined %}
-                        <span>{{ a.extra.contract_type }}</span>
-                    {% endif %}
-                </div>
-                <div class="col s4 m3 l3 col-noPadding col-logo">
-                    {% if (a.company.logo is defined) and (a.company.webPath is not null) %}
-                        <a href="{{ path('company_show',{'alias':a.company.alias}) }}">
-                            <img src="{{ a.company.webPath | imagine_filter('profile_thumb') }}"/>
-                        </a>
-                    {% endif %}
-                </div>
-                <div class="hide-on-small-only col s4 m5 l4 col-noPadding company-infos m-l-30">
-                    <p class="item-list-website">
-                        <a href="{{ path('company_show',{'alias': a.company.alias }) }}" class="hover-blue2">
-                            {{ a.company.brandName }}
-                        </a>
-                        <br/>
-                        {% if a.location is iterable %}
-                            <span>{{ a.location.gmap_address.address_components.0.long_name }}</span>
-                        {% endif %}
-                    </p>
-                </div>
-            </div>
-            <div class="row row-tags row-noMargin">
-                <div class="col s11 col-noPadding" style="position:relative;">
-                    <div class="frame" id="basic">
-                        <ul class="slidee">{% for tag in a.publicTag %}
-                                <li class="chip">
-                                    <a href="{{ path('ad_search_result',{'tag':tag }) }}" class="hover-blue2">{{ tag }}</a>
-                                </li>{% endfor %}</ul>
-                    </div>
-                    <div class="controls center">
-                        <a class="prev"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i></a>
-                        <a class="next"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i></a>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="borderList"></div>
-        <div class="clearfix"></div>
-    </div>
-{% endfor %}
@@ -1,80 +0,0 @@
-{% extends 'base.html.twig' %}
-
-{% block title %}Découvrez toutes les offres d'emploi en vidéo sur Talents Tube{% endblock %}
-
-{% block description %}Découvrez toutes les offres d'emploi en vidéo dans votre région sur Talents Tube. Postulez rapidement en vidéo et trouvez votre futur job !{% endblock %}
-
-{% block ogtc %}
-    {#Twitter Card data pour les données enrichies sur Twitter#}
-    <meta name="twitter:card" content="summary">
-    <meta name="twitter:site" content="@TalentsTube">
-    <meta name="twitter:title" content="Découvrez toutes les offres d'emploi en vidéo sur Talents Tube">
-    <meta name="twitter:description" content="Découvrez toutes les offres d'emploi en vidéo dans votre région sur Talents Tube. Postulez rapidement en vidéo et trouvez votre futur job !">
-    <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
-
-    {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
-    <meta property="og:title" content="Découvrez toutes les offres d'emploi en vidéo sur Talents Tube" />
-    <meta property="og:type" content="article" />
-    <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
-    <meta property="og:description" content="Découvrez toutes les offres d'emploi en vidéo dans votre région sur Talents Tube. Postulez rapidement en vidéo et trouvez votre futur job !" />
-    <meta property="og:site_name" content="Talents Tube" />
-    <meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
-
-{% endblock %}
-
-{% block content %}
-    {{ render(controller('AppBundle:Ad:adSearchRender',{'type': 'lite' })) }}
-
-    <div class="fluid-container bg-grey-3 contentPage">
-        <div id="searchResultWrapper" class="container">
-            <div class="row">
-                <div class="col s12 center-align">
-                    <h1 class="alttitle">Les offres d’emploi en vidéo</h1>
-                </div>
-            </div>
-            <div class="row m-b-0 p-b-30">
-                <div class="col s12 m12">
-                    <div id="header-resultats">
-                        {% if isPromotedAds %}
-                            <div><span class="color-blue2">{{ ads|length }}</span> offres d'emploi pourvues</div>
-                            <div><span><a href="{{ path('ad_search_result') }}">Voir les offres d'emploi en cours</a></span></div>
-                        {% else %}
-                            <div><span class="color-blue2">{{ ads|length }}</span> offres d'emploi en cours</div>
-                            <div><span><a href="{{ path('ad_search_result', {'promoted': true }) }}">Voir les offres d'emploi pourvues</a></span></div>
-                        {% endif %}
-                    </div>
-                    <div id="liste-resultats">
-                        {% if ads|length > 0 and noResults == false %}
-                            {% include 'default/ad_listing.html.twig' with {'ads':ads} %}
-                        {% else %}
-                            <h2 class="center-align">Il n'y a pas de résultats directs à votre recherche</h2>
-                            <h4 class="center-align">Mais vous pourriez être intéressé(e) par</h4>
-                            <br/>
-                            {% include 'default/ad_listing.html.twig' with {'ads':ads} %}
-                        {% endif %}
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-{% endblock %}
-
-{% block javascripts %}
-    {{ parent() }}
-    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
-    <script type="text/javascript">
-        $(document).ready(function () {
-            var input = /** @type {!HTMLInputElement} */(document.getElementById('ad_search_location_gmap'));
-            var autocomplete = new google.maps.places.Autocomplete(input);
-            autocomplete.addListener('place_changed', onPlaceChanged);
-
-            function onPlaceChanged() {
-                var place = autocomplete.getPlace();
-                var gmap_address = {'gmap_address': place}
-                if (place.geometry) {
-                    $("#ad_search_location").val(JSON.stringify(gmap_address));
-                }
-            }
-        });
-    </script>
-{% endblock %}
@@ -1,218 +0,0 @@
- {% extends 'base.html.twig' %}
-
-{% block title %}{{ ad.htmlTitle|raw }}{% endblock %}
-
-{% block description %}{{ ad.htmlDescription|raw }}{% endblock %}
-
-{% block ogtc %}
-    {#Twitter Card data pour les données enrichies sur Twitter#}
-    <meta name="twitter:card" content="summary">
-    <meta name="twitter:site" content="@TalentsTube">
-    <meta name="twitter:title" content="{{ ad.htmlTitle|raw }}">
-    <meta name="twitter:description" content="{{ ad.htmlDescription|raw }}">
-    <meta name="twitter:image"
-          content="{% if ad.video %}{% if ad.video.thumbnails.0.sizes is defined %}{{ ad.video.thumbnails.0.sizes.4.link }}{% endif %}{% endif %}
-">
-
-    {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
-    <meta property="og:title" content="{{ ad.htmlTitle|raw }}"/>
-    <meta property="og:type" content="article"/>
-    <meta property="og:url" content="{{ app.request.uri }}"/>
-    <meta property="og:image"
-          content="{% if ad.video %}{% if ad.video.thumbnails.0.sizes is defined %}{{ ad.video.thumbnails.0.sizes.4.link }}{% endif %}{% endif %}"/>
-    <meta property="og:description" content="{{ ad.htmlDescription|raw }}"/>
-    <meta property="og:site_name" content="Talents Tube"/>
-{% endblock %}
-
-{% block content %}
-    {% include 'default/flash_message.html.twig' %}
-    <div class="fluid-container bg-grey-3 button-plus">
-        <div id="ad_show" class="container contentWrapper contentPage">
-            <div class="row">
-                <div class="col s12 m12 l4 xl3 hide-on-med-and-down" id="sidebar">
-                {% include 'default/ad_sidebar.html.twig' with {'ad': ad, 'showBrand': true} %}
-                </div>
-                <div class="col s12 m12 l8 xl9">
-                    {% if ad.video and ad.status != "CLOSED" %}
-                        <div class="row m-b-0" id="adVideo">
-                            {#{% if ad.id == 38 %}
-                                <img class="responsive-img" src="{{asset('/img/GROUPE-ROCHER-TT.jpg')}}">
-                            {% else %}#}
-                            <div class="embed-responsive embed-responsive-16by9">
-                                <div class="col s12">
-                                    <iframe src="https://player.vimeo.com/video/{{ ad.video.cdnUrl|replace({ "/videos/": ""}) }}?texttrack=fr"
-                                            width="100%" height="640" frameborder="0" webkitallowfullscreen mozallowfullscreen
-                                            allowfullscreen></iframe>
-                                </div>
-                            </div>
-                            {#{% endif %}#}
-                            {% if ad.isPromoted %}
-                                <div class="isPromoted">
-                                    OFFRE POURVUE
-                                </div>
-                            {% endif %}
-                            {% if ad.id == 53 %}
-                            <div class="isPromoted">
-                            Traitement des candidatures vidéos 
-                            </div>
-                            {% endif %}
-                        </div>
-                    {% endif %}
-                    
-                    <div class="row bg-bordered">
-                        <div class="row row-title-ad">
-                            <div class="col s6 col-title-ad">
-                                <h1>{%- spaceless -%}{{ ad.title}}{%- endspaceless -%}</h1>
-                            </div>
-                            <div class="col s6 col-type-ad">
-                                <h2>
-
-
-                            {% if ad.extra.contract_type is defined %}
-                                <i class="fa fa-suitcase" aria-hidden="true"></i>&nbsp;{{ ad.extra.contract_type }}
-                            {% endif %}
-                            {% if ad.location is iterable %}
-                                {% if ad.location.gmap_address %}
-                                <i class="fa fa-map-marker" aria-hidden="true"></i>&nbsp;{{ ad.location.gmap_address.address_components.0.long_name }}
-                                {% endif %}
-                            {% endif %}
-                                </h2>
-                            </div>
-                        </div>
-                        <div class="col s12">
-                            {% for tag in ad.publicTag %}
-                                <p class="chip"><a href="{{ path('ad_search_result',{'tag':tag }) }}" class="hover-blue2">{{ tag }}</a></p>
-                            {% endfor %}
-                            <div class="item-detail-description">
-                                <h3 class="blue-text">Détails de l'offre d'emploi</h3>
-                                <p>{{ ad.description|nl2br }}</p>
-                            </div>
-                            <h3 class="blue-text">Informations complémentaires</h3>
-                            <p class="item-detail-reference">Référence : <span>{{ ad.reference }}</span></p>
-                            <p class="item-detail-date">Publié le : <span>{{ ad.publishedAt|date('d/m/Y') }}</span></p>
-                        </div>
-                        <div class="col s12 center-align">
-                            {% if ad.status == "CLOSED" %}
-                                <div class="card-panel orange lighten-1 whiteColor">
-                                    {{ 'Offre cloturée'|trans }}
-                                </div>
-                            {% else %}
-                                {% if is_granted('ROLE_TALENT') and alreadyAnswered == TRUE %}
-                                    <div class="card-panel green lighten-1 whiteColor">
-                                        {{ 'ad.talent.isAnswer.label'|trans }}
-                                    </div>
-                                {% elseif not is_granted('ROLE_COMPANY') %}
-                                    {% if not ad.isPromoted %}
-                                        {% if ad.id != 53 %}
-                                        <p class="item-detail-reply">
-                                            <a  title="postuler-bottom" href="{{ path('talent_answer_create',{'id': ad.getId()}) }}"
-                                            class="btn btn-default">
-                                                Postuler
-                                            </a>
-                                        </p>
-                                        {% endif %}
-                                    {% endif %}
-                                {% endif %}
-                            {% endif %}
-                        </div>
-                    </div>
-                    {% if ad.isPromoted %}
-                    <div class="row bg-bordered row-promoted">
-                        <div class="col s12 center-align">
-                            <h3>Vous souhaitez rejoindre <span class="color-blue1">{{ ad.company.brandname }}</span> ?</h3>
-                            <a href="{{ path('talent_spontaneous_application_create',{'id': ad.company.getId()}) }}"
-                            class="btn btn-default">
-                                Candidature spontanée
-                            </a>
-                        </div>
-                    </div>
-                    {% endif %}
-                    <div class="col s12 hide-on-large-only m-b-50">
-                    {% include 'default/ad_sidebar.html.twig' with {'ad': ad, 'showBrand': true} %}
-                    </div>
-                </div>
-                 <div class="row">
-                    {% if companyAds|length > 0 %}
-                    <div class="col s12"> 
-                        <h2>Autres offres d’emploi pour {{ ad.company.brandname }}</h2>
-                        <div id="liste-resultats">
-                            {% include 'default/ad_listing.html.twig' with {'ads':companyAds} %}
-                        </div>
-                    </div>
-                    {% endif %}
-                </div>
-            </div>
-        </div>
-    </div>
-    {% if ad.territories|length %}
-        {% include 'ad/carrousel_territory.html.twig' with {'territories': ad.territories } %}
-    {% elseif ad.company.territories|length %}
-        {% include 'ad/carrousel_territory.html.twig' with {'territories': ad.company.territories } %}
-    {% endif %}
-    {% set popup_answer_send = app.session.flashbag.get('popup_answer_send') %}
-    {% set popup_answer_already_send = app.session.flashbag.get('popup_answer_already_send') %}
-    {% if popup_answer_send is not empty %}
-        {% if popup_answer_send[0] == true %}
-            <div id="modal-answer" class="modal">
-                <div class="modal-content">
-                    <div class="row">
-                        <div class="col s12">
-                            <div class="col-content p-30">
-                                {% if popup_answer_already_send is not empty and popup_answer_already_send[0] == true %}
-                                    <h3 class="color-blue1 center-align">Candidature pour {{ ad.company.brandname }} !</h3>
-                                    <div class="col offset-s2 s8 center-align">
-                                        <p>Vous avez déjà répondu à cette annonce.</p>
-                                        <a href="{{ path('talent_dashboard') }}" class="btn btn-default m-t-20">Accéder à mon profil</a>
-                                        <br /><br />
-                                        <a class="text modal-action modal-close">Fermer</a>
-                                    </div>   
-                                {% else %}
-                                    <h3 class="color-blue1 center-align">Votre candidature a bien été envoyée à {{ ad.company.brandname }} !</h3>
-                                    <div class="col offset-s2 s8 center-align">
-                                        <div class="embed-responsive embed-responsive-16by9">
-                                            <div class="col s12">
-                                                <iframe src="https://player.vimeo.com/video/249822507"
-                                                        width="100%" height="640" frameborder="0"></iframe>
-                                            </div>
-                                        </div>
-                                        <a href="{{ path('talent_dashboard') }}" class="btn btn-default m-t-20">Accéder à mon profil</a>
-                                        <br /><br />
-                                        <a class="text modal-action modal-close">Fermer</a>
-                                    </div>
-                                {% endif %}
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        {% endif %}
-    {% endif %}
-{% endblock %}
-
-{% block javascripts %}
-    {{ parent() }}
-    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
-    <script type="text/javascript">
-        $(document).ready(function(){
-            //asking for push
-            EdeclicLib = window.EdeclicLib || {};
-            EdeclicLib.delayedAsk();
-            //
-            $('.tooltipped').tooltip();
-            $.get( "{{ path('ad_ajaxRecStat',{'id': ad.id }) }}", function( data ) {});
-            if ($('#modal-answer').length > 0) { 
-                $('#modal-answer').modal({
-                    dismissible: false,
-                    ready: function(modal, trigger) {}
-                });
-                $('#modal-answer').modal('open');
-            }
-        });
-    </script>
-{% endblock %}
-{% block stylesheets %}
-    <script type="application/ld+json">
-    {{- ad.structuredData|raw -}}
-    </script>
-    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5a095d2dd3cf90df"></script>
-{% endblock %}
@@ -1,75 +0,0 @@
-<div class="profil-company center-align">
-    {% set company = ad.company %}
-        <a href="{{ path('company_show',{'alias': ad.company.alias }) }}" title="{{ ad.company.brandName }}" class="profil-picture logo-picture">
-            {% if company.logo %}
-                <img class="responsive-img" src="{{ company.webPath | imagine_filter('profile_thumb') }}"
-                    alt="{{ company.brandname }}"/>
-            
-            {% else %}
-                <div class="circle-letters square-letters font-2">{{ company.brandname|first|upper }}</div>
-            {% endif %}
-        </a>
-        {% if showBrand is defined %}
-            {% if company.presentationVideo %}
-                <div class="brandImage">
-                    <a href="{{ path('company_show',{'alias': ad.company.alias }) }}" title="{{ ad.company.brandName }}">
-                        <img class="" src="{{ company.presentationVideo.thumbnails.0.sizes.4.link }}">
-                        <span class="filter"></span>
-                        <span class="playerbtn"></span>
-                    </a>
-                </div>
-            {% endif %}
-        {% endif %}
-        <a href="{{ path('company_show',{'alias': ad.company.alias }) }}" title="{{ ad.company.brandName }}" class="btn btn-default btn-small-grey">
-            Découvrir l'employeur
-        </a>
-        <p class="profil-name">
-            <a href="{{ path('company_show',{'alias': company.alias }) }}" title="{{ company.brandName }}">
-                <b>{{ company.brandname }}</b>
-            </a>
-        </p>
-    {% if company.addresses.billing is defined %}
-        <p class="profil-city">{{ company.addresses.billing.city }}
-            - {{ company.addresses.billing.country|country }}</p>
-    {% endif %}
-</div>
-{#<div class="col s12 profil-links">
-    {% if company.website %}
-        <a target="_blank" href="{{ company.website }}" class="td-none">
-                <span class="fa-stack fa-lg">
-                    <i class="fa fa-circle fa-stack-2x z-depth-2"></i>
-                    <i class="fa fa-link fa-stack-1x fa-inverse"></i>
-                </span>
-        </a>
-    {% endif %}
-</div>#}
-<div class="col s12 center-align">
-    <div class="divider"></div>
-    <br />
-    {% if ad.status == "CLOSED" %}
-        <div class="card-panel orange lighten-1 whiteColor">
-            {{ 'Offre cloturée'|trans }}
-        </div>
-    {% else %}
-        {% if is_granted('ROLE_TALENT') and alreadyAnswered == TRUE %}
-            <div class="card-panel green lighten-1 whiteColor">
-                {{ 'ad.talent.isAnswer.label'|trans }}
-            </div>
-        {% elseif not is_granted('ROLE_COMPANY') %}
-            {% if not ad.isPromoted %}
-                {% if ad.id != 53 %}
-                <p class="item-detail-reply">
-                    <a title="postuler-side" href="{{ path('talent_answer_create',{'id': ad.getId()}) }}"
-                    class="btn btn-default">
-                        Postuler
-                    </a>
-                </p>
-                {% endif %}
-            {% else %}
-                <div class="item-detail-ispromoted">
-                    Offre pourvue
-                </div>
-            {% endif %}
-        {% endif %}
-    {% endif %}
-</div>
@@ -1,7 +0,0 @@
-{% for type, flash_messages in app.session.flashBag.all %}
-    {% for flash_message in flash_messages %}
-        <div class="flash-{{ type }}">
-            {{ flash_message }}
-        </div>
-    {% endfor %}
-{% endfor %}
@@ -1,31 +0,0 @@
-{% if not app.user or is_granted('ROLE_TALENT_TMP')%}
-    <div class="header-link header-link-signin right-align">
-        {% if app.request.get('_route') == "fos_user_security_login" %}
-            {% set href = "" %}
-        {% else %}
-            {% set href = "#modal_login" %}
-        {% endif %}
-        <a class="btn button-round-small" href="{{ href }}">
-            <i class="fa fa-power-off" aria-hidden="true"></i>
-            <span>Connexion</span>
-        </a>
-    </div>
-{% else %}
-    <div class="header-link header-link-signin right-align">
-        {% if is_granted('ROLE_TALENT') %}
-            {% set pathDash = path('talent_dashboard') %}
-        {% elseif is_granted('ROLE_COMPANY') %}
-            {% set pathDash = path('company_dashboard') %}
-        {% elseif is_granted('ROLE_TERRITORY') %}
-            {% set pathDash = path('territory_dashboard') %}
-        {% elseif is_granted('ROLE_ADMIN') %}
-            {% set pathDash = path('admin_dashboard') %}
-        {% else %}
-            {% set pathDash = path('talent_dashboard') %}
-        {% endif %}
-        <a class="btn button-round-small" href="{{ pathDash }}">
-            <i class="material-icons">perm_identity</i>
-            <span>Mon compte</span>
-        </a>
-    </div>
-{% endif %}
@@ -12,7 +12,7 @@ La candidature en vidéo ou vidéo de motivation s’avère être un outil perfo

 En plus des savoirs et savoir-faire, la candidature vidéo met en lumière le savoir-être et le savoir devenir des candidats. Vous pouvez cerner la personnalité du candidat et son projet professionnel en quelques instants.
            </p>
-            <a class="btn btn-sm btn-primary btn-wide" href="#">Voir la plateforme</a>
+            <a class="btn btn-sm btn-primary btn-wide" href="https://www.talentstube.com">Voir la plateforme</a>

          </div>
        </div>
@@ -4,7 +4,7 @@
      <div class="card-deck d-block d-lg-flex">
        <div class="card card-frame mb-5">
          <!-- Listing -->
-          <a class="card-body p-4" href="#">
+          <a class="card-body p-4" href="#atouts">
            <div class="media">
              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/multi-support.svg') }}" alt="Les candidats consultent et postulent aux offres d’emploi vidéo depuis leur smartphone, tablette ou ordinateur.">
              <div class="media-body px-4">
@@ -8,7 +8,7 @@
        </div>
      </div>
      <div class=" text-center space-3-bottom">
-      <a class="btn btn-sm btn-contact" href="https://blog.talentstube.com/contact.html" target="_blank" role="button" >
+      <a class="btn btn-sm btn-contact" href="https://blog.talentstube.com/contact" target="_blank" role="button" >
                  <i class="fa fa-user-circle mr-1"></i>
                  Contactez nous
                </a>
@@ -1,60 +0,0 @@
-{% for company in companies if company.isPrivate != true %}
-    <div class="col s12">
-        <div class="card z-depth-3 card-company">
-            <div class="card-content card-content-company">
-                <div class="row row-noMargin">
-                    <div class="col s4 col-logo">
-                        {% if company.logo is not null %}
-                            <img class="responsive-img" src="{{ company.webPath | imagine_filter('profile_thumb') }}"/>
-                        {% endif %}
-                    </div>
-                    <div class="col s8 col-infos">
-                        <p class="item-list-name color-blue1">
-                            <a href="{{ path('company_show',{'alias': company.alias }) }}"
-                               title="{{ company.brandName }}">
-                                {{ company.brandName }}
-                            </a>
-                        </p>
-                        {% if company.addresses %}
-                            <span class="truncate">{{ company.addresses.billing.city }}</span>
-                        {% endif %}
-                    </div>
-
-                </div>
-
-            </div>
-            <div class="card-image">
-
-                {% if company.presentationVideo is defined %}
-                    {% if company.presentationVideo.thumbnails.0.sizes is defined %}
-                        <a href="{{ path('company_show',{'alias': company.alias }) }}" title="{{ company.brandName }}">
-                            <img src="{{ company.presentationVideo.thumbnails.0.sizes.4.link }}"
-                                 alt="{{ company.brandName }}"/>
-                            <span class="playerbtn"></span>
-                        </a>
-                    {% endif %}
-                {% endif %}
-            </div>
-            <div class="card-content-wrapper">
-                <div class="card-content">
-                    <div class="row">
-                        <div class="col s12 card-infos-company">
-                            <div class="chip center-align">
-                                <a class="td-none color-grey3" href="{{ path('company_show',{'alias': company.alias, '_fragment':'offers' }) }}">
-                                    {% set nbAds = company.getPublishedAds|length %}
-                                    {% if nbAds > 1 %}
-                                        <strong>{{company.getPublishedAds|length}} offres d'emploi en cours</strong>
-                                    {% else %}
-                                        <strong>{{company.getPublishedAds|length}} offre d'emploi en cours</strong>
-                                    {% endif %}
-                                </a>
-                            </div>
-                        </div>
-                    </div>
-
-                </div>
-            </div>
-            <div class="borderList"></div>
-        </div>
-    </div>
-{% endfor %}
@@ -1,48 +0,0 @@
-{% extends 'base.html.twig' %}
-
-{% block title %}Les entreprises qui recrutent en vidéo | TalentsTube{% endblock %}
-
-{% block description %}Découvrez les entreprises qui recrutent en vidéo, elles dévoilent leurs marques employeur et leurs offres d'emploi en vidéo. Postulez rapidement à l'offre qui vous convient.{% endblock %}
-
-{% block ogtc %}
-    {#Twitter Card data pour les données enrichies sur Twitter#}
-    <meta name="twitter:card" content="summary">
-    <meta name="twitter:site" content="@TalentsTube">
-    <meta name="twitter:title" content="Les entreprises qui recrutent en vidéo | TalentsTube">
-    <meta name="twitter:description"
-          content="Découvrez les entreprises qui recrutent en vidéo, elles dévoilent leurs marques employeur et leurs offres d'emploi en vidéo. Postulez rapidement à l'offre qui vous convient.">
-    <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
-
-    {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
-    <meta property="og:title" content="Les entreprises qui recrutent en vidéo | TalentsTube"/>
-    <meta property="og:type" content="article"/>
-    <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}"/>
-    <meta property="og:description"
-          content="Découvrez les entreprises qui recrutent en vidéo, elles dévoilent leurs marques employeur et leurs offres d'emploi en vidéo. Postulez rapidement à l'offre qui vous convient."/>
-    <meta property="og:site_name" content="Talents Tube"/>
-    <meta property="og:url"
-          content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}"/>
-
-{% endblock %}
-
-{% block content %}
-    {{ render(controller('AppBundle:Ad:adSearchRender',{'type': 'lite' })) }}
-    <div class="fluid-container bg-grey-3 contentPage">
-        <div id="searchResultWrapper" class="container">
-            <div class="row">
-                <div class="col s12 center-align">
-                    <h1 class="alttitle">Les entreprises de talents</h1>
-                </div>
-            </div>
-            <div class="row m-b-0 p-b-30">
-                <div class="col s12 m12">
-                    <div id="liste-resultats">
-                        {% include 'default/company_listing.html.twig' with {'companies':companies} %}
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-{% endblock %}
-
@@ -1,81 +0,0 @@
-{% for c in companies if c.isPrivate != true %}
-    {% if (c.presentationVideo is not null or c.getPublishedAds|length > 0 ) %}
-        <div class="row item-list-bis z-depth-2 row-noMargin">
-
-            <div class="col s12 m2 ad-picture col-logo-lg">
-                <a href="{{ path('company_show',{'alias': c.alias }) }}"
-                    title="{{ c.brandname }}">
-                    {% if c.logo is not null %}
-                        <img src="{{ c.webPath | imagine_filter('profile_thumb') }}"/>
-                    {% endif %}
-                </a>
-            </div>
-            <div class="col s12 m6 col-noPadding">
-                <div class="row row-infos row-noMargin">
-                    <div class="col s4 m5 l4 col-noPadding company-infos m-l-30">
-                        <div class="item-list-website">
-                            <h2>
-                                <a href="{{ path('company_show',{'alias': c.alias }) }}"
-                                    class="hover-blue2">
-                                    <b>{{ c.brandName }}</b>
-                                </a>
-                            </h2>
-
-                            <br/>
-                            {{ c.init }}
-                            {% if c.city != null %}
-                                {{ c.city }}
-                            {% endif %}
-                        </div>
-                    </div>
-                </div>
-                <div class="row row-tags row-noMargin">
-                    <div class="col s11 col-noPadding" style="position:relative;">
-                        <div class="chip center-align">
-                            {% set nbAds = c.getPublishedAds|length %}
-                            {% set fragment = "" %}
-                            {% if nbAds > 0 %}
-                            {% set fragment = "offers" %}
-                            {% endif %}
-                            <a class="td-none color-grey3"
-                                href="{{ path('company_show',{'alias': c.alias, '_fragment': fragment }) }}">
-                                {% set nbAds = c.getPublishedAds|length %}
-                                {% if nbAds > 1 %}
-                                    <strong>{{ c.getPublishedAds|length }} offres d'emploi en
-                                        cours</strong>
-                                {% elseif nbAds == 1 %}
-                                    <strong>{{ c.getPublishedAds|length }} offre d'emploi en
-                                        cours</strong>
-                                {% else %}
-                                    <strong>candidature spontanée</strong>
-                                {% endif %}
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="col s12 m4 col-noPadding ad-picture">
-                <a href="{{ path('company_show',{'alias': c.alias }) }}"
-                    title="{{ c.brandname }}"
-                    class="item-list-media">
-                    {% if c.presentationVideo %}
-                        {% if c.presentationVideo.thumbnails.0.sizes is defined %}
-
-                            <img class="thumbnail_list"
-                                    src="{{ c.presentationVideo.thumbnails.0.sizes.4.link }}"
-                                    alt="{{ c.brandName }}"/>
-
-                        {% endif %}
-                        <span class="playerbtn"></span>
-                    {% else %}
-                        <img class="thumbnail_list"
-                                src="{{ asset('/img/default_picture_company.svg') }}"
-                                alt="{{ c.brandName }}"/>
-                    {% endif %}
-                </a>
-            </div>
-            <div class="borderList"></div>
-            <div class="clearfix"></div>
-        </div>
-    {% endif %}
-{% endfor %}
@@ -1,15 +0,0 @@
-    {% if destination_login is defined %}
-        {% set destination = destination_login %}
-    {% else %}
-        {% set destination = path('redirect_dashboard') %}
-    {% endif %}
-    <a class="btn btn-default btn-facebook z-depth-2" href="{{ url("hwi_oauth_service_redirect", {service: "facebook"}) }}?_destination={{ destination }}">Connexion avec Facebook</a>
-    {# <a class="btn btn-default btn-linkedin z-depth-2" href="{{ url("hwi_oauth_service_redirect", {service: "linkedin"}) }}?_destination={{ destination }}">Connexion avec Linkedin</a> #}
-    <div class="row">
-        <div class="col s12">
-            <div class="separator-with-label">
-                <hr>
-                <label><span>ou</span></label>
-            </div>
-        </div>
-    </div>
@@ -1,11 +0,0 @@
-<script type="text/javascript">
-    document.addEventListener("DOMContentLoaded", function(event) { 
-        {% for flashMessage in app.session.flashbag.get('notice') %}
-        var message = "{{ flashMessage }}";
-        {% endfor %}
-        if(typeof(message) !== "undefined"){
-            var $toastContent = $('<span>'+message+'</span>');
-            Materialize.toast($toastContent, 5000);
-        }
-    });
-</script>
@@ -20,7 +20,7 @@
                        <a class="white-text" href="{{ path('territory_list') }}" title="Listes des territoires">Nos territoires</a>
                    </li>
                    <li>
-                        <a class="white-text" href="https://blog.talentstube.com/contact.html" title="Talents Tube ">Contact</a>
+                        <a class="white-text" href="https://blog.talentstube.com/contact" title="Talents Tube ">Contact</a>
                    </li>
                </ul>
            </div>
@@ -28,13 +28,13 @@
                <h5 class="white-text">Informations</h5>
                <ul>
                    <li>
-                        <a class="white-text" href="{{ path('service_legals') }}">Mentions légales</a>
+                        <a class="white-text" href="{{ path('service_legals') }}" target="_blank">Mentions légales</a>
                    </li>
                    <li>
-                        <a class="white-text" href="{{ path('service_cgu') }}">Conditions générales d'utilisation</a>
+                        <a class="white-text" href="{{ path('service_cgu') }}" target="_blank">Conditions générales d'utilisation</a>
                    </li>
                    <li>
-                        <a class="white-text" href="{{ path('page_Confidentialite') }}">Politique de confidentialité et protection des données</a>
+                        <a class="white-text" href="{{ path('page_Confidentialite') }}" target="_blank">Politique de confidentialité et protection des données</a>
                    </li>
                </ul>
            </div>
@@ -1,7 +1,9 @@
 {% extends 'basev2.html.twig' %}

 {% block title %}Talents Tube : Conditions générales d’utilisation - {% endblock %}
+{% block menu %}

+{% endblock %}
 {% block content %}
 <main id="content">
  <!-- Terms Section -->
@@ -473,7 +475,7 @@
        <div id="2.0" class="space-2">
          <div class="mb-3">
            <span class="d-block text-secondary font-weight-medium">2.0</span>
-            <h3>Using our servicesChamp d'application</h3>
+            <h3>Champ d'application</h3>
          </div>

          <p>Les présentes Conditions Générales d'Utilisation et de Vente ont pour objet de définir les modalités et les
@@ -1,7 +1,9 @@
 {% extends 'basev2.html.twig' %}

-{% block title %}Talentts tube : Politique de confidentialité et protection des données{% endblock %}
+{% block title %}Talents tube : Politique de confidentialité et protection des données{% endblock %}
+{% block menu %}

+{% endblock %}
 {% block content %}
 <main id="content">
  <!-- Privacy Section -->
@@ -19,7 +21,7 @@
          <p>Nous vous invitons à lire avec attention le présent document. Pour toute question concernant ce document
            et, d’une manière générale, sur la collecte et le traitement de vos informations personnelles par la société
            talentstube.com, n’hésitez pas à nous contacter via le formulaire présent sur la page contact :
-            https://blog.talentstube.com/contact.html
+            <a href="https://blog.talentstube.com/contact" target="_blank">https://blog.talentstube.com/contact</a>
          </p>
          <div class="mb-3">
            <h2 class="h4">Données personnelles</h2>
@@ -134,7 +136,7 @@
          <p>Vous pouvez demander une limitation du traitement des données collectées. L’exercice de ces droits peut
            exercer ce droit auprès de TALENTS TUBE en adressant une requête soit par voie postale à l'adresse suivante
            : 3 Rue Louis de Broglie, Village By CA 56000 Vannes, soit par courrier électronique via le formulaire
-            présent sur la page Contact https://blog.talentstube.com/contact.html. Cette requête devra être accompagnée
+            présent sur la page Contact <a href="https://blog.talentstube.com/contact" target="_blank"> https://blog.talentstube.com/contact</a>. Cette requête devra être accompagnée
            d'une pièce d'identité revêtant la signature de l'Utilisateur et devra préciser l'adresse et le moyen par
            lesquelles une réponse pourra être envoyée.</p>.

@@ -1,7 +1,9 @@
 {% extends 'basev2.html.twig' %}

 {% block title %}Mentions légales - Talents Tube{% endblock %}
+{% block menu %}

+{% endblock %}
 {% block content %}
 <main id="content">
  <!-- Privacy Section -->
@@ -93,7 +93,7 @@
              
               <!-- Button -->
              <li class="nav-item u-header__nav-item-btn">
-                <a class="btn btn-sm btn-contact" href="https://blog.talentstube.com/contact.html" target="_blank" role="button">
+                <a class="btn btn-sm btn-contact" href="https://blog.talentstube.com/contact" target="_blank" role="button">
                  {# <i class="fa fa-user-circle mr-1"></i> #}
                  Contactez-nous
                </a>
@@ -6,7 +6,7 @@
        
          <h2 class="text-white text-center"> Envie de dévoiler votre marque employeur en vidéo ? </h2>
        </div>
-        <a class="btn btn-sm btn-contact" href="https://blog.talentstube.com/contact.html" 
+        <a class="btn btn-sm btn-contact" href="https://blog.talentstube.com/contact" 
                   data-overlay-color="#151b26">
                 
                  Contactez-nous
@@ -15,7 +15,7 @@ et qui vous permet de présenter en quelques minutes et en toute
 authenticité votre équipe, vos valeurs, votre environnement de 
 travail et le quotidien de vos métiers.
            </p>
-            <a class="btn btn-sm btn-primary btn-wide" href="https://www.talentstube.com/offres-emploi" target="_blank">Voir la plateforme</a>
+            <a class="btn btn-sm btn-primary btn-wide" href="https://www.talentstube.com/Offres" target="_blank">Voir la plateforme</a>

          </div>
        </div>
@@ -15,7 +15,7 @@
            collaborateurs sont fiers de présenter leur métier.

          </p>
-          <a class="btn btn-sm btn-primary btn-wide" href="https://www.talentstube.com/offres-emploi"
+          <a class="btn btn-sm btn-primary btn-wide" href="https://www.talentstube.com/Offres"
            target="_blank">Voir la plateforme</a>

        </div>
@@ -1,20 +0,0 @@
-{% extends 'base.html.twig' %}
-
-{% block metarobot %}
-    {% if robot is defined and robot == 0 %}
-        <meta name="robots" content="noindex,nofollow">
-    {% else %}
-        <meta name="robots" content="index,follow">
-    {% endif %}
-{% endblock %}
-
-{% block title %}{{ page.title }}{% endblock %}
-
-{% block description %}{{ page.description }}{% endblock %}
-
-{% block content %}
-{{ page.content|raw }}
-{% if isTestimony is defined %}
-    {% include 'testimony/testimony_list.html.twig' %}
-{% endif %}
-{% endblock %}
@@ -1,9 +0,0 @@
-
-<div class="bg-grey-3" style="height:1px;padding-top:150px;padding-bottom:10px;"></div>
-<div class="triggerSearch"></div>
-<div class="fluid-container bg-grey-3 searchBarWrapper">
-        <div id="homeSearch" class="searchBar container" style="top:0;">
-         {% include 'form/search_form.html.twig' with {'searchform': searchform } %}
-        </div>
-    </div>
-    
@@ -1,31 +0,0 @@
-{% for talent in talents %}
-    {% if talent.users[0] is defined %}
-        {% set user = talent.users[0] %}
-        <div class="item">
-            <a href="{{ path('talent_show',{'alias': talent.alias }) }}"
-                title="{{ user.firstname }} {{ user.lastname }}">
-                {% if user.socialPicture is not null and user.photo is null %}
-                    <img class="circle z-depth-3" src="{{ user.socialPicture }}" alt="{{ user.firstname }} {{ user.lastname }}"/>
-                {% elseif user.photo %}
-                    <img class="circle z-depth-3" src="{{ user.webPath | imagine_filter('profile_square') }}" alt="{{ user.firstname }} {{ user.lastname }}"/>
-                {% else %}
-                    <div class="circle-letters font-2">{{ user.firstname|first|upper }}{{ user.lastname|first|upper }}</div>
-                       
-                {% endif %}
-            </a>
-            <p class="item-list-job item-list-name center-align">
-                <a href="{{ path('talent_show',{'alias': talent.alias }) }}"
-                    title="{{ user.firstname }} {{ user.lastname }}">
-                    {{ user.firstname }} {{ user.lastname }}
-                </a>
-            </p>
-            {#{% if talent.publicTag %}
-                {% for keyword in talent.publicTag %}
-                    {% if keyword != "" %}
-                    <div class="chip">{{ keyword }}</div>
-                    {% endif %}
-                {% endfor %}
-            {% endif %}#}
-        </div>
-    {% endif %}
-{% endfor %}
@@ -0,0 +1,196 @@
+{% extends 'baseVideotheque.html.twig' %}
+
+{% block title %}Vidéothèque : Découvrez les talents de votre territoire - Talents Tube{% endblock %}
+{% block meta %}
+  <meta name="description" content="Vidéothèque : Découvrez les talents de votre territoire">
+  
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@TalentsTube">
+  <meta name="twitter:title" content="Vidéothèque : Découvrez les talents de votre territoire">
+  <meta name="twitter:description" content="Découvrez le savoir-faire, le savoir-être et les motivations des candidats en vidéo. Gagnez du temps et optimisez votre processus de recrutement.">
+  <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
+
+  {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
+  <meta property="og:title" content="Vidéothèque : Découvrez les talents de votre territoire" />
+  <meta property="og:type" content="article" />
+  <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
+  <meta property="og:description" content="Découvrez le savoir-faire, le savoir-être et les motivations des candidats en vidéo. Gagnez du temps et optimisez votre processus de recrutement." />
+  <meta property="og:site_name" content="Talents Tube" />
+  <meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
+{% endblock %}
+
+{% block content %}
+<main id="content">
+    <div class="bg-img-hero" style="background-image: url({{ asset('v2/img/1920x1080/img17.jpg') }}">
+      <div class="d-sm-flex align-items-sm-center height-100vh--sm">
+        <div class="container text-center space-3-top space-2-bottom space-3-bottom--lg">
+          <div class="w-lg-60 text-center mx-lg-auto">
+            <!-- Title -->
+            <div class="mb-9">
+              <h1 class="display-3 font-size-48--md-down font-weight-medium">Bientôt ici votre vidéothèque</h1>
+              <p class="lead">Revenez plus tard. Nous travaillons sur le sujet ;-)</p>
+            </div>
+            <!-- End Title -->
+          </div>
+        </div>
+      </div>
+    </div>
+      
+
+</main>
+<!-- ========== END MAIN CONTENT ========== -->
+
+
+
+
+
+<!-- Begin Panel Login -->
+{% include 'defaultv2/accueil/blocLogin.html.twig'
+with {
+    'csrf_token': csrf_token,
+    'error' : error
+  } %}
+<!-- End Panel Login -->
+
+<!-- Go to Top -->
+<a class="js-go-to u-go-to" href="javascript:;" data-position='{"bottom": 30, "right": 100 }' data-type="fixed"
+  data-offset-top="400" data-compensation="#header" data-show-effect="slideInUp" data-hide-effect="slideOutDown">
+  <i class="fa fa-arrow-up u-go-to__inner"></i>
+</a>
+<!-- End Go to Top -->
+
+<!-- JS Global Compulsory -->
+<script src="{{ asset('v2/vendor/jquery/dist/jquery.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-migrate/dist/jquery-migrate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/popper.js/dist/umd/popper.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/bootstrap/bootstrap.min.js') }}"></script>
+
+<!-- JS Implementing Plugins -->
+<script src="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-validation/dist/jquery.validate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.legacy.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/typed.js/lib/typed.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/slick-carousel/slick/slick.js') }}"></script>
+<script src="{{ asset('v2/vendor/cubeportfolio/js/jquery.cubeportfolio.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/fancybox/jquery.fancybox.min.js') }}"></script>
+
+<!-- JS Space -->
+<script src="{{ asset('v2/js/hs.core.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.header.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.unfold.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.validation.js') }}"></script>
+<script src="{{ asset('v2/js/helpers/hs.focus-state.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.malihu-scrollbar.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.fancybox.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.modal-window.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.show-animation.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.slick-carousel.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.cubeportfolio.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.g-map.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.go-to.js') }}"></script>
+ <script src="{{ asset('v2/js/components/hs.video-player.js') }}"></script>
+
+  
+
+<!-- JS Plugins Init. -->
+<script>
+  // initialization of google map
+  {# function initMap() {
+    $.HSCore.components.HSGMap.init('.js-g-map');
+  } #}
+
+  $(window).on('load', function () {
+    // initialization of HSMegaMenu component
+    $('.js-mega-menu').HSMegaMenu({
+      event: 'hover',
+      pageContainer: $('.container'),
+      breakpoint: 767,
+      hideTimeOut: 0
+    });
+  });
+
+  $(document).on('ready', function () {
+    // initialization of header
+    $.HSCore.components.HSHeader.init($('#header'));
+
+    // initialization of fancybox
+    $.HSCore.components.HSFancyBox.init('.js-fancybox');
+
+    // initialization of unfold component
+    $.HSCore.components.HSUnfold.init($('[data-unfold-target]'), {
+      afterOpen: function () {
+        if (!$('body').hasClass('IE11')) {
+          $(this).find('input[type="search"]').focus();
+        }
+      }
+    });
+
+    // initialization of form validation
+    $.HSCore.components.HSValidation.init('.js-validate', {
+      rules: {
+        confirmPassword: {
+          equalTo: '#password'
+        }
+      }
+    });
+
+    // initialization of forms
+    $.HSCore.helpers.HSFocusState.init();
+
+    // initialization of malihu scrollbar
+    $.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar'));
+
+    // initialization of autonomous popups
+    $.HSCore.components.HSModalWindow.init('[data-modal-target]', '.js-signup-modal', {
+      autonomous: true
+    });
+
+    // initialization of show animations
+    $.HSCore.components.HSShowAnimation.init('.js-animation-link');
+
+    // initialization of slick carousel
+    $.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
+
+     // initialization of video player
+      $.HSCore.components.HSVideoPlayer.init('.js-inline-video-player');
+    $('.u-text-animation.u-text-animation').html("");
+    // initialization of text animation (typing)
+    var typed = new Typed(".u-text-animation.u-text-animation--typing", {
+      strings: ["Recevez des candidatures", "Découvrez le potentiel des candidats", "Recevez des candidatures"],
+      typeSpeed: 60,
+      loop: true,
+      backSpeed: 25,
+      backDelay: 3000
+    });
+
+    // initialization of cubeportfolio
+    $.HSCore.components.HSCubeportfolio.init('.cbp');
+
+    // initialization of go to
+    $.HSCore.components.HSGoTo.init('.js-go-to');
+
+    
+  });
+
+
+  $(document).ready(function () {
+    $(window).scroll(function () { // check if scroll event happened
+      if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
+        $("#logoAndNav").css("background-color","#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
+        $("#sidebarNavToggler").css("color","#fff");
+      } else {
+        $("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
+        $("#sidebarNavToggler").css("color", "#000");
+      }
+    });
+  });
+</script>
+
+{% endblock %}
+
+{% block javascripts %}
+{{ parent() }}
+<script src="https://player.vimeo.com/api/player.js"></script>
+{% endblock %}
@@ -0,0 +1,364 @@
+{% extends 'basev2.html.twig' %}
+
+{% block title %}Tarifs - Talents Tube{% endblock %}
+{% block meta %}
+  <meta name="description" content="Attirez les meilleurs candidats avec des offres d’emploi en vidéo. Présentez le poste recherché, les missions, les locaux et les collaborateurs de votre entreprise.">
+  
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@TalentsTube">
+  <meta name="twitter:title" content="Offres d’emploi - Recrutez des candidats en vidéo - Talents Tube">
+  <meta name="twitter:description" content="Attirez les meilleurs candidats avec des offres d’emploi en vidéo. Présentez le poste recherché, les missions, les locaux et les collaborateurs de votre entreprise.">
+  <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
+
+  {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
+  <meta property="og:title" content="Offres d’emploi - Recrutez des candidats en vidéo - Talents Tube" />
+  <meta property="og:type" content="article" />
+  <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
+  <meta property="og:description" content="Attirez les meilleurs candidats avec des offres d’emploi en vidéo. Présentez le poste recherché, les missions, les locaux et les collaborateurs de votre entreprise." />
+  <meta property="og:site_name" content="Talents Tube" />
+  <meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
+{% endblock %}
+
+{% block content %}
+<main id="content">
+   <!-- Hero Section -->
+    <div class="gradient-half-primary-v1">
+      <div class="bg-img-hero" style="background-image: url(../../assets/img/bg/bg2.png);">
+        <div class="container space-2 space-4-top--lg space-3-bottom--lg">
+          <div class="w-md-80 w-lg-60 text-center mx-auto">
+            <!-- Title -->
+            <div class="mb-9">
+              <h1 class="display-4 text-white">Abonnement</h1>
+              <p class="lead text-white">Choisissez l'offre qui vous correspond pour diffuser vos vidéos de recrutement</p>
+            </div>
+            <!-- End Title -->
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- End Hero Section -->
+
+
+        <!-- Pricing Section -->
+    <div class="container">
+      <div class="bg-gray-100 shadow-lg rounded mt-n9">
+        <!-- Individual -->
+        <div id="pricingIndividual" data-target-group="idPricing">
+          <div class="js-slick-carousel u-slick u-slick--gutters"
+               data-slides-show="3"
+               data-slides-scroll="1"
+               data-pagi-classes="d-lg-none text-center u-slick__pagination mt-7 mb-0"
+               data-responsive='[{
+                 "breakpoint": 1200,
+                 "settings": {
+                   "slidesToShow": 3
+                 }
+               }, {
+                 "breakpoint": 992,
+                 "settings": {
+                   "slidesToShow": 2
+                 }
+               }, {
+                 "breakpoint": 768,
+                 "settings": {
+                   "slidesToShow": 1
+                 }
+               }, {
+                 "breakpoint": 554,
+                 "settings": {
+                   "slidesToShow": 1
+                 }
+               }]'>
+            <div class="js-slide">
+              <!-- Pricing -->
+              <div class="card border-0">
+                <!-- Header -->
+                <header class="card-header text-center p-5">
+                  <h4 class="h4">Jusqu'à 3 vidéos</h4>
+                  
+                  <span class="d-block">
+                    <span class="display-4 text-dark">
+                      99€
+                    </span>
+                    <span class="d-block text-secondary font-size-14">par mois HT</span>
+                  </span>
+                </header>
+                <!-- End Header -->
+
+                <!-- Content -->
+                <div class="card-body p-5">
+                  <ul class="list-unstyled mb-4">
+                    <li class="font-size-14 py-2">- Création page entreprise</li>
+                    <li class="font-size-14 py-2">- Accès espace recruteur</li>
+                    <li class="font-size-14 py-2">- Mise en ligne de 1 à 3 vidéos
+                    offre d’emploi et Marque employeur</li>
+                    <li class="font-size-14 py-2">- Réception des candidatures en vidéo</li>
+                    <li class="font-size-14 py-2">- Gestion des candidatures</li>
+                    <li class="font-size-14 py-2">- Échanges vidéos avec les candidats</li>
+                    <li class="font-size-14 py-2">- Suivi Statistiques</li>
+                  </ul>
+                  
+                </div>
+                <!-- End Content -->
+              </div>
+              <!-- End Pricing -->
+            </div>
+
+            <div class="js-slide">
+              <!-- Pricing -->
+              <div class="card border-0">
+                <!-- Header -->
+                <header class="card-header text-center p-5">
+                  <h4 class="h4">De 4 à 9 vidéos</h4>
+                  
+                  <span class="d-block">
+                    <span class="display-4 text-dark">
+                      199€
+                    </span>
+                    <span class="d-block text-secondary font-size-14">par mois HT</span>
+                  </span>
+                </header>
+                <!-- End Header -->
+
+                <!-- Content -->
+                <div class="card-body p-5">
+                  <ul class="list-unstyled mb-4">
+                    <li class="font-size-14 py-2">- Création page entreprise</li>
+                    <li class="font-size-14 py-2">- Accès espace recruteur</li>
+                    <li class="font-size-14 py-2">- Mise en ligne de 4 à 9 vidéos
+                    offre d’emploi et Marque employeur</li>
+                    <li class="font-size-14 py-2">- Réception des candidatures en vidéo</li>
+                    <li class="font-size-14 py-2">- Gestion des candidatures</li>
+                    <li class="font-size-14 py-2">- Échanges vidéos avec les candidats</li>
+                    <li class="font-size-14 py-2">- Suivi Statistiques</li>
+                  </ul>
+                  
+                </div>
+                <!-- End Content -->
+              </div>
+              <!-- End Pricing -->
+            </div>
+
+            <div class="js-slide">
+              <!-- Pricing -->
+              <div class="card border-0">
+                <!-- Header -->
+                <header class="card-header text-center p-5">
+                  <h4 class="h4">Plus de 10 vidéos</h4>
+                  <span class="d-block">
+                    <span class="display-4 text-dark">
+                      Sur devis
+                    </span>
+                    <span class="d-block text-secondary font-size-14">&nbsp;</span>
+                  </span>
+                </header>
+                <!-- End Header -->
+
+                <!-- Content -->
+                <div class="card-body p-5">
+                  <ul class="list-unstyled mb-4">
+                    <li class="font-size-14 py-2">- Création page entreprise</li>
+                    <li class="font-size-14 py-2">- Accès espace recruteur</li>
+                    <li class="font-size-14 py-2">- Mise en ligne de 10 vidéos
+                    offre d’emploi et Marque employeur</li>
+                    <li class="font-size-14 py-2">- Réception des candidatures en vidéo</li>
+                    <li class="font-size-14 py-2">- Gestion des candidatures</li>
+                    <li class="font-size-14 py-2">- Échanges vidéos avec les candidats</li>
+                    <li class="font-size-14 py-2">- Suivi Statistiques</li>
+                  </ul>
+                  
+                </div>
+                <!-- End Content -->
+              </div>
+              <!-- End Pricing -->
+            </div>
+          </div>
+        </div>
+        <!-- End Individual -->
+
+        
+      </div>
+    </div>
+    <!-- End Pricing Section -->
+
+    <!-- Divider -->
+   <div class="container space-2-bottom">
+      <hr class="my-0">
+    </div>
+    <!-- End Divider -->
+    <!-- FAQ Section -->
+    <div class="container space-2-bottom">
+      <!-- Title -->
+      <div class="w-md-80 w-lg-60 text-center mx-md-auto mb-9">
+        <h3 class="h4">Vous souhaitez en savoir plus sur notre solution?</h3>
+      </div>
+      <!-- End Title -->
+      <div class="w-md-80 w-lg-60 text-center mx-md-auto mb-9">
+        <a href="https://blog.talentstube.com/contact"  target="_blank"><button type="button" class="btn btn-block btn-primary" >Contactez-nous</button></a>
+      </div>
+      
+    </div>
+    <!-- End FAQ Section -->
+
+    <!-- Divider -->
+    <div class="w-50 w-lg-35 mx-auto">
+      <hr class="my-0">
+    </div>
+    <!-- End Divider -->
+</main>
+<!-- ========== END MAIN CONTENT ========== -->
+
+{% include 'defaultv2/accueil/footer.html.twig' %}
+
+<!-- Begin Panel Login -->
+{% include 'defaultv2/accueil/blocLogin.html.twig'
+with {
+    'csrf_token': csrf_token,
+    'error' : error
+  } %}
+<!-- End Panel Login -->
+
+<!-- Go to Top -->
+<a class="js-go-to u-go-to" href="javascript:;" data-position='{"bottom": 30, "right": 100 }' data-type="fixed"
+  data-offset-top="400" data-compensation="#header" data-show-effect="slideInUp" data-hide-effect="slideOutDown">
+  <i class="fa fa-arrow-up u-go-to__inner"></i>
+</a>
+<!-- End Go to Top -->
+
+<!-- JS Global Compulsory -->
+<script src="{{ asset('v2/vendor/jquery/dist/jquery.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-migrate/dist/jquery-migrate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/popper.js/dist/umd/popper.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/bootstrap/bootstrap.min.js') }}"></script>
+
+<!-- JS Implementing Plugins -->
+<script src="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-validation/dist/jquery.validate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.legacy.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/typed.js/lib/typed.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/slick-carousel/slick/slick.js') }}"></script>
+<script src="{{ asset('v2/vendor/cubeportfolio/js/jquery.cubeportfolio.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/fancybox/jquery.fancybox.min.js') }}"></script>
+
+<!-- JS Space -->
+<script src="{{ asset('v2/js/hs.core.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.header.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.unfold.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.validation.js') }}"></script>
+<script src="{{ asset('v2/js/helpers/hs.focus-state.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.malihu-scrollbar.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.fancybox.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.modal-window.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.show-animation.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.slick-carousel.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.cubeportfolio.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.g-map.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.go-to.js') }}"></script>
+ <script src="{{ asset('v2/js/components/hs.video-player.js') }}"></script>
+
+  
+
+<!-- JS Plugins Init. -->
+<script>
+  // initialization of google map
+  {# function initMap() {
+    $.HSCore.components.HSGMap.init('.js-g-map');
+  } #}
+
+  $(window).on('load', function () {
+    // initialization of HSMegaMenu component
+    $('.js-mega-menu').HSMegaMenu({
+      event: 'hover',
+      pageContainer: $('.container'),
+      breakpoint: 767,
+      hideTimeOut: 0
+    });
+  });
+
+  $(document).on('ready', function () {
+    // initialization of header
+    $.HSCore.components.HSHeader.init($('#header'));
+
+    // initialization of fancybox
+    $.HSCore.components.HSFancyBox.init('.js-fancybox');
+
+    // initialization of unfold component
+    $.HSCore.components.HSUnfold.init($('[data-unfold-target]'), {
+      afterOpen: function () {
+        if (!$('body').hasClass('IE11')) {
+          $(this).find('input[type="search"]').focus();
+        }
+      }
+    });
+
+    // initialization of form validation
+    $.HSCore.components.HSValidation.init('.js-validate', {
+      rules: {
+        confirmPassword: {
+          equalTo: '#password'
+        }
+      }
+    });
+
+    // initialization of forms
+    $.HSCore.helpers.HSFocusState.init();
+
+    // initialization of malihu scrollbar
+    $.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar'));
+
+    // initialization of autonomous popups
+    $.HSCore.components.HSModalWindow.init('[data-modal-target]', '.js-signup-modal', {
+      autonomous: true
+    });
+
+    // initialization of show animations
+    $.HSCore.components.HSShowAnimation.init('.js-animation-link');
+
+    // initialization of slick carousel
+    $.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
+
+     // initialization of video player
+    $.HSCore.components.HSVideoPlayer.init('.js-inline-video-player');
+
+    // initialization of text animation (typing)
+    $('.u-text-animation.u-text-animation').html("");
+    // initialization of text animation (typing)
+    var typed = new Typed(".u-text-animation.u-text-animation--typing", {
+      strings: ["Attirez des talents", "Valorisez vos collaborateurs", "Dévoilez vos métiers "],
+      typeSpeed: 60,
+      loop: true,
+      backSpeed: 25,
+      backDelay: 3000
+    });
+
+    // initialization of cubeportfolio
+    $.HSCore.components.HSCubeportfolio.init('.cbp');
+
+    // initialization of go to
+    $.HSCore.components.HSGoTo.init('.js-go-to');
+
+    
+  });
+
+
+  $(document).ready(function () {
+    $(window).scroll(function () { // check if scroll event happened
+      if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
+        $("#logoAndNav").css("background-color","#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
+        $("#sidebarNavToggler").css("color","#fff");
+      } else {
+        $("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
+        $("#sidebarNavToggler").css("color", "#000");
+      }
+    });
+  });
+</script>
+
+{% endblock %}
+
+{% block javascripts %}
+{{ parent() }}
+<script src="https://player.vimeo.com/api/player.js"></script>
+{% endblock %}
@@ -1,26 +0,0 @@
-{% for vid in videos %}
-    <div class="col s3">
-        <div class="card z-depth-1 card-video">
-            {#<div class="card-title-video">#}
-            {#<div class="row row-noMargin">#}
-            {#<div class="col s12 col-infos">#}
-            {#<div class="truncate">#}
-            {#{{ vid.title }}#}
-            {#</div>#}
-            {#</div>#}
-            {#</div>#}
-            {#</div>#}
-            <div class="card-image">
-                <iframe src="https://player.vimeo.com{{ vid.getCdnUrl()|replace({ "videos": "video"}) }}"
-                        width="100%" height="auto" frameborder="0" webkitallowfullscreen
-                        mozallowfullscreen allowfullscreen></iframe>
-            </div>
-            <a class="card-button addExistingVideo tooltipped" data-position="top"
-               data-tooltip="Choisir cette vidéo" href="#" data-title="{{ vid.getTitle() }}"
-               data-id="{{ vid.getId() }}">
-                {#<div class="w-100">Sélectionner</div>#}
-                <div class="w-100 truncate"><i class="fa fa-angle-double-right" aria-hidden="true"></i> {{ vid.title }}</div>
-            </a>
-        </div>
-    </div>
-{% endfor %}
@@ -1,110 +1,530 @@
-<!doctype html>
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <title></title>
-    <!--[if !mso]><!-->
-    <style type="text/css">
-        @import url(https://fonts.googleapis.com/css?family=Raleway);
-    </style>
-    <style type="text/css">
-        @media only screen and (max-width:480px) {
-            @-ms-viewport { width:320px; }
-            @viewport { width:320px; }
-        }
-    </style>
-    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css">
-    <style type="text/css">
-        *{
-            font-family: 'Raleway';
-        }
-        #outlook a { padding: 0; }
-        .ReadMsgBody { width: 100%; }
-        .ExternalClass { width: 100%; }
-        .ExternalClass * { line-height:100%; }
-        body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
-        table, td { border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
-        img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; }
-        p {
-            display: block;
-            margin: 13px 0;
-        }
-        .btn-default {
-            padding: 12px 30px;
-            border-radius: 30px;
-            height: 48px;
-            line-height: 48px;
-            background: #1689fb;
-            font-size: 16px;
-            color: #FFF;
-            text-decoration: none;
-        }
-        .btn-white {
-            background: #FFF;
-            color: #1689fb;
-            border: 1px solid #1689fb;
-            padding: 10px 29px;
-        }
+    <!doctype html>
+    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
+        xmlns:o="urn:schemas-microsoft-com:office:office">

-    </style>
+    <head>
+        <title>
+            Réinitialisation de votre mot de passe Talents Tube
+        </title>
+        <!--[if !mso]><!-- -->
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <!--<![endif]-->
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <style type="text/css">
+            #outlook a {
+                padding: 0;
+            }

-    <!--<![endif]-->
-    <style type="text/css">
-        @media only screen and (min-width:480px) {
-            .mj-column-per-100, * [aria-labelledby="mj-column-per-100"] { width:100%!important; }
-        }</style></head>
-<body id="YIELD_MJML" style="background: #F2F2F2;font-family:'Raleway';"><div class="mj-body" style="background-color:#F2F2F2;"><!--[if mso]>
-    <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"><tr><td>
-    <![endif]--><div style="margin:0 auto;max-width:600px;background:#F2F2F2;"><table class="" cellpadding="0" cellspacing="0" style="width:100%;font-size:0px;background:#F2F2F2;" align="center"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:0px;"><!--[if mso]>
-                    <table border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;">
-                    </td></tr></table>
-                    <![endif]--></td></tr></tbody></table></div><!--[if mso]>
-    </td></tr></table>
-    <![endif]-->
-    <!--[if mso]>
-    <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"><tr><td>
-    <![endif]--><div style="margin:0 auto;max-width:600px;background:#F2F2F2;"><table class="" cellpadding="0" cellspacing="0" style="width:100%;font-size:0px;background:#F2F2F2;" align="center"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:22px 0;"><!--[if mso]>
-                    <table border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;">
-                    <![endif]--><div style="vertical-align:top;display:inline-block;font-size:13px;text-align:left;width:100%;" class="mj-column-per-100" aria-labelledby="mj-column-per-100"><table width="100%"><tbody><tr><td style="font-size:0;padding:0px;" align="center"><table cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;" align="center"><tbody><tr><td><a href="http://www.talentstube.com/"><img alt="Talents Tube" src="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" style="border:none;display:block;outline:none;text-decoration:none;width:100%;max-width:150px;height:auto;" width="150" height="auto"></a></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso]>
-                    </td></tr></table>
-                    <![endif]--></td></tr></tbody></table></div><!--[if mso]>
-    </td></tr></table>
-    <![endif]-->
-    <!--[if mso]>
+            body {
+                margin: 0;
+                padding: 0;
+                -webkit-text-size-adjust: 100%;
+                -ms-text-size-adjust: 100%;
+            }

-    <!--[if mso]>
-    <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"><tr><td>
-    <![endif]--><div style="margin:0 auto;max-width:600px;background:#FFFFFF;"><table class="" cellpadding="0" cellspacing="0" style="width:100%;font-size:0px;background:#FFFFFF;" align="center"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:0px;"><!--[if mso]>
-                    <table border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;">
-                    <![endif]--><div style="vertical-align:top;display:inline-block;font-size:13px;text-align:left;width:100%;" class="mj-column-per-100" aria-labelledby="mj-column-per-100"><table width="100%"><tbody><tr><td style="font-size:0;padding:20px 35px 20px 35px;" align="left"><div class="mj-content" style="cursor:auto;color:#534F4F;font-family:Raleway;font-size:14px;line-height:22px;">
-                                        {% block content %}{% endblock %}<!--[if mso]>
-                    </td></tr></table>
-                    <![endif]--></td></tr></tbody></table></div><!--[if mso]>
-    </td></tr></table>
-    <![endif]-->
-    <!--[if mso]>
-    <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"><tr><td>
-    <![endif]--><div style="margin:0 auto;max-width:600px;background:#FFFFFF;"><table class="" cellpadding="0" cellspacing="0" style="width:100%;font-size:0px;background:#FFFFFF;" align="center"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:0px;"><!--[if mso]>
-                    <table border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;">
-                    <![endif]--><div style="vertical-align:top;display:inline-block;font-size:13px;text-align:left;width:100%;" class="mj-column-per-100" aria-labelledby="mj-column-per-100"><table width="100%"><tbody><tr><td style="font-size:0;padding:0px 35px 0px 35px;" align="center"><div class="mj-content" style="cursor:auto;color:#534F4F;font-family:Raleway;font-size:14px;line-height:22px;"><p>Suivez-nous&nbsp;!</p>
-                                        <p>
-                                            <a style="margin:10px 20px 22px 20px;" href="https://www.facebook.com/TalentsTuber/"><img src="{{ absolute_url(asset('img/mail/facebook.png')) }}" alt="Facebook"></a>
-                                            <a style="margin:10px 20px 22px 20px;" href="https://twitter.com/TalentsTuber"><img src="{{ absolute_url(asset('img/mail/twitter.png')) }}" alt="Twitter"></a>
-                                            <a style="margin:10px 20px 22px 20px;" href="https://www.linkedin.com/company/talentstube"><img src="{{ absolute_url(asset('img/mail/linkedin.png')) }}" alt="LinkedIn"></a>
-                                        </p></div></td></tr></tbody></table></div><!--[if mso]>
-                    </td></tr></table>
-                    <![endif]--></td></tr></tbody></table></div><!--[if mso]>
-    </td></tr></table>
-    <![endif]-->
-    <!--[if mso]>
-    <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"><tr><td>
-    <![endif]--><div style="margin:0 auto;max-width:600px;background:#F2F2F2;"><table class="" cellpadding="0" cellspacing="0" style="width:100%;font-size:0px;background:#F2F2F2;" align="center"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:0px;"><!--[if mso]>
-                    <table border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;">
-                    <![endif]--><div style="vertical-align:top;display:inline-block;font-size:13px;text-align:left;width:100%;" class="mj-column-per-100" aria-labelledby="mj-column-per-100"><table width="100%"><tbody><tr><td style="font-size:0;padding:20px 35px 20px 35px;" align="center"><div class="mj-content" style="cursor:auto;color:#7E7878;font-family:Raleway;font-size:14px;line-height:22px;"><p style="font-weight:bold;">Talents Tube</p>
-                                        <p>Place Albert Einstein 6 Le Prisme CP60 PIBS 6 CS 72001 - 56038 VANNES</p>
-                                        <p><a style="text-decoration:none;color:#7E7878;font-weight:bold;" href="mailto:contact@talentstube.com">contact@talentstube.com</a></p></div></td></tr></tbody></table></div><!--[if mso]>
-                    </td></tr></table>
-                    <![endif]--></td></tr></tbody></table></div><!--[if mso]>
-    </td></tr></table>
-    <![endif]--></div></body>
-</html>
+            table,
+            td {
+                border-collapse: collapse;
+                mso-table-lspace: 0pt;
+                mso-table-rspace: 0pt;
+            }
+
+            img {
+                border: 0;
+                height: auto;
+                line-height: 100%;
+                outline: none;
+                text-decoration: none;
+                -ms-interpolation-mode: bicubic;
+            }
+
+            p {
+                display: block;
+                margin: 13px 0;
+            }
+        </style>
+        <!--[if mso]>
+        <xml>
+        <o:OfficeDocumentSettings>
+          <o:AllowPNG/>
+          <o:PixelsPerInch>96</o:PixelsPerInch>
+        </o:OfficeDocumentSettings>
+        </xml>
+        <![endif]-->
+        <!--[if lte mso 11]>
+        <style type="text/css">
+          .mj-outlook-group-fix { width:100% !important; }
+        </style>
+        <![endif]-->
+
+        <!--[if !mso]><!-->
+        <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet" type="text/css">
+        <style type="text/css">
+            @import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
+        </style>
+        <!--<![endif]-->
+
+
+
+        <style type="text/css">
+            @media only screen and (min-width:480px) {
+                .mj-column-per-100 {
+                    width: 100% !important;
+                    max-width: 100%;
+                }
+            }
+        </style>
+        <style type="text/css">
+            [owa] .mj-column-per-100 {
+                width: 100% !important;
+                max-width: 100%;
+            }
+        </style>
+
+        <style type="text/css">
+            @media only screen and (max-width:480px) {
+                table.mj-full-width-mobile {
+                    width: 100% !important;
+                }
+
+                td.mj-full-width-mobile {
+                    width: auto !important;
+                }
+            }
+        </style>
+
+
+    </head>
+
+    <body style="background-color:#f3f3f4;">
+
+
+        <div style="background-color:#f3f3f4;">
+
+
+            <!--[if mso | IE]>
+      <table
+         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
+      >
+        <tr>
+          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
+      <![endif]-->
+
+
+            <div style="margin:0px auto;max-width:600px;">
+
+                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
+                    style="width:100%;">
+                    <tbody>
+                        <tr>
+                            <td
+                                style="border:0px solid #ffffff;direction:ltr;font-size:0px;padding:15px 0px 15px 0px;padding-bottom:15px;padding-left:0px;padding-right:0px;padding-top:15px;text-align:center;">
+                                <!--[if mso | IE]>
+                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
+                
+        <tr>
+      
+            <td
+               class="" style="vertical-align:top;width:600px;"
+            >
+          <![endif]-->
+
+                                <div class="mj-column-per-100 mj-outlook-group-fix"
+                                    style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+
+                                    <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                                        style="vertical-align:top;" width="100%">
+
+                                        <tr>
+                                            <td align="center"
+                                                style="font-size:0px;padding:10px 25px 10px 25px;padding-right:25px;padding-left:25px;word-break:break-word;">
+
+                                                <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                                                    style="border-collapse:collapse;border-spacing:0px;">
+                                                    <tbody>
+                                                        <tr>
+                                                            <td style="width:150px;">
+
+                                                                <a href="https://www.talentstube.com/" target="_blank">
+
+                                                                    <img alt="Talents Tube, plateforme pour l'emploi en vidéo."
+                                                                        height="auto"
+                                                                        src="https://izq1.mjt.lu/tplimg/izq1/b/0644g/gvziq.png"
+                                                                        style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                                                        title="" width="150" />
+
+                                                                </a>
+
+                                                            </td>
+                                                        </tr>
+                                                    </tbody>
+                                                </table>
+
+                                            </td>
+                                        </tr>
+
+                                    </table>
+
+                                </div>
+
+                                <!--[if mso | IE]>
+            </td>
+          
+        </tr>
+      
+                  </table>
+                <![endif]-->
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+
+            </div>
+
+
+            <!--[if mso | IE]>
+          </td>
+        </tr>
+      </table>
+      
+      <table
+         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
+      >
+        <tr>
+          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
+      <![endif]-->
+
+
+            <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
+
+                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
+                    style="background:#ffffff;background-color:#ffffff;width:100%;">
+                    <tbody>
+                        <tr>
+                            <td
+                                style="border:0px solid #ffffff;direction:ltr;font-size:0px;padding:20px 0px 20px 0px;padding-left:0px;padding-right:0px;text-align:center;">
+                                <!--[if mso | IE]>
+                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
+                
+        <tr>
+      
+            <td
+               class="" style="vertical-align:top;width:600px;"
+            >
+          <![endif]-->
+
+                                <div class="mj-column-per-100 mj-outlook-group-fix"
+                                    style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+
+                                    {% block content %}{% endblock %}
+
+                                </div>
+
+                                <!--[if mso | IE]>
+            </td>
+          
+        </tr>
+      
+                  </table>
+                <![endif]-->
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+
+            </div>
+
+
+            <!--[if mso | IE]>
+          </td>
+        </tr>
+      </table>
+      
+      <table
+         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
+      >
+        <tr>
+          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
+      <![endif]-->
+
+
+            <div style="margin:0px auto;max-width:600px;">
+
+                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
+                    style="width:100%;">
+                    <tbody>
+                        <tr>
+                            <td
+                                style="border:0px solid #ffffff;direction:ltr;font-size:0px;padding:20px 0px 0px 0px;padding-bottom:0px;padding-left:0px;padding-right:0px;text-align:center;">
+                                <!--[if mso | IE]>
+                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
+                
+        <tr>
+      
+            <td
+               class="" style="vertical-align:top;width:600px;"
+            >
+          <![endif]-->
+
+                                <div class="mj-column-per-100 mj-outlook-group-fix"
+                                    style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+
+                                    <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                                        style="vertical-align:top;" width="100%">
+
+                                        <tr>
+                                            <td align="left"
+                                                style="font-size:0px;padding:0px 0px 0px 0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
+
+                                                <div
+                                                    style="font-family:Arial, sans-serif;font-size:13px;letter-spacing:normal;line-height:1;text-align:left;color:#000000;">
+                                                    <p
+                                                        style="text-align: center; margin: 10px 0; margin-top: 10px; margin-bottom: 10px;">
+                                                        <span
+                                                            style="text-align:center;font-size:13px;letter-spacing:normal;text-align:left;color:#1E2327;font-family:Arial;">REJOIGNEZ
+                                                            LA COMMUNAUTÉ</span></p>
+                                                </div>
+
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td align="center"
+                                                style="background:transparent;font-size:0px;padding:0px 0px 25px 0px;padding-top:0px;padding-right:0px;padding-bottom:25px;padding-left:0px;word-break:break-word;">
+
+
+                                                <!--[if mso | IE]>
+      <table
+         align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
+      >
+        <tr>
+      
+              <td>
+            <![endif]-->
+                                                <table align="center" border="0" cellpadding="0" cellspacing="0"
+                                                    role="presentation" style="float:none;display:inline-table;">
+
+                                                    <tr>
+                                                        <td style="padding:4px;">
+                                                            <table border="0" cellpadding="0" cellspacing="0"
+                                                                role="presentation"
+                                                                style="background:#1689fb;border-radius:50%;width:21;">
+                                                                <tr>
+                                                                    <td
+                                                                        style="padding:5px 5px 5px 5px;font-size:0;height:21;vertical-align:middle;width:21;">
+                                                                        <a href="https://www.youtube.com/channel/UCRNqiJCLAorO0aCzNQu-8ww"
+                                                                            target="_blank">
+                                                                            <img height="21"
+                                                                                src="https://www.mailjet.com/images/theme/v1/icons/ico-social/youtube.png"
+                                                                                style="border-radius:50%;display:block;"
+                                                                                width="21" />
+                                                                        </a>
+                                                                    </td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+
+                                                    </tr>
+
+                                                </table>
+                                                <!--[if mso | IE]>
+              </td>
+            
+              <td>
+            <![endif]-->
+                                                <table align="center" border="0" cellpadding="0" cellspacing="0"
+                                                    role="presentation" style="float:none;display:inline-table;">
+
+                                                    <tr>
+                                                        <td style="padding:4px;">
+                                                            <table border="0" cellpadding="0" cellspacing="0"
+                                                                role="presentation"
+                                                                style="background:#1689fb;border-radius:50%;width:21;">
+                                                                <tr>
+                                                                    <td
+                                                                        style="padding:5px 5px 5px 5px;font-size:0;height:21;vertical-align:middle;width:21;">
+                                                                        <a href="https://www.linkedin.com/company/talentstube"
+                                                                            target="_blank">
+                                                                            <img height="21"
+                                                                                src="https://www.mailjet.com/images/theme/v1/icons/ico-social/linkedin.png"
+                                                                                style="border-radius:50%;display:block;"
+                                                                                width="21" />
+                                                                        </a>
+                                                                    </td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+
+                                                    </tr>
+
+                                                </table>
+                                                <!--[if mso | IE]>
+              </td>
+            
+              <td>
+            <![endif]-->
+                                                <table align="center" border="0" cellpadding="0" cellspacing="0"
+                                                    role="presentation" style="float:none;display:inline-table;">
+
+                                                    <tr>
+                                                        <td style="padding:4px;">
+                                                            <table border="0" cellpadding="0" cellspacing="0"
+                                                                role="presentation"
+                                                                style="background:#1689fb;border-radius:50%;width:21;">
+                                                                <tr>
+                                                                    <td
+                                                                        style="padding:5px 5px 5px 5px;font-size:0;height:21;vertical-align:middle;width:21;">
+                                                                        <a href="https://www.facebook.com/TalentsTuber/"
+                                                                            target="_blank">
+                                                                            <img height="21"
+                                                                                src="https://www.mailjet.com/images/theme/v1/icons/ico-social/facebook.png"
+                                                                                style="border-radius:50%;display:block;"
+                                                                                width="21" />
+                                                                        </a>
+                                                                    </td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+
+                                                    </tr>
+
+                                                </table>
+                                                <!--[if mso | IE]>
+              </td>
+            
+              <td>
+            <![endif]-->
+                                                <table align="center" border="0" cellpadding="0" cellspacing="0"
+                                                    role="presentation" style="float:none;display:inline-table;">
+
+                                                    <tr>
+                                                        <td style="padding:4px;">
+                                                            <table border="0" cellpadding="0" cellspacing="0"
+                                                                role="presentation"
+                                                                style="background:#1689fb;border-radius:50%;width:21;">
+                                                                <tr>
+                                                                    <td
+                                                                        style="padding:5px 5px 5px 5px;font-size:0;height:21;vertical-align:middle;width:21;">
+                                                                        <a href="https://www.instagram.com/talents.tube/"
+                                                                            target="_blank">
+                                                                            <img height="21"
+                                                                                src="https://www.mailjet.com/images/theme/v1/icons/ico-social/instagram.png"
+                                                                                style="border-radius:50%;display:block;"
+                                                                                width="21" />
+                                                                        </a>
+                                                                    </td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+
+                                                    </tr>
+
+                                                </table>
+                                                <!--[if mso | IE]>
+              </td>
+            
+              <td>
+            <![endif]-->
+                                                <table align="center" border="0" cellpadding="0" cellspacing="0"
+                                                    role="presentation" style="float:none;display:inline-table;">
+
+                                                    <tr>
+                                                        <td style="padding:4px;">
+                                                            <table border="0" cellpadding="0" cellspacing="0"
+                                                                role="presentation"
+                                                                style="background:#1689fb;border-radius:50%;width:21;">
+                                                                <tr>
+                                                                    <td
+                                                                        style="padding:5px 5px 5px 5px;font-size:0;height:21;vertical-align:middle;width:21;">
+                                                                        <a href="https://twitter.com/TalentsTuber"
+                                                                            target="_blank">
+                                                                            <img height="21"
+                                                                                src="https://www.mailjet.com/images/theme/v1/icons/ico-social/twitter.png"
+                                                                                style="border-radius:50%;display:block;"
+                                                                                width="21" />
+                                                                        </a>
+                                                                    </td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+
+                                                    </tr>
+
+                                                </table>
+                                                <!--[if mso | IE]>
+              </td>
+            
+          </tr>
+        </table>
+      <![endif]-->
+
+
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <td align="left"
+                                                style="font-size:0px;padding:0px 25px 0px 25px;padding-top:0px;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+
+                                                <div
+                                                    style="font-family:Arial, sans-serif;font-size:13px;letter-spacing:normal;line-height:1;text-align:left;color:#000000;">
+                                                    <p class="text-build-content"
+                                                        style="text-align: center; margin: 10px 0; margin-top: 10px;"
+                                                        data-testid="51OayorMO"><a class="link-build-content"
+                                                            style="color:inherit;; text-decoration: none;"
+                                                            target="_blank"
+                                                            href="https://www.talentstube.com/Confidentialite"><span
+                                                                style="color:#4B4F52;font-family:Arial;font-size:13px;line-height:20px;"><u>Confidentialité</u></span></a><span
+                                                            style="color:#4B4F52;font-family:Roboto;font-size:13px;line-height:20px;">
+                                                            | </span><a class="link-build-content"
+                                                            style="color:inherit;; text-decoration: none;"
+                                                            target="_blank" href="https://www.talentstube.com/Cgu"><span
+                                                                style="color:#4B4F52;font-family:Arial;font-size:13px;line-height:20px;"><u>CGU</u></span></a>
+                                                    </p>
+                                                    <p class="text-build-content"
+                                                        style="text-align: center; margin: 10px 0; margin-bottom: 10px;"
+                                                        data-testid="51OayorMO"><span
+                                                            style="color:#4B4F52;font-family:Roboto;font-size:13px;line-height:20px;">Talents
+                                                            Tube, 3 rue Louis de Broglie, 56000 Vannes, France</span>
+                                                    </p>
+                                                </div>
+
+                                            </td>
+                                        </tr>
+
+                                    </table>
+
+                                </div>
+
+                                <!--[if mso | IE]>
+            </td>
+          
+        </tr>
+      
+                  </table>
+                <![endif]-->
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+
+            </div>
+
+
+            <!--[if mso | IE]>
+          </td>
+        </tr>
+      </table>
+      <![endif]-->
+
+
+        </div>
+
+    </body>
+
+    </html>
+
+
+
+    
@@ -12,40 +12,44 @@
        <br />
        Bonjour {{ user.firstname }} {{ user.lastname }},<br /><br />
        <strong>Vous avez reçu une réponse vidéo de l’entreprise {{ message.sender.company.brandname }}.</strong><br />
-        Découvez la réponse vidéo en cliquant sur le bouton ci-dessous.
+        Découvrez la réponse vidéo en cliquant sur le bouton ci-dessous.
        <br/>
        <br/>
        <div style="text-align:center;">
            {% if answer.ad.alias is null %}
-                <a class="btn btn-default" href="{{ absolute_url(path('talent_ad_detail',{'alias': aliasCompany,'id': answer.id })) }}">Visionner la réponse</a>
+                {# <a class="btn btn-default" href="{{ absolute_url(path('talent_ad_detail',{'alias': aliasCompany,'id': answer.id })) }}">Visionner la réponse</a> #}
+                <a class="btn btn-default" href="https://www.talentstube.com">Consulter la réponse</a>
            {% else %}
-                <a class="btn btn-default" href="{{ absolute_url(path('talent_ad_detail',{'alias': answer.ad.alias,'id': answer.id })) }}">Visionner la réponse</a>
+                {# <a class="btn btn-default" href="{{ absolute_url(path('talent_ad_detail',{'alias': answer.ad.alias,'id': answer.id })) }}">Visionner la réponse</a> #}
+                <a class="btn btn-default" href="https://www.talentstube.com">Consulter la réponse</a>    
            {% endif %}
        </div>
        {% else %}
        <br />
        Bonjour {{ user.firstname }} {{ user.lastname }},<br /><br />
        <strong>Vous avez reçu une réponse de l’entreprise {{ message.sender.company.brandname }}.</strong><br />
-        Découvez la réponse en cliquant sur le bouton ci-dessous.
+        Découvrez la réponse en cliquant sur le bouton ci-dessous.
        <br/>
        <br/>
        <div style="text-align:center;">
            {% if answer.ad.alias is null %}
-                <a class="btn btn-default" href="{{ absolute_url(path('talent_ad_detail',{'alias': aliasCompany,'id': answer.id })) }}">Consulter la réponse</a>
+                {# <a class="btn btn-default" href="{{ absolute_url(path('talent_ad_detail',{'alias': aliasCompany,'id': answer.id })) }}">Consulter la réponse</a> #}
+                <a class="btn btn-default" href="https://www.talentstube.com">Consulter la réponse</a>
            {% else %}
-                <a class="btn btn-default" href="{{ absolute_url(path('talent_ad_detail',{'alias': answer.ad.alias,'id': answer.id })) }}">Consulter la réponse</a>
+                {# <a class="btn btn-default" href="{{ absolute_url(path('talent_ad_detail',{'alias': answer.ad.alias,'id': answer.id })) }}">Consulter la réponse</a> #}
+                <a class="btn btn-default" href="https://www.talentstube.com">Consulter la réponse</a>
            {% endif %}
        </div>
        {% endif %}
        <br>
-        <strong>Vous souhaitez contacter l’entreprise ?</strong><br /><br />
+        {# <strong>Vous souhaitez contacter l’entreprise ?</strong><br /><br />
        Cliquez sur le bouton ci-dessous pour envoyer un email à la personne en charge du recrutement.
        <br/>
        <br/>
        <div style="text-align:center;">
            <a class="btn-default btn-white" href="mailto:{{ message.sender.email }}">Répondre à {{ message.sender.firstname }}  {{ message.sender.lastname }}</a>
        </div>
-        <br />
+        <br /> #}
        <br />
        L’équipe Talents Tube
    {% elseif type == 'plain' %}
@@ -2,16 +2,136 @@

 {% block body_text %}
    {% autoescape false %}
-    Bonjour {{ user.firstname }} {{ user.lastname }},
+    <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">

-   
-    Nous avons reçu une demande de changement de mot de passe pour votre compte Talents Tube.
-    Si vous n'avez pas fait cette demande, veuillez ignorez cet e-mail. 
-    Dans le cas contraire, veuillez cliquer sur le lien ci-dessous pour changer votre mot de passe :
+        <tr>
+            <td align="left"
+                style="font-size:0px;padding:0px 25px 0px 25px;padding-top:0px;padding-bottom:0px;word-break:break-word;">

-    {{ confirmationUrl }}
+                <div
+                    style="font-family:Arial, sans-serif;font-size:22px;letter-spacing:normal;line-height:1;text-align:left;color:#000000;">
+                    <h1 class="text-build-content" data-testid="1ZA4EV9FdGR"
+                        style="margin-top: 10px; margin-bottom: 10px; font-weight: normal;">
+                        <span style="color:#000000;font-family:Roboto;font-size:22px;"><b>Bonjour
+                                {{ user.firstname }} {{ user.lastname }},</b></span></h1>
+                </div>

-    L'équipe de talentstube.com
+            </td>
+        </tr>
+
+        <tr>
+            <td align="left"
+                style="font-size:0px;padding:0px 25px 0px 25px;padding-top:0px;padding-bottom:0px;word-break:break-word;">
+
+                <div
+                    style="font-family:Arial, sans-serif;font-size:14px;letter-spacing:normal;line-height:1;text-align:left;color:#000000;">
+                    <p class="text-build-content" style="line-height: 24px; margin: 10px 0; margin-top: 10px;"
+                        data-testid="S-P6IScCbo-"><span style="color:#000000;font-family:Roboto;font-size:16px;">Vous
+                            avez demandé un nouveau mot de passe pour votre compte
+                            Talents Tube.</span></p>
+                    <p class="text-build-content" style="line-height: 24px; margin: 10px 0; margin-bottom: 10px;"
+                        data-testid="S-P6IScCbo-"><span style="color:#000000;font-family:Roboto;font-size:16px;">Cliquez
+                            sur le bouton ci-dessous pour changer votre mot de passe
+                            :</span></p>
+                </div>
+
+            </td>
+        </tr>
+
+        <tr>
+            <td style="font-size:0px;padding:0px;padding-top:0px;padding-bottom:0px;word-break:break-word;">
+
+                <div
+                    style="font-family:Arial, sans-serif;font-size:13px;letter-spacing:normal;line-height:1;color:#000000;">
+                    <div>
+                        <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+                        <div style="margin:0px auto;max-width:600px;">
+                            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
+                                style="width:100%;">
+                                <tbody>
+                                    <tr>
+                                        <td style="direction:ltr;font-size:0px;padding:10px 0;text-align:center;">
+                                            <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
+                                            <div class="mj-column-per-100 mj-outlook-group-fix"
+                                                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                                                <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                                                    style="vertical-align:top;" width="100%">
+                                                    <tr>
+                                                        <td align="center" vertical-align="middle"
+                                                            style="font-size:0px;padding:10px 25px;word-break:break-word;">
+                                                            <table border="0" cellpadding="0" cellspacing="0"
+                                                                role="presentation"
+                                                                style="border-collapse:separate;line-height:100%;">
+                                                                <tr>
+                                                                    <td align="center" bgcolor="#1689FB" role="presentation"
+                                                                        style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#1689FB;"
+                                                                        valign="middle">
+                                                                        <a href="{{ confirmationUrl }}"
+                                                                            style="display:inline-block;background:#1689FB;color:white;font-family:Roboto;font-size:15px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:14px 20px;mso-padding-alt:0px;border-radius:5px;; text-decoration: none;">Modifier
+                                                                            mon mot de
+                                                                            passe</a>
+                                                                    </td>
+                                                                </tr>
+                                                            </table>
+                                                        </td>
+                                                    </tr>
+                                                </table>
+                                            </div>
+                                            <!--[if mso | IE]></td></tr></table><![endif]-->
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                        <!--[if mso | IE]></td></tr></table><![endif]-->
+                    </div>
+                </div>
+
+            </td>
+        </tr>
+
+        <tr>
+            <td align="left"
+                style="background:#f3f9ff;font-size:0px;padding:0px 25px 0px 25px;padding-top:0px;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+
+                <div
+                    style="font-family:Arial, sans-serif;font-size:14px;letter-spacing:normal;line-height:1;text-align:left;color:#000000;">
+                    <p class="text-build-content" style="line-height: 22px; margin: 10px 0; margin-top: 10px;"
+                        data-testid="-KQrJGjLi"><span style="color:#000000;font-family:Roboto;font-size:14px;">Vous
+                            pouvez également copier-coller cette URL dans votre
+                            navigateur Internet.</span></p>
+                    <p class="text-build-content" style="line-height: 22px; margin: 10px 0; margin-bottom: 10px;"
+                        data-testid="-KQrJGjLi"><span
+                            style="color:#000000;font-family:Roboto;font-size:14px;">{{ confirmationUrl }}</span>
+                    </p>
+                </div>
+
+            </td>
+        </tr>
+
+        <tr>
+            <td align="left"
+                style="font-size:0px;padding:15px 25px 0px 25px;padding-top:15px;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+
+                <div
+                    style="font-family:Arial, sans-serif;font-size:13px;letter-spacing:normal;line-height:1;text-align:left;color:#000000;">
+                    <p class="text-build-content" data-testid="CMoJCeaZu" style="margin: 10px 0; margin-top: 10px;"><span
+                            style="color:#000000;font-family:Roboto;font-size:16px;line-height:24px;">Si
+                            vous n'avez pas demandé à changer de mot de passe, veuillez
+                            ignorer ce message.</span></p>
+                    <p class="text-build-content" data-testid="CMoJCeaZu" style="margin: 10px 0;">&nbsp;</p>
+                    <p class="text-build-content" data-testid="CMoJCeaZu" style="margin: 10px 0;"><span
+                            style="color:#000000;font-family:Roboto;font-size:16px;line-height:24px;">A
+                            très bientôt,</span></p>
+                    <p class="text-build-content" data-testid="CMoJCeaZu" style="margin: 10px 0; margin-bottom: 10px;"><span
+                            style="color:#000000;font-family:Roboto;font-size:16px;line-height:24px;">L'équipe
+                            Talents Tube</span></p>
+                </div>
+
+            </td>
+        </tr>
+
+    </table>
    {% endautoescape %}
 {% endblock %}

@@ -2,17 +2,135 @@


 {% block content %}
-<p>Bonjour {{ user.firstname }} {{ user.lastname }},</p>
+<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">

-<p>
-    Nous avons reçu une demande de changement de mot de passe pour votre compte Talents Tube.<br />
-    Si vous n'avez pas fait cette demande, veuillez ignorez cet e-mail.<br /> 
-    Dans le cas contraire, veuillez cliquer sur le lien ci-dessous pour changer votre mot de passe :<br /><br />
-    <a href="{{ confirmationUrl }}">Réinitialiser mon mot de passe</a>
-    <br /><br />
-    Vous pouvez également copier-coller cette URL dans votre navigateur Internet :
-    {{ confirmationUrl }}
-</p>
+    <tr>
+        <td align="left"
+            style="font-size:0px;padding:0px 25px 0px 25px;padding-top:0px;padding-bottom:0px;word-break:break-word;">
+
+            <div
+                style="font-family:Arial, sans-serif;font-size:22px;letter-spacing:normal;line-height:1;text-align:left;color:#000000;">
+                <h1 class="text-build-content" data-testid="1ZA4EV9FdGR"
+                    style="margin-top: 10px; margin-bottom: 10px; font-weight: normal;">
+                    <span style="color:#000000;font-family:Roboto;font-size:22px;"><b>Bonjour
+                            {{ user.firstname }} {{ user.lastname }},</b></span></h1>
+            </div>
+
+        </td>
+    </tr>
+
+    <tr>
+        <td align="left"
+            style="font-size:0px;padding:0px 25px 0px 25px;padding-top:0px;padding-bottom:0px;word-break:break-word;">
+
+            <div
+                style="font-family:Arial, sans-serif;font-size:14px;letter-spacing:normal;line-height:1;text-align:left;color:#000000;">
+                <p class="text-build-content" style="line-height: 24px; margin: 10px 0; margin-top: 10px;"
+                    data-testid="S-P6IScCbo-"><span style="color:#000000;font-family:Roboto;font-size:16px;">Vous
+                        avez demandé un nouveau mot de passe pour votre compte
+                        Talents Tube.</span></p>
+                <p class="text-build-content" style="line-height: 24px; margin: 10px 0; margin-bottom: 10px;"
+                    data-testid="S-P6IScCbo-"><span style="color:#000000;font-family:Roboto;font-size:16px;">Cliquez
+                        sur le bouton ci-dessous pour changer votre mot de passe
+                        :</span></p>
+            </div>
+
+        </td>
+    </tr>
+
+    <tr>
+        <td style="font-size:0px;padding:0px;padding-top:0px;padding-bottom:0px;word-break:break-word;">
+
+            <div
+                style="font-family:Arial, sans-serif;font-size:13px;letter-spacing:normal;line-height:1;color:#000000;">
+                <div>
+                    <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+                    <div style="margin:0px auto;max-width:600px;">
+                        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
+                            style="width:100%;">
+                            <tbody>
+                                <tr>
+                                    <td style="direction:ltr;font-size:0px;padding:10px 0;text-align:center;">
+                                        <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
+                                        <div class="mj-column-per-100 mj-outlook-group-fix"
+                                            style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                                            <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                                                style="vertical-align:top;" width="100%">
+                                                <tr>
+                                                    <td align="center" vertical-align="middle"
+                                                        style="font-size:0px;padding:10px 25px;word-break:break-word;">
+                                                        <table border="0" cellpadding="0" cellspacing="0"
+                                                            role="presentation"
+                                                            style="border-collapse:separate;line-height:100%;">
+                                                            <tr>
+                                                                <td align="center" bgcolor="#1689FB" role="presentation"
+                                                                    style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#1689FB;"
+                                                                    valign="middle">
+                                                                    <a href="{{ confirmationUrl }}"
+                                                                        style="display:inline-block;background:#1689FB;color:white;font-family:Roboto;font-size:15px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:14px 20px;mso-padding-alt:0px;border-radius:5px;; text-decoration: none;">Modifier
+                                                                        mon mot de
+                                                                        passe</a>
+                                                                </td>
+                                                            </tr>
+                                                        </table>
+                                                    </td>
+                                                </tr>
+                                            </table>
+                                        </div>
+                                        <!--[if mso | IE]></td></tr></table><![endif]-->
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <!--[if mso | IE]></td></tr></table><![endif]-->
+                </div>
+            </div>
+
+        </td>
+    </tr>
+
+    <tr>
+        <td align="left"
+            style="background:#f3f9ff;font-size:0px;padding:0px 25px 0px 25px;padding-top:0px;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+
+            <div
+                style="font-family:Arial, sans-serif;font-size:14px;letter-spacing:normal;line-height:1;text-align:left;color:#000000;">
+                <p class="text-build-content" style="line-height: 22px; margin: 10px 0; margin-top: 10px;"
+                    data-testid="-KQrJGjLi"><span style="color:#000000;font-family:Roboto;font-size:14px;">Vous
+                        pouvez également copier-coller cette URL dans votre
+                        navigateur Internet.</span></p>
+                <p class="text-build-content" style="line-height: 22px; margin: 10px 0; margin-bottom: 10px;"
+                    data-testid="-KQrJGjLi"><span
+                        style="color:#000000;font-family:Roboto;font-size:14px;">{{ confirmationUrl }}</span>
+                </p>
+            </div>
+
+        </td>
+    </tr>
+
+    <tr>
+        <td align="left"
+            style="font-size:0px;padding:15px 25px 0px 25px;padding-top:15px;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+
+            <div
+                style="font-family:Arial, sans-serif;font-size:13px;letter-spacing:normal;line-height:1;text-align:left;color:#000000;">
+                <p class="text-build-content" data-testid="CMoJCeaZu" style="margin: 10px 0; margin-top: 10px;"><span
+                        style="color:#000000;font-family:Roboto;font-size:16px;line-height:24px;">Si
+                        vous n'avez pas demandé à changer de mot de passe, veuillez
+                        ignorer ce message.</span></p>
+                <p class="text-build-content" data-testid="CMoJCeaZu" style="margin: 10px 0;">&nbsp;</p>
+                <p class="text-build-content" data-testid="CMoJCeaZu" style="margin: 10px 0;"><span
+                        style="color:#000000;font-family:Roboto;font-size:16px;line-height:24px;">A
+                        très bientôt,</span></p>
+                <p class="text-build-content" data-testid="CMoJCeaZu" style="margin: 10px 0; margin-bottom: 10px;"><span
+                        style="color:#000000;font-family:Roboto;font-size:16px;line-height:24px;">L'équipe
+                        Talents Tube</span></p>
+            </div>
+
+        </td>
+    </tr>
+
+</table>

-<p>L'équipe de talentstube.com</p>
 {% endblock %}
@@ -0,0 +1,230 @@
+{% extends "baseLanding.html.twig" %}
+{% block title %}Valorisez votre métier d'aide à domicile et recrutez grâce à la vidéo{% endblock %}
+{% block meta %}
+<meta name="description"
+  content="Vous souhaitez améliorer l'attractivité de votre métier ? Avec le recrutement vidéo, valorisez sa richesse réelle et recrutez des aides à domicile en vidéo.">
+<meta property="og:locale" content="fr_FR">
+<meta property="og:type" content="website">
+<meta property="og:title" content="Valorisez votre métier d'aide à domicile et recrutez grâce à la vidéo">
+<meta property="og:description"
+  content="Vous souhaitez améliorer l'attractivité de votre métier ? Avec le recrutement vidéo, valorisez sa richesse réelle et recrutez des aides à domicile en vidéo.">
+<meta property="og:url" content="https://recruteur.talentstube.com/recrutement-aide-a-domicile">
+<meta property="og:site_name" content="Talents Tube">
+<meta property="og:image"
+  content="https://recruteur.talentstube.com/landing/img/reussir-son-recrutement-aide-a-domicile-avec-la-video.jpg" />
+<meta name="twitter:card" content="summary_large_image" />
+{% endblock %}
+{% block modalCallToAction %}
+{{ parent() }}
+{% endblock %}
+{% block main %}
+<main>
+
+  <!--Header : Menu et Vidéo en fond-->
+  <header class="hero-section-aide-domicile">
+    <!--HTML5 Video-->
+    <video autoplay loop muted id="bgvid" poster="">
+      <source src="/landing/video/recrutement-aide-a-domicile.mp4" type="video/mp4" alt="Recrutement d'aide à domicile">
+      <!--Prévoir une image fixe pour la version mobile : main.css : 102-->
+    </video>
+
+    <!--HTML5 Video end-->
+    <div class="overlay"></div>
+    <div class="container">
+      <div class="row">
+        <div class="col-md-12">
+          <div class="logo-header" style="display:inline-block;">
+            <img src="/landing/img/talentstube-logo-blanc.svg" data-at2x="/landing/img/talentstube-logo-blanc@2x.svg"
+              alt="Talents Tube" class="logo-talentstube" style="width:150px">
+          </div>
+        </div>
+      </div>
+    </div>
+    <!--nav-->
+    <nav class="navbar-default">
+      <!-- clas="navbar"-->
+      <div class="container">
+        <div class="logo-brand">
+          <img src="https://blog.talentstube.com/wp-content/uploads/2021/02/TalentsTube-logo-blanc.svg"
+            data-at2x="https://blog.talentstube.com/wp-content/uploads/2021/02/TalentsTube-logo-blanc.svg"
+            alt="Talents Tube, plateforme de recrutement en vidéo" class="logo-head">
+        </div>
+        <!--<div class="navbar-header">
+                      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar-collapse-1"> 
+                          <span class="sr-only">Toggle navigation</span> 
+                          <span class="icon-bar"></span>
+                            <span class="icon-bar"></span>
+                            <span class="icon-bar"></span> 
+                      </button>
+                  </div>-->
+        <div class="collapse navbar-collapse" id="bs-navbar-collapse-1">
+          <div class="row">
+            <div class="logo-header" style="display:inline-block;">
+              <img src="https://blog.talentstube.com/wp-content/uploads/2021/02/talents-tube-logo-color.svg'"
+                data-at2x="https://blog.talentstube.com/wp-content/uploads/2021/02/talents-tube-logo-color.svg"
+                alt="Talents Tube" class="logo-nav">
+            </div>
+            <ul class="nav navbar-nav navbar-right">
+              <li>
+                <div class="mj-w-button mj-w-btn bttn" data-toggle="modal" data-target="#exampleModal">Demander un
+                  rendez-vous</div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </nav>
+    <!--nav end-->
+
+    <div class="container">
+      <div class="row">
+        <div class="col-md-12">
+          <!--welcome-message-->
+          <div class="welcome-message">
+            <h1>Comment réussir son recrutement d'aide à domicile ?</h1>
+            <p>Vous recevez des candidatures qui ne répondent pas à votre besoin ?</p>
+            <p>Vous en avez assez de refuser des prises en charge, faute de salariés ?</p>
+            <p>Vous voulez recruter vos aides à domicile autrement ?</p><br>
+            <p>Choisissez Talents Tube, la plateforme pour l'emploi 100% vidéo !</p>
+          </div>
+          <!--welcome-message end-->
+          <div class=" video-header">
+            <button class="bttn" data-toggle="modal" data-target="#exampleModal">Demander un rendez-vous</button>
+
+          </div>
+        </div>
+      </div>
+    </div>
+  </header>
+  <!--Header end-->
+  <!--about 1-->
+  <section class="about section-spacing-little" style="margin-top:20px">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-5 bloc-gauche-1"> <img src="/landing/img/secteur-aide-domicile-peine-a-recruter.jpg"
+            alt="Le secteur de l'aide à domicile peine à recruter" data-no-retina> </div>
+        <div class="col-md-7 bloc-droit-1" style="padding: 2em 4em;">
+          <h2>Les difficultés de recrutement d'aide à domicile freinent votre développement ?</h2>
+          <p>Vous n'êtes pas les seuls à chercher des solutions originales pour attirer et recruter de nouveaux
+            candidats, c'est un constat partagé : l'aide à domicile peine à recruter. <strong>Une structure sur cinq
+              doit refuser des prises en charge, faute de salariés</strong> !
+            Sous financée et avec des besoins en recrutement d'aide à domicile de plus en plus importants, votre
+            structure déplore <strong>des emplois qui ne trouvent pas de candidats</strong>. Pour cause, votre
+            <strong>métier méconnu, souvent dévalorisé</strong> ne séduit pas les candidats potentiels. Il existe un
+            décalage entre les préjugés et la réalité du métier.
+
+            <p><b>Mais comment recruter des aides à domicile ?</b></p>
+
+            <p>Pour attirer et réussir vos recrutements d'aide à domicile, <strong>vous devez communiquer, valoriser
+                votre métier</strong> : un métier varié, riche humainement et qui a du sens.</p>
+            <p>Et pour cela, quoi de mieux que <strong>la vidéo</strong> ?</p>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!--about end-->
+
+  <!--about 2-->
+  <section class="about section-spacing-little">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-7 bloc-droit-2" style="padding: 2em 4em;">
+          <h2>Publiez une offre d'emploi attractive pour réussir vos recrutements d'aide à domicile</h2>
+          <p>L'offre d'emploi vidéo est un projet fédérateur qui permet d'<strong>impliquer vos
+              collaborateurs</strong>. Ils sont <strong>fiers de pouvoir présenter le métier d'aide à
+              domicile</strong> et leur quotidien. Cette dynamique de recrutement <strong>participe à la valorisation
+              et à la reconnaissance</strong> de vos équipes.
+
+            <p><b>L'offre d'emploi vidéo pour attirer et recruter des aides à domicile</b> :</p>
+
+            <ul class="list-puces">
+              <li>Une occasion en or de <strong>montrer votre métier dans sa vérité</strong>, au dela des mots et des
+                descriptions convenues</li>
+              <li>Pas besoin d’une super video pour donner du corps et du sens à votre futur candidat</li>
+              <li><strong>Montrez votre entreprise et votre équipe</strong>, affichez votre esprit d’entreprise dans
+                une video dont votre équipe sera fière</li>
+            </ul>
+        </div>
+        <div class="col-md-5 bloc-gauche-2"> <img
+            src="/landing/img/reussir-son-recrutement-aide-a-domicile-avec-la-video.jpg"
+            alt="Réussir son recrutement d'aide à domicile avec la vidéo" data-no-retina> </div>
+      </div>
+    </div>
+  </section>
+  <!--about end-->
+
+  <!--about 3-->
+  <section class="about section-spacing-little">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-5 bloc-gauche-1"> <img src="/landing/img/candidatures-aide-a-domicile-en-video.jpg"
+            alt="Candidatures d'aide à domicile en vidéo" data-no-retina> </div>
+        <div class="col-md-7 bloc-droit-1" style="padding: 2em 4em;">
+          <h2>Recevez des candidatures d'aide à domicile uniques et authentiques </h2>
+          <p>Les compétences techniques ne sont pas le seul critère de recrutement.
+            Pour exercer le métier d'aide à domicile, <strong>les compétences humaines sont primordiales</strong> afin
+            d'assurer le bien-être et la satisfaction des bénéficiaires.</p>
+          <p><b>Mais comment détecter ces compétences sur un CV papier ? Impossible !</b></p>
+          <p>Ce qui différencie les candidats c'est l'amour des gens, une recherche de sens dans l'emploi et l'envie
+            de s'épanouir dans l'aide de l'autre. Autant d'<strong>éléments qui ne peuvent être exprimés sur une
+              feuille de papier</strong>.
+
+            <p><strong>Grâce à la candidature vidéo</strong>, découvrez qui se cache derrière le CV papier. Au déla
+              des compétences, <strong>rencontrez des personnalités</strong> !</p>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!--about end-->
+
+  <!--sponsor-->
+  <section class="sponsor section-spacing text-center">
+    <div class="container">
+      <header>
+        <h2>Ils ont recruté en vidéo, pourquoi pas vous ?</h2>
+        <h3>Ces entreprises des services à la personne, ont choisi Talents Tube pour recruter autrement !</h3>
+      </header>
+      <div class="row">
+        <div class="col-md-12">
+          <figure><img
+              src="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/58d59033851aa9d4d633cd895d794fcf.jpeg"
+              data-at2x="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/58d59033851aa9d4d633cd895d794fcf.jpeg"
+              alt="admr difficulté à recruter aide à domicile " width="100" height="32"></figure>
+          <figure><img
+              src="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/62206ab199713e2828e409f705b9ec9d.png"
+              data-at2x="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/62206ab199713e2828e409f705b9ec9d.png"
+              alt="onela difficultsé à recruter aide à domicile" width="100" height="100"></figure>
+        </div>
+      </div>
+
+    </div>
+  </section>
+  <!--sponsor end-->
+  <!--venue-->
+  <section class="venue section-spacing" id="venue_aideADomicile">
+    <div class="container">
+      <div class="row">
+        <div class="container text-center">
+          <div class="row">
+            <div class="col-md-12">
+              <!--goodbye-message-->
+              <div class="appel-action">
+                <h2>Demandez un RDV gratuitement</h2>
+                <p>Plus qu'une dernière étape avant de rendre le métier d'aide à domicile plus attractif.</p>
+                <p>Osez recruter autrement !</p>
+                <button class="bttn" data-toggle="modal" data-target="#exampleModal" style="margin-top:30px;">Demander
+                  un rendez-vous</button>
+              </div>
+              <!--goodbye-message end-->
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+</main>
+{% endblock %}
+
+{% block javascripts %}
+
+{% endblock %}
@@ -0,0 +1,242 @@
+{% extends "baseLanding.html.twig" %}
+{% block title %}Valorisez votre métier en tension et recrutez des candidats grâce à la vidéo{% endblock %}
+{% block meta %}
+<meta name="description" content="Votre métier est en tension ? Vous souhaitez améliorer son attractivité ? Avec le recrutement vidéo, valorisez votre métier et recevez des candidatures vidéo.">
+<meta property="og:locale" content="fr_FR">
+<meta property="og:type" content="website">
+<meta property="og:title" content="Valorisez votre métier en tension et recrutez des candidats grâce à la vidéo">
+<meta property="og:description" content="Votre métier est en tension ? Vous souhaitez améliorer son attractivité ? Avec le recrutement vidéo, valorisez votre métier et recevez des candidatures vidéo.">
+<meta property="og:url" content="https://recruteur.talentstube.com/metier-en-tension">
+<meta property="og:site_name" content="Talents Tube">
+<meta property="og:image" content="https://recruteur.talentstube.com/landing/img/secteur-aide-domicile-peine-a-recruter.jpg">
+<meta name="twitter:card" content="summary_large_image">
+{% endblock %}
+{% block modalCallToAction %}
+{{ parent() }}
+{% endblock %}
+{% block main %}
+<main>
+
+  <!--Header : Menu et Vidéo en fond-->
+  <header class="hero-section-metier-tension">
+    <!--HTML5 Video-->
+    <video autoplay loop muted id="bgvid" poster="">
+      <source src="/landing/video/metier-en-tension-montrez-vous.mp4" type="video/mp4"
+        alt="Métier en tension, montrez-vous !">
+      <!--Prévoir une image fixe pour la version mobile : main.css : 102-->
+    </video>
+
+    <!--HTML5 Video end-->
+    <div class="overlay"></div>
+    <div class="container">
+      <div class="row">
+        <div class="col-md-12">
+          <div class="logo-header" style="display:inline-block;">
+            <img src="/landing/img/talentstube-logo-blanc.svg" data-at2x="/landing/img/talentstube-logo-blanc@2x.svg"
+              alt="Talents Tube" class="logo-talentstube" style="width:150px">
+          </div>
+        </div>
+      </div>
+    </div>
+    <!--nav-->
+    <nav class="navbar-default">
+      <!-- clas="navbar"-->
+      <div class="container">
+        <div class="logo-brand">
+          <img src="https://blog.talentstube.com/wp-content/uploads/2021/02/TalentsTube-logo-blanc.svg"
+            data-at2x="https://blog.talentstube.com/wp-content/uploads/2021/02/TalentsTube-logo-blanc.svg"
+            alt="Talents Tube, plateforme de recrutement en vidéo" class="logo-head">
+        </div>
+        <!--<div class="navbar-header">
+                      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar-collapse-1"> 
+                          <span class="sr-only">Toggle navigation</span> 
+                          <span class="icon-bar"></span>
+                            <span class="icon-bar"></span>
+                            <span class="icon-bar"></span> 
+                      </button>
+                  </div>-->
+        <div class="collapse navbar-collapse" id="bs-navbar-collapse-1">
+          <div class="row">
+            <div class="logo-header" style="display:inline-block;">
+              <img src="https://blog.talentstube.com/wp-content/uploads/2021/02/talents-tube-logo-color.svg'"
+                data-at2x="https://blog.talentstube.com/wp-content/uploads/2021/02/talents-tube-logo-color.svg"
+                alt="Talents Tube" class="logo-nav">
+            </div>
+            <ul class="nav navbar-nav navbar-right">
+              <li>
+                <div class="mj-w-button mj-w-btn bttn" data-toggle="modal" data-target="#exampleModal">Demander un
+                  rendez-vous</div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </nav>
+    <!--nav end-->
+
+    <div class="container">
+      <div class="row">
+        <div class="col-md-12">
+          <!--welcome-message-->
+          <div class="welcome-message">
+            <h1>Métier en tension : Montrez-vous pour attirer et recruter de nouveaux collaborateurs !</h1>
+            <p>Votre métier est en tension et souffre d'un déficit d'image ?
+              Vous n'arrivez plus à recruter et cela freine le développement de votre activité ?</p>
+            <p>Et si Talents Tube avait la solution idéale pour réussir vos recrutements !</p>
+          </div>
+          <!--welcome-message end-->
+          <div class=" video-header">
+            <button class="bttn" data-toggle="modal" data-target="#exampleModal">Demander un rendez-vous</button>
+
+          </div>
+        </div>
+      </div>
+    </div>
+  </header>
+  <!--Header end-->
+  <!--about 1-->
+  <section class="about section-spacing-little" style="margin-top:20px">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-5 bloc-gauche-1"> <img src="/landing/img/secteur-aide-domicile-peine-a-recruter.jpg"
+            alt="Les métiers en tension peinent à recruter" data-no-retina> </div>
+        <div class="col-md-7 bloc-droit-1" style="padding: 2em 4em;">
+          <h2>Votre métier est en tension et les difficultés de recrutement freinent votre développement ?</h2>
+          <p>Vous rencontrez des <strong>difficultés à recruter</strong> de nouveaux collaborateurs.
+            <strong>Votre métier est peu valorisé, méconnu et souffre d'un déficit d'image</strong>. Il
+            n'attire plus et encore moins les nouvelles générations. Et pourtant, votre métier a considérablement
+            évolué ces dernières années. L'image que les candidats s'en font n'est pas en adéquation avec la réalité.
+            Sachez que votre métier n'est pas le seul dans ce cas, plusieurs secteurs sont touchés par une pénurie de
+            candidats. </p>
+          <p><strong>Mais comment réussir à recruter ?</strong></p>
+
+          <p>Pour attirer et réussir vos recrutements sur un métier en tension, vous devez <strong>communiquer</strong>
+            !
+            Donnez la parole à vos collaborateurs pour <strong>dévoiler votre métier</strong> aux
+            candidats.
+            Et pour cela, <strong>quoi de mieux que la vidéo</strong> ?</p>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!--about end-->
+
+  <!--about 2-->
+  <section class="about section-spacing-little">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-7 bloc-droit-2" style="padding: 2em 4em;">
+          <h2>Publiez une offre d'emploi attractive pour faire connaître votre métier</h2>
+          <p>Votre offre d'emploi mérite un coup de jeune <strong>pour attirer de nouveaux
+              candidats</strong>. Grâce à l'<strong>offre d'emploi vidéo</strong>, vous allez mettre des
+            images sur votre métier afin de le faire connaître au public. Votre offre d'emploi sera mieux expliquée,
+            portée par des vrais visages de l'entreprise.</p>
+
+          <p>Faites vivre une <strong>expérience unique</strong> à vos candidats. Ils pourront ainsi
+            <strong>découvrir, bien au-delà des mots, votre métier</strong>, leur future équipe,
+            l'ambiance et l'environnement de travail que vous proposez. </p>
+
+          <p>Cette offre d'emploi plus attractive vous permettra de <strong>capter l'attention de
+              candidats que vous n'auriez pas réussi à atteindre autrement</strong>.</p>
+        </div>
+        <div class="col-md-5 bloc-gauche-2"> <img src="/landing/img/candidatures-metier-en-tension-en-video.jpg"
+            alt="Recruter sur un métier en tension grâce à la vidéo" data-no-retina> </div>
+      </div>
+    </div>
+  </section>
+  <!--about end-->
+
+  <!--about 3-->
+  <section class="about section-spacing-little">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-5 bloc-gauche-1"> <img src="/landing/img/candidatures-aide-a-domicile-en-video.jpg"
+            alt="Candidatures métier en tension en vidéo" data-no-retina> </div>
+        <div class="col-md-7 bloc-droit-1" style="padding: 2em 4em;">
+          <h2>Recevez des candidatures que vous n'auriez pas eu autrement</h2>
+          <p>Parce que la <strong>personnalité des candidats est un élément primordial</strong> dans
+            vos recrutements, avec Talents Tube découvrez-les au-delà du CV papier. Grâce à la <strong>candidature
+              vidéo</strong>, les candidats s'adressent directement à vous et expriment
+            en toute authenticité, pourquoi ils souhaitent rejoindre VOTRE entreprise. Et parce que vous avez dévoilé
+            votre métier en vidéo, le candidat peut davantage se projeter dans votre entreprise. Il peut
+            <strong>exprimer bien plus que ce qu'il n'aurait pu présenter sur une simple feuille de
+              papier</strong>.</p>
+          <p><strong>Moins de CV, plus de talent grâce à la candidature vidéo</strong> :</p>
+          <ul class="list-puces">
+            <li>Gagnez du temps de pré-sélection et rencontrez uniquement les candidats réellement impliqués</li>
+            <li>Découvrez des candidats « pépite » qui ne seraient pas sortis du lot dans la pile des candidatures
+              papier</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!--about end-->
+
+  <!--sponsor-->
+  <section class="sponsor section-spacing text-center">
+    <div class="container">
+      <header>
+        <h2>Ils ont recruté en vidéo, pourquoi pas vous ?</h2>
+        <h3>Ces entreprises ont choisi Talents Tube pour recruter en vidéo ! </h3>
+      </header>
+      <div class="row">
+        <div class="col-md-12">
+          <figure><img
+              src="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/58d59033851aa9d4d633cd895d794fcf.jpeg"
+              alt="admr secteur aide à domicile en tension"
+              data-at2x="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/58d59033851aa9d4d633cd895d794fcf.jpeg"
+               width="100" height="32"></figure>
+          <figure><img
+              src="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/0dc350ae6a639b3671b7a262e51ad581.jpeg"
+              data-at2x="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/0dc350ae6a639b3671b7a262e51ad581.jpeg"
+              alt="tpc ouest secteur btp en tension" width="100" height="100"></figure>
+          <figure><img
+              src="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/7700369aae83d9b84ac0f42a0e63277f.jpeg"
+              data-at2x="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/7700369aae83d9b84ac0f42a0e63277f.jpeg"
+              alt="la centrale des ramoneurs, difficulté de recrutement" width="100" height="100"></figure>
+          <figure><img
+              src="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/60ac27698d9f443a1acc4fbdebd07a9e.png"
+              data-at2x="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/60ac27698d9f443a1acc4fbdebd07a9e.png"
+              alt="intermarché, métier en tension" width="100" height="100"></figure>
+        </div>
+      </div>
+      <!--<div class="row">
+              <div class="col-md-12">
+                <figure><img src="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/c99c8a1e7cd4b9bf249053774d72e0c9.jpeg" data-at2x="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/c99c8a1e7cd4b9bf249053774d72e0c9.jpeg" alt="sponsor"></figure>
+                <figure><img src="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/0dc350ae6a639b3671b7a262e51ad581.jpeg" data-at2x="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/0dc350ae6a639b3671b7a262e51ad581.jpeg" alt="sponsor"></figure>
+                <figure><img src="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/0a4c111bc35a4b2ab654ab8fce9f1d53.png" data-at2x="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/0a4c111bc35a4b2ab654ab8fce9f1d53.png" alt="sponsor"></figure>
+                <figure><img src="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/4f3dba583fea12c01a9c708772b1e0ac.jpeg" data-at2x="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/4f3dba583fea12c01a9c708772b1e0ac.jpeg" alt="sponsor"></figure>
+              </div>
+            </div>-->
+    </div>
+  </section>
+  <!--sponsor end-->
+  <!--venue-->
+  <section class="venue section-spacing" id="venue_metierTension">
+    <div class="container">
+      <div class="row">
+        <div class="container text-center">
+          <div class="row">
+            <div class="col-md-12">
+              <!--goodbye-message-->
+              <div class="appel-action">
+                <h2>Demandez un RDV gratuitement</h2>
+                <p>Plus qu’une dernière étape avant de rendre votre métier en tension plus attractif. </p>
+                <p>Osez recruter autrement !</p>
+                <button class="bttn" data-toggle="modal" data-target="#exampleModal" style="margin-top:30px;">Demander
+                  un rendez-vous</button>
+              </div>
+              <!--goodbye-message end-->
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+</main>
+{% endblock %}
+
+{% block javascripts %}
+
+{% endblock %}
@@ -0,0 +1,227 @@
+{% extends "baseLanding.html.twig" %}
+{% block title %}Réalisez une offre d’emploi originale vous-même{% endblock %}
+{% block meta %}
+<meta name="description" content="Créez des vidéos d’offres d’emploi originales avec Talents Tube. Réalisez vos vidéos rapidement avec un smartphone et recrutez">
+<meta property="og:locale" content="fr_FR" />
+	<meta property="og:type" content="website" />
+	<meta property="og:title" content="Réalisez une offre d’emploi originale vous-même" />
+	<meta property="og:description" content="Créez des vidéos d’offres d’emploi originales avec Talents Tube. Réalisez vos vidéos rapidement avec un smartphone et recrutez" />
+	<meta property="og:url" content="https://recruteur.talentstube.com/offre-emploi-originale" />
+	<meta property="og:site_name" content="Talents Tube" />
+	<meta property="og:image" content="https://recruteur.talentstube.com/landing/img/offre-emploi-originale-en-video.jpg" />
+	<meta name="twitter:card" content="summary_large_image" />
+{% endblock %}
+{% block modalCallToAction %}
+{{ parent() }}
+{% endblock %}
+{% block main %}
+<main>
+
+      <!--Header : Menu et Vidéo en fond-->
+      <header class="hero-section">
+        <!--HTML5 Video-->
+        <video autoplay loop muted id="bgvid" poster="">
+          <source src="/landing/video/modele-offre-emploi-originale.mp4" type="video/mp4"
+            alt="Modèle offre d'emploi originale">
+          <!--Prévoir une image fixe pour la version mobile : main.css : 102-->
+        </video>
+
+        <!--HTML5 Video end-->
+        <div class="overlay"></div>
+        <div class="container">
+          <div class="row">
+            <div class="col-md-12">
+              <div class="logo-header" style="display:inline-block;">
+                <img src="/landing/img/talentstube-logo-blanc.svg" data-at2x="/landing/img/talentstube-logo-blanc@2x.svg"
+                  alt="Talents Tube" class="logo-talentstube" style="width:150px">
+              </div>
+            </div>
+          </div>
+        </div>
+        <!--nav-->
+        <nav class="navbar-default">
+          <!-- clas="navbar"-->
+          <div class="container">
+            <div class="logo-brand">
+              <img src="https://blog.talentstube.com/wp-content/uploads/2021/02/TalentsTube-logo-blanc.svg"
+                data-at2x="https://blog.talentstube.com/wp-content/uploads/2021/02/TalentsTube-logo-blanc.svg"
+                alt="Talents Tube, plateforme de recrutement en vidéo" class="logo-head">
+            </div>
+            <!--<div class="navbar-header">
+                      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar-collapse-1"> 
+                          <span class="sr-only">Toggle navigation</span> 
+                          <span class="icon-bar"></span>
+                            <span class="icon-bar"></span>
+                            <span class="icon-bar"></span> 
+                      </button>
+                  </div>-->
+            <div class="collapse navbar-collapse" id="bs-navbar-collapse-1">
+              <div class="row">
+                <div class="logo-header" style="display:inline-block;">
+                  <img src="https://blog.talentstube.com/wp-content/uploads/2021/02/talents-tube-logo-color.svg'"
+                    data-at2x="https://blog.talentstube.com/wp-content/uploads/2021/02/talents-tube-logo-color.svg"
+                    alt="Talents Tube" class="logo-nav">
+                </div>
+                <ul class="nav navbar-nav navbar-right">
+                  <li>
+                    <div class="mj-w-button mj-w-btn bttn" data-toggle="modal" data-target="#exampleModal">Demander un
+                      rendez-vous</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <!--nav end-->
+
+        <div class="container">
+          <div class="row">
+            <div class="col-md-12">
+              <!--welcome-message-->
+              <div class="welcome-message">
+                <h1>Créez des vidéos d’offres d’emploi avec votre smartphone</h1>
+                <p>Vous voulez recruter rapidement, efficacement, vous démarquer de la concurrence tout en restant
+                  vous-même ? Votre recrutement, c’est dans la poche avec Talents Tube !</p>
+              </div>
+              <!--welcome-message end-->
+              <div class="action-btn video-header">
+                <button class="bttn" data-toggle="modal" data-target="#exampleModal">Demander un rendez-vous</button>
+                <button class="bttn" data-toggle="modal" data-target=".bd-example-modal-lg">Voir la démo</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </header>
+      <!--Header end-->
+      <!--about 1-->
+      <section class="about section-spacing-little" style="margin-top:20px">
+        <div class="container">
+          <div class="row">
+            <div class="col-md-5 bloc-gauche-1"> <img src="/landing/img/realiser-offre-emploi-originale.jpg"
+                alt="Réaliser une offre d'emploi originale avec un smartphone" data-no-retina> </div>
+            <div class="col-md-7 bloc-droit-1" style="padding: 2em 4em;">
+              <h2>Votre offre d’emploi originale en vidéo</h2>
+              <p>Parce que <span class="texte-gras">votre recrutement mérite mieux que du texte</span>, lancez-vous dans
+                <span class="texte-gras">la vidéo de recrutement !</span></p>
+              <p>Vous êtes en quête de rapidité et d’efficacité dans votre processus de recrutement? Vous ne voulez pas
+                ressembler à vos concurrents?</p>
+              <p>Démarquez-vous avec des <span class="texte-gras">annonces de recrutement originales et
+                  attractives.</span>En filmant vos collaborateurs, vos gestes métiers, vous offrez une <span
+                  class="texte-gras">meilleure expérience candidat</span>, vous engagez et valorisez vos collaborateurs et
+                vous <span class="texte-gras">recrutez plus efficacement.</span></p>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!--about end-->
+
+      <!--about 2-->
+      <section class="about section-spacing-little">
+        <div class="container">
+          <div class="row">
+            <div class="col-md-7 bloc-droit-2" style="padding: 2em 4em;">
+              <h2>Votre vidéo de recrutement originale avec un smartphone</h2>
+              <p>Vous vous dites que c’est une super idée mais <span class="texte-gras">faire une vidéo c’est trop
+                  compliqué, trop cher et pas pour vous !</span></p>
+              <p>Sachez qu’aujourd’hui, vous pouvez <span class="texte-gras">créer des vidéos facilement !</span></p>
+              <p>Vous possédez <span class="texte-gras">un smartphone avec une caméra</span> ultra performante qui vous
+                permet de créer du contenu vidéo tout le temps et partout, avec une qualité pro. Et tout ceci ne nécessite
+                aucun investissement supplémentaire.</p>
+              <p><span class="texte-gras">Le recrutement vidéo</span> est dans votre poche !</p>
+            </div>
+            <div class="col-md-5 bloc-gauche-2"> <img src="/landing/img/recruter-rapidement-offre-emploi-originale.jpg"
+                alt="Recruter rapidement avec une offre d'emploi vidéo originale" data-no-retina> </div>
+          </div>
+        </div>
+      </section>
+      <!--about end-->
+
+      <!--about 3-->
+      <section class="about section-spacing-little">
+        <div class="container">
+          <div class="row">
+            <div class="col-md-5 bloc-gauche-1"> <img src="/landing/img/etape-realisation-offre-emploi-originale.jpg"
+                alt="3 étapes pour réaliser une offre d'emploi originale" data-no-retina> </div>
+            <div class="col-md-7 bloc-droit-1" style="padding: 2em 4em;">
+              <h2>Un recrutement vidéo rapide en quelques étapes</h2>
+              <p>Avec Talents Tube, vous allez recruter de nouveaux profils en seulement 3 étapes :</p>
+              <ul class="list-puces">
+                <li>Rédigez votre scénario pour préparer le tournage de votre vidéo</li>
+                <li>Réalisez votre offre d’emploi vidéo avec un smartphone</li>
+                <li>Envoyez-nous vos séquences vidéo</li>
+                <li>Pour vous, nous réalisons le montage de votre vidéo</li>
+                <li>Et nous vous accompagnons dans votre recherche du candidat idéal</li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!--about end-->
+
+      <!--sponsor-->
+      <section class="sponsor section-spacing text-center">
+        <div class="container">
+          <header>
+            <h2>Ils ont recruté en vidéo</h2>
+            <h3>Ces entreprises ont choisi Talents Tube pour recruter avec des offres d'emploi originales !</h3>
+          </header>
+          <div class="row">
+            <div class="col-md-12">
+              <figure><img
+                  src="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/94c787c21c93a6b905eca6b739eedbf2.png"
+                  data-at2x="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/94c787c21c93a6b905eca6b739eedbf2.png"
+                  alt="actual-offre-emploi-orignale"></figure>
+              <figure><img
+                  src="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/4f3dba583fea12c01a9c708772b1e0ac.jpeg"
+                  data-at2x="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/4f3dba583fea12c01a9c708772b1e0ac.jpeg"
+                  alt="aer-recyclage-offre-emploi-orignale"></figure>
+              <figure><img
+                  src="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/154d998227e24b1e44e6e520ab2e09a2.png"
+                  data-at2x="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/154d998227e24b1e44e6e520ab2e09a2.png"
+                  alt="cdg-offre-emploi-orignale"></figure>
+              <figure><img
+                  src="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/c076323088783c6aa0093563dcdd1f16.jpeg"
+                  data-at2x="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/c076323088783c6aa0093563dcdd1f16.jpeg"
+                  alt="temporis-offre-emploi-orignale"></figure>
+            </div>
+          </div>
+          <!--<div class="row">
+              <div class="col-md-12">
+                <figure><img src="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/c99c8a1e7cd4b9bf249053774d72e0c9.jpeg" data-at2x="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/c99c8a1e7cd4b9bf249053774d72e0c9.jpeg" alt="sponsor"></figure>
+                <figure><img src="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/0dc350ae6a639b3671b7a262e51ad581.jpeg" data-at2x="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/0dc350ae6a639b3671b7a262e51ad581.jpeg" alt="sponsor"></figure>
+                <figure><img src="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/0a4c111bc35a4b2ab654ab8fce9f1d53.png" data-at2x="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/0a4c111bc35a4b2ab654ab8fce9f1d53.png" alt="sponsor"></figure>
+                <figure><img src="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/4f3dba583fea12c01a9c708772b1e0ac.jpeg" data-at2x="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/4f3dba583fea12c01a9c708772b1e0ac.jpeg" alt="sponsor"></figure>
+              </div>
+            </div>-->
+        </div>
+      </section>
+      <!--sponsor end-->
+      <!--venue-->
+      <section class="venue section-spacing" id="venue">
+        <div class="container">
+          <div class="row">
+            <div class="container text-center">
+              <div class="row">
+                <div class="col-md-12">
+                  <!--goodbye-message-->
+                  <div class="appel-action">
+                    <h2>Créez votre première offre d’emploi originale avec un smartphone</h2>
+                    <p>Il ne vous reste plus qu'un clic pour recruter rapidement, efficacement et vous démarquer de la
+                      concurrence...</p>
+                    <p>Lancez-vous et demandez un rendez-vous dès maintenant !</p>
+                    <button class="bttn" data-toggle="modal" data-target="#exampleModal" style="margin-top:30px;">Demander
+                      un rendez-vous</button>
+                  </div>
+                  <!--goodbye-message end-->
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+{% endblock %}
+
+{% block javascripts %}
+
+{% endblock %}
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
llaniau	c46f0c29a3	V2.7.5	2021-03-10 10:29:39 +01:00
llaniau	5b1d296817	Amélioration candidatures dashboard entre	2021-03-10 10:27:50 +01:00
llaniau	564ac42b40	Landing pages	2021-03-09 12:25:29 +01:00
llaniau	3dc5d247f4	landing page	2021-03-08 19:43:01 +01:00
llaniau	c0e94bcf7a	marque employeur, bug d'affichage	2021-02-24 17:16:54 +01:00
llaniau	d9bb152863	Inscription - tel	2021-02-24 15:40:29 +01:00
llaniau	1e52338d37	V2.7.3	2021-02-24 14:06:51 +01:00
llaniau	b701d07741	candidatures - retour de recette	2021-02-24 14:04:50 +01:00
llaniau	bcd93dee2c	Candidature - bugs recette	2021-02-23 18:52:31 +01:00
llaniau	7a54bbe673	Probleme de chemin pre prod	2021-02-23 16:37:48 +01:00
llaniau	47043ac6bc	statut Answer	2021-02-23 16:06:20 +01:00
llaniau	f094ee739e	Candidature - note	2021-02-23 15:56:01 +01:00
llaniau	bad5ad0d1c	Candidature V1	2021-02-23 14:44:48 +01:00
llaniau	8701a4beb9	retour de recette et marque employeur	2021-02-22 18:01:50 +01:00
llaniau	9444700ab5	Param pre prod	2021-02-16 17:19:59 +01:00
llaniau	050ccb0ae1	Marque employeur	2021-02-16 17:14:27 +01:00
llaniau	d40dc7add2	Parcours entreprise etape 2	2021-02-15 18:15:22 +01:00
llaniau	8fc9d69d80	Parcours entreprise	2021-02-11 20:56:44 +01:00
llaniau	e8eb1c9692	MEP V2.6.2	2021-02-10 16:29:13 +01:00
llaniau	d4b2b78553	Version V2.6.2	2021-02-10 15:16:40 +01:00
llaniau	c0c1735e9d	Landing Page offre emploi originale	2021-02-10 15:02:34 +01:00
llaniau	b6d6a3f177	landing page 1	2021-02-09 00:43:18 +01:00
llaniau	4f185984f9	geoloc	2021-02-08 09:49:10 +01:00
llaniau	26e781c230	Optimisation referencement	2021-02-01 22:38:30 +01:00
llaniau	b68e1c6050	Changement de template mailjet pour prod	2021-01-26 10:56:03 +01:00
llaniau	ee98a19150	pacth mailjet	2021-01-26 10:19:34 +01:00
llaniau	0e512cb8a2	mailjet patch	2021-01-26 10:08:49 +01:00
llaniau	24a5ac8cbf	nom du recruteur	2021-01-26 10:05:31 +01:00
llaniau	6920e8faa0	Patch prod V2.5.4.1 mailjet	2021-01-26 09:55:01 +01:00
llaniau	5aa8079b0a	Lien vers annonce Dashboard TT	2021-01-25 18:01:30 +01:00
llaniau	cc83f88458	Status sended	2021-01-25 17:57:07 +01:00
llaniau	4edfdfd187	Patch post MEP	2021-01-25 17:27:32 +01:00
llaniau	605834be03	sitemap	2021-01-24 12:40:28 +01:00
llaniau	dca7bf9efe	tri par statut candaidature dash tt	2021-01-23 21:03:19 +01:00
llaniau	99434105e3	Bug spammer	2021-01-23 20:33:39 +01:00
llaniau	d018b73fc8	Stocker adid au moment de inscription	2021-01-22 17:10:32 +01:00
llaniau	10975021c3	Lien vers cv papier Dashboard TT	2021-01-22 10:05:21 +01:00
llaniau	2af32f2835	MEP V2.5.4	2021-01-21 14:46:35 +01:00
llaniau	2c41f2aa02	Video orpheline	2021-01-21 13:44:12 +01:00
llaniau	ef50bfddff	version V2.5.4	2021-01-20 18:17:29 +01:00
llaniau	029d86649a	site map	2021-01-20 18:15:00 +01:00
llaniau	24becf66c3	version 2.5.2	2021-01-20 10:21:32 +01:00
llaniau	43d0852075	stat modif nouveau candidat	2021-01-20 09:00:22 +01:00
llaniau	81c548bd00	Statistiques	2021-01-19 16:10:39 +01:00
llaniau	c7f4eddad5	Mise en place dev@talentstube.com	2021-01-18 09:44:41 +01:00
llaniau	39e02581ae	US 482 modif variable cheminVideo	2021-01-14 17:24:51 +01:00
llaniau	a5aa1364ab	US482.488 Permettre aux d'envoyer plusieurs videos	2021-01-14 17:01:36 +01:00
llaniau	e48027f2b2	Mise en place stats + mails	2021-01-13 17:29:05 +01:00
llaniau	aad0203d0b	Push 12/01 : Mail transact	2021-01-12 18:50:03 +01:00
llaniau	a49cf8d9bf	Champ taille entreprise dans Traits	2021-01-11 15:56:55 +01:00
llaniau	c85313ade6	Init V2.5.1	2021-01-06 13:39:28 +01:00
llaniau	992ba3a103	MEP V2.5.0	2021-01-05 17:52:14 +01:00
llaniau	992f61867e	Modif User	2021-01-05 17:32:57 +01:00
llaniau	72b119ac0c	Mail envoyé avec tous les environnements	2021-01-05 15:19:37 +01:00
llaniau	831f7696ac	REdirection dashboard	2021-01-05 13:28:59 +01:00
llaniau	5a44f7d6ec	Bug170 : suppression user	2021-01-05 11:13:38 +01:00
llaniau	ddbfcc8a69	Changement de version	2021-01-04 14:08:07 +01:00
llaniau	61925ebb38	Mise en place de mailJet Bug de connexion	2020-12-24 10:18:57 +01:00
llaniau	0bb341b7ce	version patch prod	2020-12-24 09:33:47 +01:00
llaniau	74f2e45edf	Changement de version dans config.yml	2020-12-21 10:07:28 +01:00
llaniau	5d660ebc8b	Patch pour pallier parameters	2020-12-17 08:53:23 +01:00
llaniau	a31e49278b	V2.4.0.1	2020-12-16 15:36:48 +01:00
llaniau	b13d0d939f	version sur footer	2020-12-16 15:34:57 +01:00
llaniau	e470c8dce1	patch 5 prod	2020-12-16 10:35:00 +01:00
llaniau	8eeaf240de	patch 4 prod	2020-12-16 10:33:28 +01:00
llaniau	18144e395c	Patch 3 Prod	2020-12-16 10:26:29 +01:00
llaniau	f53815aa1a	Patch 2 prod	2020-12-16 10:16:42 +01:00
llaniau	bab23a58ac	Patch prod V2.4.0	2020-12-16 10:10:52 +01:00
llaniau	9346635ca7	Packaging MEP V2.4.0	2020-12-15 13:32:21 +01:00
llaniau	849b5a999a	changement de version dans parameters	2020-12-15 09:09:45 +01:00
llaniau	409be2f0b0	Retour recette Corentin et Audrey	2020-12-14 17:46:27 +01:00
llaniau	d201bd44b9	US 238 : Mise en place de la version	2020-12-11 16:15:04 +01:00
llaniau	cbe1b1f0d6	US443 et US Offre d'emploi	2020-12-10 17:00:58 +01:00
llaniau	a56d568319	Mise en place video apres upload	2020-12-09 14:08:20 +01:00
llaniau	c8f9e4d8f4	US 420,412,421,414	2020-12-02 16:40:40 +01:00
llaniau	21b8954c13	repassage en no follow	2020-12-01 19:21:44 +01:00
llaniau	ee9eb19ca9	Bug geoloc et import video prod	2020-11-25 11:22:55 +01:00
llaniau	3060f93e59	bug geoloc suite	2020-11-25 10:53:57 +01:00
llaniau	dc29527064	Bug geoloc suite	2020-11-25 09:51:11 +01:00
llaniau	f369802b96	company.js au lieu de main.dash.company.js	2020-11-24 14:29:39 +01:00
llaniau	07941367cc	Pour mise en prod (balise nofollow)	2020-11-24 13:55:43 +01:00
llaniau	effb92a9d8	ajout bouton supprimer dans gestion candidatures	2020-11-24 13:51:38 +01:00
llaniau	1952e27030	Bug geoloc	2020-11-24 11:16:28 +01:00
llaniau	6db371f2af	Bug geoloc suite	2020-11-24 11:00:19 +01:00
llaniau	37ef9a4fdd	Bug geoloc	2020-11-24 09:10:40 +01:00
llaniau	e11f36d170	Bug auto completion api pole emploi	2020-11-23 17:34:10 +01:00
llaniau	968b4d0497	US 400	2020-11-23 17:24:22 +01:00
llaniau	b6ba7e62e3	bug main.dash.company (essai)	2020-11-23 16:50:28 +01:00
llaniau	67734e40b3	Bug geoloc avant mise en prod	2020-11-23 12:59:39 +01:00
llaniau	4d96ede4ea	suite recette V2.2.2	2020-11-17 15:47:31 +01:00
llaniau	55ff3ddcb8	US 340 : corection de bug suite recette	2020-11-16 15:27:49 +01:00
llaniau	47fdf752b1	effet de bord US 340 et US64 (modal)	2020-11-10 13:54:29 +01:00
llaniau	f5008ea3de	US340 : Modif texte bouton ajout comp	2020-11-09 21:31:53 +01:00
llaniau	fc3d9d71a7	US340 : corect bugs sur l'affichage du bouton save	2020-11-09 21:11:51 +01:00
llaniau	a3212a5b17	US240 : Mise en page de l'ajout de compétences	2020-11-09 19:38:07 +01:00
llaniau	6760343163	US 340 : suite	2020-11-05 13:13:17 +01:00
llaniau	720e112d3c	US340 : Suite (api pole emploi competence)	2020-11-04 15:03:02 +01:00
llaniau	383b129317	US 340 : Suite dev ajour competence Pole emploi	2020-11-03 13:42:45 +01:00
llaniau	886a931221	US340 : Mise en place api pole emploi	2020-11-02 23:13:25 +01:00
llaniau	8cfeb2906b	Ajout du champ temps de travail	2020-10-28 17:03:32 +01:00
llaniau	f2d8e569a2	Multipage ajax pour candidatures	2020-10-27 18:23:15 +01:00
llaniau	d03c1615b1	Mise en place du multi page ajax	2020-10-26 18:19:13 +01:00
llaniau	36fdf82d18	Partage de candidature vue anonyme	2020-10-22 12:23:06 +02:00
llaniau	3bdc692f5d	partage de candidat vue anonyme	2020-10-20 18:32:58 +02:00
llaniau	1e81d2835d	Mise en place du partage de condidat	2020-10-20 17:32:58 +02:00
llaniau	c76645669d	Possibilité de faire du Télétravail?	2020-10-20 11:03:09 +02:00
llaniau	5f29e076e6	Nofollow pour pre prod	2020-10-20 09:17:24 +02:00
llaniau	c48ec26bc4	Mise en place teletravail	2020-10-20 09:13:59 +02:00
llaniau	18d07463ab	Suppression balise meta pour MEP et analytics	2020-10-15 15:12:29 +02:00
llaniau	9f58cf7f58	Correction mineure graphique	2020-10-15 14:45:27 +02:00
llaniau	40688feb88	correction suite a modif de pole emploi	2020-10-14 21:47:08 +02:00
llaniau	2275c6aadd	Correction bug suite recette du 14_10	2020-10-14 17:36:33 +02:00
llaniau	6e4f718fe0	Cas du doublon d'utilisateur	2020-10-13 17:24:29 +02:00
llaniau	b19eb227b5	Mise en place API pole emploi	2020-10-12 18:28:16 +02:00
llaniau	f35dcbbeba	US 439, US466 modif terme, US462 num assistance, US461 crisp US 464 copyright	2020-10-07 16:11:41 +02:00
llaniau	6860dee286	Evoi de mail lors de creation multi util	2020-10-06 16:39:27 +02:00
llaniau	a93d58e119	Bug push git	2020-10-05 23:58:07 +02:00
llaniau	6babd6976c	Amélioration employmentType	2020-10-05 17:55:50 +02:00
llaniau	468f5baed6	Changement stat page accueil recruteur	2020-10-05 15:18:11 +02:00
llaniau	6a1c231fcb	Ajout unpublished dans le groupe ad_detail	2020-10-05 14:05:01 +02:00
llaniau	6b25e5b5e7	Correction de fautes d'orthographe	2020-10-01 17:01:44 +02:00
llaniau	bb231fbeb3	Ajout d'un commentaire dans Answerrepo	2020-09-29 11:02:19 +02:00
llaniau	cae04bc8d7	Modification de libellés	2020-09-29 09:58:40 +02:00
llaniau	4fa83f1c51	Envoi de mail apres candidature	2020-09-24 17:10:16 +02:00
llaniau	15c9e8811d	MEP 21 sept	2020-09-21 16:08:35 +02:00
llaniau	be62f29fb9	version stabilisé pre prod avant mise en prod	2020-09-21 15:52:14 +02:00
llaniau	439362bda4	Recette avant mise en prod	2020-09-21 13:16:16 +02:00
llaniau	1866008c84	Redirection vers web app lors de message	2020-09-21 11:38:19 +02:00
llaniau	4e8d3b8a9d	mediaController	2020-09-21 11:02:39 +02:00
llaniau	b21946500a	Correction bug offre d'emploi sur la crea	2020-09-21 10:49:10 +02:00
llaniau	8808da8af1	params pre prod	2020-09-21 08:46:15 +02:00
llaniau	6ba0c4744e	param prod	2020-09-21 08:38:17 +02:00
llaniau	f8a03f317b	parameter pre prod erreur	2020-09-21 08:36:25 +02:00
llaniau	8de926b22f	Modif param mail et resolution de bugs mineur	2020-09-19 11:46:29 +02:00
llaniau	eb70757671	Suppression d'un user (correction d'un bug)	2020-09-17 16:35:50 +02:00
llaniau	0c82a72da5	oubli de mdp	2020-09-16 18:08:01 +02:00
llaniau	719c6ae0ee	erreur 404	2020-09-15 17:43:41 +02:00
llaniau	ba84cc4859	changement d'adresse mail de ref	2020-09-15 14:11:25 +02:00
llaniau	09716c5b69	page tarifs	2020-09-15 12:45:26 +02:00
llaniau	5d593cf46c	Page tarifs plus changement lien contact	2020-09-15 12:42:53 +02:00
llaniau	676317050a	Modif adblock maj de ads->jobs	2020-09-15 11:46:38 +02:00
llaniau	3d64f000e0	Ajout d(une video marque employeur	2020-09-14 18:25:21 +02:00
llaniau	28de33c053	Ménage dans les twig	2020-09-10 09:29:00 +02:00
llaniau	35b49ac496	Résolution bug 9/11	2020-09-09 17:09:10 +02:00
llaniau	c2d8aa85ec	Mise en place video marque employeur mode dashboard v2	2020-09-09 15:26:58 +02:00
llaniau	93c7394c8e	Correction ano 8 sept	2020-09-08 17:37:35 +02:00
llaniau	b57f5e9de2	Résolution de bugs suite a la recette de Corentin	2020-09-08 10:32:54 +02:00
llaniau	07531fb0de	Organisation cliente	2020-09-07 16:00:41 +02:00
llaniau	e4cd963ffd	cv theque	2020-09-03 18:49:58 +02:00
llaniau	96367dd0af	cv videotheque	2020-09-03 17:34:07 +02:00
llaniau	857e32e574	base temporaire pour avoir des pages en mode V1 meme en V2	2020-09-02 18:40:24 +02:00
llaniau	6b4581bd5d	Amelioration dashboard entreprise sur la gestion des offres	2020-09-01 16:57:24 +02:00