Probleme de chemin pre prod

statut Answer
Candidature - note
2021-02-23 16:37:48 +01:00 · 2021-02-23 16:06:20 +01:00 · 2021-02-23 15:56:01 +01:00 · 2021-02-23 14:44:48 +01:00 · 2021-02-22 18:01:50 +01:00 · 2021-02-16 17:19:59 +01:00
96 changed files with 6841 additions and 1635 deletions
@@ -196,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>
@@ -31,7 +31,6 @@
                {{ form_row(form.location_gmap) }}
                {{ form_row(form.beneficiaire) }}
                {{ form_row(form.description) }}
-                {{ form_row(form.publicTag) }}

            </div>
        </div>
@@ -70,7 +70,12 @@
                        <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%"><input id='input7' type='text' class='form-control' placeholder='par statut' style='font-family:Arial, FontAwesome; width:100%'/></th>
+                        <th width="15%">
+                        <select  id='input7'>
+                            <option value="sended">Envoyé</option>
+                            <option value="draft">Brouillon</option>
+                        </select>
+                        </th>
                        
                    </tr>
                </table>
@@ -62,7 +62,7 @@
        <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-2020 Talents Tube
+              ©2017-2021 Talents Tube
            </p>
            <p class="small no-margin pull-right sm-pull-reset">
              Besoin d'aide ? 02 30 05 06 31
@@ -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>
@@ -57,52 +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('company_marque') }}">Vidéo marque employeur</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>
-            <span class="icon-thumbnail">
-              <span class="material-icons">
-                gavel
-              </span>
-
-            </span>
-          </li> #}
-
-        </ul>
      </li>
+      <li class="">
+        <a href="{{ path('company_marque') }}">Marque employeur</a>
+            <span class="icon-thumbnail">
+              <span class="material-icons">
+                videocam
+              </span>
+            </span>
+      </li>
+      
+
+      
      <li class="">
        <a href="{{ path('company_ad') }}">
          <span class="">Offres d'emploi</span>
@@ -123,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">
@@ -133,12 +114,7 @@
          </span>
        </span>
      </li>
-      <li class="">
-        <a href="mailto:contact@talentstube.com">
-          <span class="principal">Contacter Talents Tube</span>
-        </a>
-        <span class="icon-thumbnail"><i class="pg-icon">mail</i></span>
-      </li>
+

      {% if is_granted('ROLE_PREVIOUS_ADMIN') %}

@@ -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 %} 
@@ -15,7 +15,7 @@

  <!-- Required Meta Tags Always Come First -->
  <meta charset="utf-8">
-  {# <meta name="robots" content="noindex,nofollow"> #}
+  <meta name="robots" content="noindex,nofollow">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  {% block meta %}
  {% endblock %}
@@ -103,8 +103,144 @@ Au plaisir d’échanger avec vous,
    </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">
+                                <button type="button" class="btn btn-primary" disabled data-toggle="modal"
+                                    data-target="#partageModal" id="partageCandidats">
+                                    <a href="#"  class="btn btn-primary" data-toggle="tooltip"
+                                        title="Cochez une ou plusieurs candidatures avant de pouvoir les partager.">Partager les
+                                        candidatures</a>
+                                </button>
+                                <!--<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>

-<div class="row bg-bordered p-20">
+                                    </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>
+                                        {% else %}
+                                        <span class="label">Contacté</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">



@@ -213,7 +349,7 @@ Au plaisir d’échanger avec vous,
    </div>
    <!-- END CONTAINER FLUID -->

-</div>
+</div> #}

 <div id="note-modal"></div>

@@ -1,6 +1,5 @@
 {# {% extends 'company/base_dashboard_company.html.twig' %} #}
 {% extends 'admin/base_dashboard.html.twig' %}
-
 {% block javascriptSupl %}
 <style>
    .saisie thead tr th,
@@ -10,9 +9,6 @@

    }

-
-
-
    .modalCompetences {
        height: 600px;
    }
@@ -49,16 +45,19 @@
    <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>
+                <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>
+                <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>.
+
+                    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">
@@ -78,8 +77,9 @@
        <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>    
+                <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> #}
@@ -87,18 +87,19 @@
                    <div class="card-body">
                        <div class="scrollable">
                            <div class="demo-card-scrollable">
-                                
-                                    
+
+
                                <div id="competencesAdPopup"></div>
-                                
+
                            </div>
-                        </div><br/>
+                        </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>
+                <button type="button" id="ajouterCompetenceButtonMdal" class="btn btn-secondary" data-dismiss="modal"
+                    onclick="">Ajouter ces compétences</button>
            </div>
        </div>
    </div>
@@ -107,7 +108,24 @@

 <!-- 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'} %}
        {% else %}
@@ -119,89 +137,105 @@

            <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 : Je crée une annonce</h2>
-                            <p>Pour trouver le bon profil, renseignez et personnalisez votre annonce.
-                                Plus votre annonce est précise et attractive, plus les candidatures seront ciblées.
-                                Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au poste proposé.
-                            </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>
+                        {% 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>
-                    </div>
-                    <div class="col-md-7">
-                        <div class="padding-30 sm-padding-5">

-                            <table class="table table-condensed ">
-                                {% if form_errors(form) %}
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
-
-                                        <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
-
-                                    </td>
-                                </tr>
-                                {% endif %}
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
-                                        {{ form_row(form.reference) }}
-                                    </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) }}
-                                        <br />
-                                        Vous souhaitez recruter pour l'un de vos clients, renseignez ce champ
-                                    </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>
-                                {# US 380 : Mise en place du temps de contrat (CDD) #}
-                                <tr id="ligneDureeContrat">
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                        {{ form_row(form.duree_contrat) }}
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                        {{ form_row(form.temps_type) }}
-                                    </td>
-                                </tr>
-                                {# US 329 : Mise en place du temps de travail #}
-                                <tr id='ligneNbHeure'>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                        {{ form_row(form.nombre_heure) }}
-                                    </td>
-                                </tr>
-                                {# US 295 : Mise en place du télétravail #}
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                        {{ form_row(form.teletravail) }}
-                                    </td>
-                                </tr>
-                            </table>
+                        <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">
@@ -246,15 +280,16 @@
                                <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 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-primary" data-toggle="modal"
+                                            <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>
+                                            <input type="hidden" id="nbCompetences">
+                                            <span id="nbCompetencesText"></span>
                                        </div>
                                    </td>
                                    {{ form_row(form.appellationId) }}
@@ -262,120 +297,43 @@
                                    {{ form_row(form.codeRome) }}
                                </tr>

-                                <tr>
+                                {# <tr>
                                    <td class="col-lg-12 col-md-12 col-sm-12">
                                        {{ form_row(form.status) }}
                                    </td>

-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                        {{ form_row(form.publicTag) }}
-                                        {{ form_row(form.competences) }}
-                                    </td>
+                                </tr> #}
+                                

-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                        &nbsp;
-                                    </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" id="saveAdButton">
-                                            <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>
-                                        <br />&nbsp;
-
-                                        {# <button class="btn btn-default" type="submit">Je crée mon annonce!</button> #}
-                                    </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="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 %}
@@ -387,9 +345,11 @@
        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");
        }
    }

@@ -399,9 +359,11 @@
        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");
        }
    }

@@ -434,13 +396,13 @@
                //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){
+                if (nbCompetencesSelect < 11) {
                    competences += chaine + ",";
                    nbCompetencesSelect++;
                }
-                
-                $("#nbCompetencesText").html(nbCompetencesSelect+" compétences sélectionnées");
-                $("#ajouterCompetenceButtonMdal").html("Ajouter (+"+nbCompetencesSelect+")");
+
+                $("#nbCompetencesText").html(nbCompetencesSelect + " compétences sélectionnées");
+                $("#ajouterCompetenceButtonMdal").html("Ajouter (+" + nbCompetencesSelect + ")");
                $("#nbCompetences").val(nbCompetencesSelect);
                //return competence;
            }
@@ -449,45 +411,45 @@
        // on renseigne le champ ad_competences
        $("#ad_competences").val(competences);
        //Gestion des erreurs si aucune compétence
-        if(nbCompetencesSelect==0){
+        if (nbCompetencesSelect == 0) {
            $("#nbCompetencesText").html("");
            $("#competencesAdMessage").html(
-                        "Vous devez sélectionner au minimum une compétence "
+                "Vous devez sélectionner au minimum une compétence "
            );
            $("#competencesAdMessagePopup").html(
-                        "Vous devez sélectionner au minimum une compétence "
+                "Vous devez sélectionner au minimum une compétence "
            );
            $("#ajouterCompetenceButtonMdal").html("Ajouter (+0)");
            $("#ajouterCompetenceButtonMdal").hide();
            $("#saveAdButton").prop("disabled", true);
-        }else if(nbCompetencesSelect>9){
+        } 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. "
+                "Vous avez atteint le nombre maximum de compétences. "
            );
            $("#competencesAdMessagePopup").html(
-                        "Vous avez atteint le nombre maximum de compétences. "
+                "Vous avez atteint le nombre maximum de compétences. "
            );
-            if(nbCompetencesSelect>10){
+            if (nbCompetencesSelect > 10) {
                $("#ajouterCompetenceButtonMdal").hide();
-                
+
            }
-        }else{
+        } else {
            //cas standards, on reinitialise les champs a vide
-            
-            $("#competencesAdMessage").html( " ");
+
+            $("#competencesAdMessage").html(" ");
            $("#competencesAdMessagePopup").html(" ");
            $("#saveAdButton").prop("disabled", false);
            $("#ajouterCompetenceButtonMdal").show();
        }
        console.log("valeur saiisie");
-        if($("#saisie").val() =="" || !$("#saisie").val() ){
+        if ($("#saisie").val() == "" || !$("#saisie").val()) {
            $("#competencesAdMessage").html(
-                        "Veuillez choisir un métier de rattachement pour votre annonce. "
+                "Veuillez choisir un métier de rattachement pour votre annonce. "
            );
        }
-        
+
    }

    $(document).ready(function () {
@@ -503,7 +465,7 @@
        // renseignement du champ visible (init du métier)
        $("#saisie").val($("#ad_appellationLibelle").val());
        $("#competences_origine").val($("#ad_competences").val());
-        if ($("#ad_competences").val() !='null' ){
+        if ($("#ad_competences").val() != 'null') {
            $("#saveAdButton").prop("disabled", false);
        }
        //charger les compétences en fonction du métier d'origine
@@ -560,7 +522,8 @@
                        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 +
+                            '\')" data-toggle="modal" data-target="#competencesModal" id="competences"><a href="#" >' +
+                            data.metier_libelle +
                            '</a></div>'
                    },
                    footer: function (query) {
@@ -632,13 +595,18 @@
                    }
                    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>");
+                    $("#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>");
+                    $("#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();
+                        $("#competence_ad_" + object.code).hide();
                    }
                });

@@ -653,18 +621,26 @@
                        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";
+                        //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>");
+                        $("#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>");
+                        $("#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();
+                        $("#competence_ad_" + competence.code).hide();
                        //}
                    });
                });
@@ -700,10 +676,11 @@
                    $("#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));
+                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 () {
@@ -717,7 +694,7 @@
        console.log("Clicked, target = " + cb.id);
        var id = cb.id.split('_');
        id = id[1];
-        if($("#nbCompetences").val()<10){
+        if ($("#nbCompetences").val() < 10) {
            $("#competence_" + id).prop("checked", cb.checked);
            $("#competencepopup_" + id).prop("checked", cb.checked);
            if (cb.checked) {
@@ -727,7 +704,7 @@
                console.log("hidden de div  #competence_ad_" + id);
                $("#competence_ad_" + id).hide();
            }
-        }else{
+        } else {
            $("#competence_" + id).prop("checked", false);
            $("#competence_ad_" + id).hide();
            //$("#competence_" + id).hide();
@@ -9,8 +9,8 @@

    }

-    .modalCompetences{
-        height:600px;
+    .modalCompetences {
+        height: 600px;
    }
 </style>

@@ -27,10 +27,10 @@
            <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>
@@ -44,16 +44,19 @@
    <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>
+                <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>
+                <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>.
+
+                    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">
@@ -73,10 +76,11 @@
        <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>    
+                <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">
@@ -85,12 +89,13 @@
                                <div id="competencesAdPopup"></div>
                            </div>
                        </div>
-                         <div id="competencesAdMessagePopup" class="text-danger"></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>
+                <button type="button" id="ajouterCompetenceButtonMdal" class="btn btn-secondary" data-dismiss="modal"
+                    onclick="">Ajouter ces compétences</button>
            </div>
        </div>
    </div>
@@ -100,100 +105,135 @@

 <!-- 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'} %}
+        {% 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-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 :  Je modifie une annonce</h2>
-                            <p>Pour trouver le bon profil, renseignez et personnalisez votre annonce.
-Plus votre annonce est précise et attractive, plus les candidatures seront ciblées.
-Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au poste proposé.</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">
-                          {{ form_start(form, {'attr': {'class': 'form-horizontal'}}) }}
-                            <table class="table table-condensed form-horizontal">
-                                {% if form_errors(form) %}<tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
-                                       
-                                        <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
-                                        
-                                    </td>
-                                </tr>
-                                {% endif %}
-                                {% if form.reference is defined%}
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
-                                    
-                                       {{ form_row(form.reference) }}
-                                    
-                                    </td>
-                                </tr>
-                                {% endif %}
-                                 <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) }}
-                                       <br/>
-                                       Vous souhaitez recruter pour l'un de vos clients, renseignez ce champ
-                                    </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>
-                                {# US 380 : Mise en place du temps de contrat (CDD) #}
-                                <tr id="ligneDureeContrat">
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.duree_contrat) }}
-                                    </td>   
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.temps_type) }}
-                                    </td>   
-                                </tr>
-                                {# US 329 : Mise en place du temps de travail #}
-                                <tr id="ligneNbHeure">
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.nombre_heure) }}
-                                    </td>   
-                                </tr>
-                                {# US 295 : Mise en place du télétravail #}
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.teletravail) }}
-                                    </td>   
-                                </tr>
-                            </table>
+                        {% 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">
@@ -238,165 +278,99 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
                                <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">Vous devez
-                                            sélectionner au minimum une compétence</div><br />
-                                        <div id="loadingDiv" >Patientez...</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-primary" data-toggle="modal"
+                                            <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>
+                                            <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>
+
+                                {# <tr>
                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.status) }}
-                                    </td> 
- 
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.publicTag) }}
-                                       {{ form_row(form.competences) }}
-                                    </td> 
- 
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                        &nbsp;
+                                        {{ form_row(form.status) }}
                                    </td>

-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
-                                        <button aria-label="" type="submit" id="saveAdButton" 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>
-                                
+                                </tr> #}
+
+
+
+
                            </table>
-                        {{ form_end(form) }}    
-                            
                        </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>
-            <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="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>
+            {{ form_end(form) }}
        </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_soft_temps_type" ).val()=="PART_TIME" ){
-                //$("#ligneNbHeure").show();
-                $("#ad_soft_nombre_heure").prop("disabled", false);
-            }else{
-                //$("#ligneNbHeure").hide();
-                $("#ad_soft_nombre_heure").prop("disabled", true);
-            }
+<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(){
-            if( $( "#ad_soft_contract_type" ).val()=="CDD" ){
-                //$("#ligneDureeContrat").show();
-                $("#ad_soft_duree_contrat").prop("disabled", false);
-            }else{
-                //$("#ligneDureeContrat").hide();
-                $("#ad_soft_duree_contrat").prop("disabled", true);
-            }
+    }
+
+    //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_temps_type").change(function () {
+        afficherTempsType();
+    });

-        $( "#ad_soft_contract_type" ).change(function() {
-            afficherDureeContrat();
-        });
+    $("#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
@@ -417,13 +391,13 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
                //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){
+                if (nbCompetencesSelect < 11) {
                    competences += chaine + ",";
                    nbCompetencesSelect++;
                }
-                
-                $("#nbCompetencesText").html(nbCompetencesSelect+" compétences sélectionnées");
-                $("#ajouterCompetenceButtonMdal").html("Ajouter (+"+nbCompetencesSelect+")");
+
+                $("#nbCompetencesText").html(nbCompetencesSelect + " compétences sélectionnées");
+                $("#ajouterCompetenceButtonMdal").html("Ajouter (+" + nbCompetencesSelect + ")");
                $("#nbCompetences").val(nbCompetencesSelect);
                //return competence;
            }
@@ -432,42 +406,42 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
        // on renseigne le champ ad_competences
        $("#ad_soft_competences").val(competences);
        //Gestion des erreurs si aucune compétence
-        if(nbCompetencesSelect==0){
+        if (nbCompetencesSelect == 0) {
            $("#nbCompetencesText").html("");
            $("#competencesAdMessage").html(
-                        "Vous devez sélectionner au minimum une compétence. "
+                "Vous devez sélectionner au minimum une compétence. "
            );
            $("#competencesAdMessagePopup").html(
-                        "Vous devez sélectionner au minimum une compétence. "
+                "Vous devez sélectionner au minimum une compétence. "
            );
            $("#ajouterCompetenceButtonMdal").html("Ajouter (+0)");
            $("#ajouterCompetenceButtonMdal").hide();
            $("#saveAdButton").prop("disabled", true);
-        }else if(nbCompetencesSelect>9){
+        } 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. "
+                "Vous avez atteint le nombre maximum de compétences. "
            );
            $("#competencesAdMessagePopup").html(
-                        "Vous avez atteint le nombre maximum de compétences. "
+                "Vous avez atteint le nombre maximum de compétences. "
            );
-            if(nbCompetencesSelect>10){
+            if (nbCompetencesSelect > 10) {
                $("#ajouterCompetenceButtonMdal").hide();
            }
-        }else{
+        } else {
            //cas standards, on reinitialise les champs a vide
            $("#saveAdButton").prop("disabled", false);
-            $("#competencesAdMessage").html( " ");
+            $("#competencesAdMessage").html(" ");
            $("#competencesAdMessagePopup").html(" ");
            $("#ajouterCompetenceButtonMdal").show();
        }
-        if($("#saisie").val() =="" || !$("#saisie").val() ){
+        if ($("#saisie").val() == "" || !$("#saisie").val()) {
            $("#competencesAdMessage").html(
-                        "Veuillez choisir un métier de rattachement pour votre annonce. "
+                "Veuillez choisir un métier de rattachement pour votre annonce. "
            );
        }
-        
+
    }

    $(document).ready(function () {
@@ -487,9 +461,9 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
        //cocher les cases par rapport aux compétences d'origine

    });
-    </script>
+</script>

-    <script>
+<script>
    $(document)
        .ready(function () {
            // Construction du champ typeahead d'auto compléetion de métier
@@ -540,7 +514,8 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
                        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 +
+                            '\')" data-toggle="modal" data-target="#competencesModal" id="competences"><a href="#" >' +
+                            data.metier_libelle +
                            '</a></div>'
                    },
                    footer: function (query) {
@@ -609,18 +584,23 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
                    //console.log(object.competenceCle);
                    var hidden = "";
                    var checked = "";
-                    if (object.competenceCle == true && type!="init") {
-                       checked = "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>");
+                    $("#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>");
+                    $("#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();
+                        $("#competence_ad_" + object.code).hide();
                    }
                });

@@ -635,34 +615,42 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
                        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";
+                        //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>");
+                        $("#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>");
+                        $("#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();
+                        $("#competence_ad_" + competence.code).hide();
                        //}
                    });
                });


                $("#competencesButtonAd").show();
-                if(type=="init"){
+                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();
+
+                            $("#competencepopup_" + key2).prop("checked", true);
+                            $("#competence_" + key2).prop("checked", true);
+                            $("#competence_ad_" + key2).show();
                        }
                    }
                }
@@ -682,7 +670,7 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
                        "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();
+                $('#loadingDiv').hide();
                console.log("La requête s'est terminée en échec. Infos : " + JSON.stringify(error));
            })

@@ -699,7 +687,7 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
        console.log("Clicked, target = " + cb.id);
        var id = cb.id.split('_');
        id = id[1];
-        if($("#nbCompetences").val()<10){
+        if ($("#nbCompetences").val() < 10) {
            $("#competence_" + id).prop("checked", cb.checked);
            $("#competencepopup_" + id).prop("checked", cb.checked);
            if (cb.checked) {
@@ -709,13 +697,13 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
                console.log("hidden de div  #competence_ad_" + id);
                $("#competence_ad_" + id).hide();
            }
-        }else{
+        } else {
            $("#competence_" + id).prop("checked", false);
            $("#competence_ad_" + id).hide();
            $("#competencepopup_" + id).prop("checked", false);
        }
-         // on génere le json a chaque fois
-         genererJson();
+        // on génere le json a chaque fois
+        genererJson();
    }
 </script>
 {% endblock %}
@@ -59,15 +59,7 @@
                                    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 %}
@@ -131,7 +123,7 @@
                            </td>
                        </tr>
                        {% endfor %}
-                        {% if answers|length == 0  %}
+                        {% if spontaneous|length == 0  %}
                            <tr><th colspan="3" class="text-center">Aucune candidature pour le moment</th></tr>
                        {% endif %}
                    </tbody>
@@ -19,9 +19,11 @@
            <ol class="breadcrumb">
                <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"><a
-                        href="{{ path('company_ad_answer_list',{'id':answer.ad.id}) }}">{{ answer.ad.title }}
+                <li class="breadcrumb-item">
+                    {% if  answer.ad%}
+                    <a href="{{ path('company_ad_answer_list',{'id':answer.ad.id}) }}">{{ answer.ad.title }}
                    </a>
+                    {% endif  %}
                </li>
                <li class="breadcrumb-item active"><a href="#"> candidat {{ answer.user.firstname }}
                        {{ answer.user.lastname }}</a>
@@ -34,50 +36,125 @@
    </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">
-                    <li class="nav-item">
-                        <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>
-                    </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="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' %}
-
-                <!-- ========== bloc commentaire ========== -->
-
-                {# {% include 'company/answer_show_comment.html.twig' %} #}
-
-
-
+<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>
+                {% 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><i class="material-icons fs-16 tab-icon icons-candidatures">home</i>
+                    {% if  answer.user.getGeoloc %}
+                    {% for adress in answer.user.getGeoloc %}
+
+                    {{ adress["locality"] }}, {{ adress["postal_code"] }}
+                    {% endfor %}
+                    {% else %}
+                    Non renseignée
+                    {% endif %}
+                </p>
+                <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 %}
+            </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
+                        {% 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>
+                <button aria-label="" type="button" class="btn btn-lg btn-seconday btn-cons">Contacter le candidat</button>
+            </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="{{ path('company_ad_answer_list',{'id':answer.ad.id}) }}" id="candidatureLien">Candidature</a>
+            </li>
+            <li class="nav-item">
+                <a href="{{ path('company_ad_answer_list',{'id':answer.ad.id}) }}" data-toggle="tab" role="tab"
+                    data-target="#messagerieVideo" id="messagerieVideoLien">Messagerie</a>
+            </li>
+        </ul>
+        <div class="nav-tab-dropdown cs-wrapper full-width d-lg-none d-xl-none d-md-none">
+            <div class="cs-select cs-skin-slide full-width" tabindex="0"><span class="cs-placeholder">Candidature</span>
+                <div class="cs-options">
+                    <ul>
+                        <li data-option="" data-value="#candidature"><span>Candidature</span></li>
+                        <li data-option="" data-value="#messagerieVideo"><span>Messagerie vidéo</span></li>
+                        <li data-option="" data-value="#messagerie"><span>Messagerie
+                                texte</span></li>
+                    </ul>
+                </div><select class="cs-select cs-skin-slide full-width" data-init-plugin="cs-select">
+                    <option value="#candidature" selected="">Candidature</option>
+                    <option value="#messagerieVideo">Messagerie vidéo</option>
+                    <option value="#messagerie">Messagerie
+                        texte</option>
+                </select>
+                <div class="cs-backdrop"></div>
+            </div>
+        </div>
+    </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' %} #}
+
+            <!-- ========== bloc commentaire ========== -->
+
+            {# {% include 'company/answer_show_comment.html.twig' %} #}
+
+
+
+        </div>
+    </div>
+</div>



@@ -105,6 +182,46 @@
 <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");
+            });
+
+    }
+    
+
+    function afficherNumero() {
+        $("#telBouton").hide();
+        $("#telSpan").removeClass("invisible").addClass("visible");
+
+    }
    $(".card-action").click(function () {
        var idVideo = $(this).data("id");
        var titleVideo = $(this).data("title");
@@ -1,4 +1,96 @@
+<!-- ========== bloc candidature ========== -->
 <div class="tab-pane active" id="candidature">
+    <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">
+                    <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  %}
+                    
+                    <!--<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">
+                        <i class="material-icons fs-18 tab-icon icons-candidatures">comment</i><label for="">
+                            <h5>Commentaires</h5>
+                        </label>
+                        {# <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> #}
+                             {{ 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 %}
+                                <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 -->
@@ -16,8 +108,9 @@
            <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">
@@ -40,11 +133,12 @@
                                {{ answer.user.lastname }}
                            </p>
                            <p class="small hint-text m-t-5">
-                            {% if answer.user.company %}
+                                {% 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>
+                                <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 %}
-                            {% endif %}
                            </p>
                        </div>
                    </div>
@@ -87,7 +181,7 @@
                            <!-- 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%">Envoyé le</th>
                            <th style="width:70%">Message</th>
@@ -124,14 +218,16 @@
                        </tr>
                        {% endfor %}
                        {% if answer.messages|length == 0  %}
-                                <tr><th colspan="3" class="text-center">Aucun message pour le moment</th></tr>
+                        <tr>
+                            <th colspan="3" class="text-center">Aucun message pour le moment</th>
+                        </tr>
                        {% endif %}
                        {% endif %}
-                        
+
                    </tbody>
                </table>
            </div>
        </div>

    </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) }}
@@ -1,62 +1,189 @@
-<div class="tab-pane fondBlanc" id="messagerieVideo">
-    <div class="row fondBlanc">
+                         <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 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> {{ answer.user.firstname }} {{ answer.user.lastname }} <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="form-group form-group-default" 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>
@@ -1,4 +1,4 @@
-{% extends 'base_dashboard_temporaire.html.twig' %}
+{% extends 'admin/base_dashboard.html.twig' %}


 {% block content %}
@@ -62,73 +62,112 @@
 </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 : détail de l'annonce</h2>
-                            <p>Pour trouver le bon profil, renseignez et personnalisez votre annonce.
-Plus votre annonce est précise et attractive, plus les candidatures seront ciblées.
-Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au poste proposé.</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">
+                    <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>
-                            {# <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>
+                            </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">
@@ -210,10 +249,7 @@ vidéo d'offre d'emploi. <a href="https://blog.talentstube.com/contact" target="
                    </li>
                </ul> #}
            </div>
-            <div class="wizard-footer padding-20 bg-contrast-low">
-                
-                <div class="clearfix"></div>
-            </div>
+            
        </div>
    </div>
 </div>
@@ -243,6 +279,7 @@ vidéo d'offre d'emploi. <a href="https://blog.talentstube.com/contact" target="
        });
    </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() }}';
@@ -50,13 +50,329 @@
        </div>
    </div>
    <script>
-        document.location.href="/entreprise/me/profil";
+        document.location.href = "/entreprise/me/profil";
    </script>
+
    {# {{ render("/entreprise/me/profil") }} #}
 </div>
 {% endif %}

-{% include 'company/ad_table_listing.html.twig' with {'ads':ads} %}
+
+
+
+
+
+
+
+
+
+
+<!-- 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 -->
+
+
+
+
+

 {% endblock %}

@@ -65,178 +381,192 @@
 {# <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 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;
-                }
-            });
-        } 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);
+    {
+        #
+        function loadChartData() {
+            setArrayValues();
+            myChart.update();
+            myDoughnutChart.update();
+        }#
    }

-    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"
-        }]
-    };
+    {
+        #
+        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();
+                }
+            });
+        }#
+    }

-    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 %}
@@ -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="https://recruteur.talentstube.com/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="https://recruteur.talentstube.com/img/mail/facebook.png" alt="Facebook"></a>
-                                            <a style="margin:10px 20px 22px 20px;" href="https://twitter.com/TalentsTuber"><img src="https://recruteur.talentstube.com/img/mail/twitter.png" alt="Twitter"></a>
-                                            <a style="margin:10px 20px 22px 20px;" href="https://www.linkedin.com/company/talentstube"><img src="https://recruteur.talentstube.com/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>Village By CA - 3 rue Louis de Broglie - PIBS - 56000 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>
+
+
+
+    
@@ -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 ignorer 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 ignorer 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,434 @@
+<!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>Réalisez une offre d’emploi originale vous-même</title>
+    <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">
+    <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="" /> #}
+	<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" />
+</head>
+
+    <body>
+    <!-- Modal : Vidéo -->
+    <div class="modal fade bd-example-modal-lg" id="exampleModalCenter" tabindex="-1" role="dialog"
+      aria-labelledby="myLargeModalLabel" aria-hidden="true">
+      <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+              <span aria-hidden="true">&times;</span>
+            </button>
+          </div>
+          <div class="modal-body">
+            <div class="container-video" style="position:relative;width:100%;height:0;padding-bottom:56.25%;">
+              <iframe src="https://www.youtube.com/embed/gOXg9e29dyc"
+                style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;" frameborder="0"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                allowfullscreen id="player"></iframe>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="fermerVideo()">Fermer</button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!--Modal : Vidéo End -->
+
+    <!-- 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 <b>sous 48h</b>.
+                    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 -->
+
+    <main>
+      <data id="mj-w-res-data" data-token="3ff0355b417f4f6e84deb70f12fcbca8" class="mj-w-data" data-apikey="2jWA"
+        data-w-id="HpL" data-lang="fr_FR" data-base="https://app.mailjet.com" data-width="640" data-height="588"
+        data-statics="statics"></data>
+      <!--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>
+    <script type="text/javascript" src="https://app.mailjet.com/statics/js/widget.modal.js"></script>
+    <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>-->
+    <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) {
+              aconsole.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>
@@ -1,7 +1,7 @@
 {% block dropzone %}
 <div id="dropzone-row" class="row">
    <div class="col s12">
-        <div class="dropzone dz-clickable" id="my-awesome-dropzone">
+        <div class="dropzone dz-clickable text-center" id="my-awesome-dropzone">
            <div id="template-container-dz">
                <div id="template" class="file-row">
                    <div class="dz-preview">
@@ -1,221 +1,236 @@
 {% if is_granted('ROLE_COMPANY') %}
-    {% set extendTemplate='company/base_dashboard_company_V2.html.twig' %}
+{% set extendTemplate='company/base_dashboard_company_V2.html.twig' %}
 {% elseif is_granted('ROLE_TERRITORY') %}
-    {% set extendTemplate='territory/base_dashboard_territory.html.twig' %}
+{% set extendTemplate='territory/base_dashboard_territory.html.twig' %}
 {% else %}
-    {% set extendTemplate='talent/base_dashboard_talent.html.twig' %}
+{% set extendTemplate='talent/base_dashboard_talent.html.twig' %}
 {% endif %}

 {% extends extendTemplate %}

 {% block dashContent %}
-    <div class="row">
-        <div class="col s12">

-            {% if medias|length == 0 and is_granted('ROLE_TALENT') %}
-                <div class="col s12 center-align">
-                    <br/><br/>
-                    <strong class="color-grey3">Vous ne possédez pas encore de CV vidéo!</strong><br/>
-                    <span class="color-grey2">Cliquez sur le bouton pour ajouter votre première vidéo.</span>
-                    <br/><br/>
-                    <a class="btn btn-default modal-trigger" href="#addVideo">Ajouter une
-                        vidéo</a>
-                </div>
-            {% else %}
-                {% if app.user.company.presentationVideo %}
-                    {% set media = app.user.company.presentationVideo %}
-                {% endif %}
-                <div class="video_premier card z-depth-3">
-                    <div class="card-content">
-                        <h4> Vous souhaitez booster vos recrutements ?</h4>
-                        <p>Ajoutez une vidéo marque employeur pour présenter
-votre entreprise et attirer de nouveaux talents.</p>
-                    </div>
-                </div>
-                <div class="video_premier card z-depth-3">
-                    <div class="card-image">
-                        {% if app.user.company.presentationVideo %}
-                            <div class="embed-responsive embed-responsive-16by9">
-                                <iframe src="https://player.vimeo.com{{ media.getCdnUrl()|replace({ "videos": "video"}) }}"
-                                        width="100%" height="550" frameborder="0" webkitallowfullscreen
-                                        mozallowfullscreen allowfullscreen></iframe>
-                            </div>
-                        {# {% else %}
-                            <div class="no-presentation-video">
-                                <strong>
-                                    Vous ne disposez pas de vidéo de présentation !
-                                </strong><br/>
-                                Cliquez sur le bouton ci-dessous pour la sélectionner dans votre bibliothèque.
-                            </div> #}
-                        {% endif %}
-                    </div>
-                    
-                    <div class="card-content">
-                        <p>
-                        {# {% if app.user.getCompany().hasCompanyVideo() != true  and is_granted('ROLE_COMPANY') %}
-                            {% set storePath = path('company_process_cart_video_corporate') %}
-                            {% set message = "Vous ne disposez pas de l'option présentation vidéo pour votre entreprise, il est nécessaire de vous procurer
-                            l'option sur la boutique talents tube.<br /><br /><a class='btn btn-default' href='"~storePath~"'>boutique Talents Tube</a>" %}
-                            {{ message|raw }}
-                        {% else %} #}
-                            {% if app.user.company.presentationVideo %}
-                                <div><strong><span data-id="{{ media.id }}"
-                                            class="titleVideo">{{ media.title }}</span></strong></div>
-                            {% else %}
-                                {% set label_title_video = "" %}
-                                {% if is_granted('ROLE_COMPANY') %}
-                                    {% set label_title_video = "Mon entreprise en vidéo" %}
-                                {% elseif is_granted('ROLE_TALENT') %}
-                                    {% set label_title_video = "Mon CV Générique" %}
-                                {% endif %}
-                                <strong>{{ label_title_video }}</strong>
-                            {% endif %}
-                            <a class="btn btn-cancel-premier red tooltipped btn-round right" href="#!"
-                            data-position="top" data-tooltip="Annuler">Annuler</a>
-                            
-                            <a class="btn btn-default btn-video-premier right btn-orange">
-                                {% if app.user.company.presentationVideo %}
-                                    Remplacer ma vidéo marque employeur
-                                {% else %}
-                                    Choisir une vidéo marque employeur
-                                {% endif %}
-                            </a>
+<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="#">Marque Employeur</a></li>

-                            
+            </ol>
+            <!-- END BREADCRUMB -->

-                            <div class="clearfix"></div>
-                            <div class="">
-                                <strong>
-                                    Guide 
-                                </strong><br/>
-                                Pour choisir votre vidéo marque employeur, cliquer sur le bouton remplacer et choisissez une vidéo dans la liste ci dessous                            </div>
-                        {# {% endif %} #}
-                                
-                    </div>
-                </div>
-            {% endif %}
        </div>
    </div>
-    <div class="divider"></div>
-     <br />
-     <div class="row">
-        <div class="col s12 center-align"><h4>Gestion de mes vidéos</h4>
-        </div>
-    </div>
-    <div class="row">
-        <div class="col s12">
-        {% if medias|length > 0 or is_granted('ROLE_COMPANY') or is_granted('ROLE_TERRITORY')%}
-            <div class="col s12 col-actions">
-                <a class="waves-effect waves-light btn btn-default modal-trigger" href="#addVideo">Ajouter une vidéo</a>
-                <a class="btn btn-delete-video btn-round tooltipped red right" href="#!" data-position="top"
-                data-tooltip="Supprimer des vidéos"><i class="fa fa-trash" aria-hidden="true"></i></a>
-            </div>  
-        {% endif %}
-        {% for media in medias %}
-            {% set classVideo = "" %}
-            {% if app.user.company.presentationVideo %}
-                {% set idPresentationVideo = app.user.company.presentationVideo.id %}
-            {% else %}
-                {% set idPresentationVideo = false %}
-            {% endif %}
-            {% if idPresentationVideo != media.id %}
-            
-                <div class="col s12 m6 l4 col-card">
-                    <div class="card card-video-action z-depth-1">
-                        <div class="card-image">
-                            <div class="embed-responsive embed-responsive-16by9">
-                                <iframe src="https://player.vimeo.com{{ media.getCdnUrl()|replace({ "videos": "video"}) }}"
-                                        width="100%" height="230px" frameborder="0" webkitallowfullscreen
-                                        mozallowfullscreen allowfullscreen></iframe>
-                            </div>
-                            <div class="card-fog choice-fog">
-                                <div class="card-fog-container">
-                                    <a data-id="{{ media.getId() }}"
-                                       class="btn btn-default btn-default-video {{ classVideo }} tooltipped"
-                                       data-position="top"
-                                       data-tooltip="{{ 'global.video.defaultaction.label'|trans }}">
-                                        Choisir cette vidéo
-                                    </a>
-                                </div>
-                            </div>
-                            {% set classFog ="" %}
-                            {% set messageTooltipFog ="" %}
-                            {% if media.getAds().toArray() %}
-                                {% set classFog = "fogLight" %}
-                                {% set messageTooltipFog ="Vidéo associée à une annonce" %}
-                            {% endif %}
+</div>

-                            {% if media.getAnswers().toArray() %}
-                                {% set classFog = "fogLight" %}
-                                {% set messageTooltipFog ="Vidéo associée à une réponse" %}
-                            {% endif %}
-                            <div class="card-fog delete-fog {{ classFog }}">
-                                <div class="card-fog-container">
-                                    {% if media.getAds().toArray() or media.getAnswers().toArray() %}
-                                        <div class="card-fog-message">
-                                            Vous ne pouvez pas supprimer cette vidéo.<br/>
-                                            <i data-position="top" data-tooltip="{{ messageTooltipFog }}"
-                                               class="fa fa-question-circle tooltipped" aria-hidden="true"></i>
-                                        </div>
-                                    {% else %}
-                                        <a class="btn btn-default halfway-fab waves-effect waves-light red delete_unattached_media tooltipped"
-                                           href="{{ path("delete_unattached_media",{"id" : media.getId()}) }}"
-                                           data-position="top" data-tooltip="{{ 'media.delete.video.label'|trans }}">Supprimer</a>
-                                    {% endif %}
-                                </div>
-                            </div>
-                        </div>
-                        <div class="card-content">
-                            <p>
-                                <strong><span data-id="{{ media.id }}" class="titleVideo truncate tooltipped"
-                                              data-position="top"
-                                              data-tooltip="{{ media.title }}">{{ media.title }}</span></strong>
-                            </p>
-                        </div>
+{% set video = null %}
+
+<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;">Vous souhaitez booster vos
+                            recrutements ?</h4>
+                        <p>Ajoutez une vidéo marque employeur pour présenter votre entreprise et attirer de nouveaux
+                            talents.</p>
+                    </div>
+                    <div class="col-4"
+                        style="background-repeat: no-repeat; background-image: url('https://blog.talentstube.com/wp-content/uploads/2021/02/marque-employeur-entreprise.svg');background-size: contain;background-position: center;">
                    </div>
-                </div>
-            {% endif %}
-        {% endfor %}
-    </div>
-    </div>
-    {% set video = null %}
-    <div id="addVideo" class="modal modal-fixed-footer">
-        <div class="modal-content">
-            <div class="row">
-                {{ form_start(form, {'attr': { 'id': 'form_media' } }) }}
-                <div class="input-field  col s8">
-                    {{ form_rest(form) }}
-                </div>
-                <div class="col s4 right-align">
-                    <button id="submit" class="btn btn-default disabled" type="submit">Enregistrer</button>
-                    {% set messageTooltiped = "Votre vidéo ne doit pas dépasser les 500Mo.\n
-                    Les formats de vidéo acceptés sont les suivants : .mp4, .mov, .qt, .mkv, .avi, .m4v, .webm." %}
-                    <i class="fa fa-question-circle tooltipped" data-position="top" data-delay="50"
-                       data-tooltip="{{ messageTooltiped }}" aria-hidden="true"></i>
-                </div>
-                {{ form_end(form) }}
-                <div class="col s12">
-                    {% include 'media/dropzone.html.twig' with {'deleting': 'false'} %}
                </div>
            </div>
        </div>
-        <div class="modal-footer">
-            <a href="#!" class="modal-action modal-close  btn btn-default btn-round">Fermer</a>
+    </div>
+    <div class="col-lg-8">
+        <div id="addVideo">
+            <div class="card col p-t-20 p-b-15">
+                <div class="row m-b-20">
+                    <div class="col">
+                        <div class="col">
+                            <h4>Importer une vidéo Marque Employeur</h4>
+                        </div>
+                    </div>
+                </div>
+                <div class="row ">
+                    <div class="col ">
+                        {% include 'media/dropzone.html.twig' with {'deleting': 'false'} %}
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col m-t-20">
+                        {{ form_start(form, {'attr': { 'id': 'form_media' } }) }}
+                        <div class="input-field col">
+                            <div>
+                                {{ form_rest(form) }}
+                            </div>
+                        </div>
+                        <div class="col m-t-20">
+                            <button id="submit" class="btn btn-lg btn-primary disabled"
+                                type="submit">Définir comme vidéo marque employeur</button>
+                            {% set messageTooltiped = "Votre vidéo ne doit pas dépasser les 500Mo.\n
+                    Les formats de vidéo acceptés sont les suivants : .mp4, .mov, .qt, .mkv, .avi, .m4v, .webm." %}
+                            <i class="fa fa-question-circle tooltipped" data-position="top" data-delay="50"
+                                data-tooltip="{{ messageTooltiped }}" aria-hidden="true"></i>
+                        </div>
+                        {{ form_end(form) }}
+                    </div>
+                </div>
+                {% if app.user.company.presentationVideo %}
+                 {% set media = app.user.company.presentationVideo %}
+                <div class="col video_premier z-depth-3 m-t-30 m-b-30">
+                    <div class="card-image">
+                        <div class="embed-responsive embed-responsive-16by9">
+                            {% if app.user.company.presentationVideo %}
+                            <div><strong><span data-id="{{ media.id }}" class="titleVideo">{{ media.title }}</span></strong>
+                            </div>
+                            {% else %}
+                            {% set label_title_video = "" %}
+                            {% if is_granted('ROLE_COMPANY') %}
+                            {% set label_title_video = "Mon entreprise en vidéo" %}
+                            {% elseif is_granted('ROLE_TALENT') %}
+                            {% set label_title_video = "Mon CV Générique" %}
+                            {% endif %}
+                            <strong>{{ label_title_video }}</strong>
+                            {% endif %}
+
+                            {% set media = app.user.company.presentationVideo %}
+                            <iframe src="https://player.vimeo.com{{ media.getCdnUrl()|replace({ "videos": "video"}) }}"
+                                width="100%" height="550" frameborder="0" webkitallowfullscreen mozallowfullscreen
+                                allowfullscreen></iframe>
+
+                        </div>
+                    </div>
+                </div>
+                {% endif %}
+            </div>
        </div>
    </div>
+
+
+    <div class="col-lg-8">
+        <div class="card card-default card-body">
+            <div class="card-body">
+                <h4>Gestion de mes vidéos</h4>
+                {% set iteration = 0 %}
+                {% for media in medias %}
+                {% set classVideo = "" %}
+                {% if app.user.company.presentationVideo %}
+                {% set idPresentationVideo = app.user.company.presentationVideo.id %}
+                {% else %}
+                {% set idPresentationVideo = false %}
+                {% endif %}
+                {% if idPresentationVideo != media.id %}
+                {% if iteration is divisible by(2)  or iteration==0%}
+                <div class="row p-t-10 p-b-10">
+                {% endif %}
+                {% set iteration = iteration+1 %}
+                    <div class="col">
+                        <div class="card-image">
+                            <div class="embed-responsive embed-responsive-16by9">
+                                <iframe
+                                    src="https://player.vimeo.com{{ media.getCdnUrl()|replace({ "videos": "video"}) }}"
+                                    width="100%" height="230px" frameborder="0" webkitallowfullscreen mozallowfullscreen
+                                    allowfullscreen></iframe>
+                            </div>
+                            <div class="row m-t-10 m-b-10">
+                                <div class="col card-fog choice-fog">
+                                    <div class="card-fog-container">
+                                        <a data-id="{{ media.getId() }}"
+                                            class="btn btn-default btn-default-video {{ classVideo }} tooltipped"
+                                            data-position="top"
+                                            data-tooltip="{{ 'global.video.defaultaction.label'|trans }}">
+                                            Choisir cette vidéo
+                                        </a>
+                                    </div>
+                                </div>
+                                {% set classFog ="" %}
+                                {% set messageTooltipFog ="" %}
+                                {% if media.getAds().toArray() %}
+                                {% set classFog = "fogLight" %}
+                                {% set messageTooltipFog ="Vidéo associée à une annonce" %}
+                                {% endif %}
+
+                                {% if media.getAnswers().toArray() %}
+                                {% set classFog = "fogLight" %}
+                                {% set messageTooltipFog ="Vidéo associée à une réponse" %}
+                                {% endif %}
+                                <div class="card-fog delete-fog {{ classFog }}">
+                                    <div class="card-fog-container">
+                                        {% if media.getAds().toArray() or media.getAnswers().toArray() %}
+                                        <div class="card-fog-message">
+                                            Vous ne pouvez pas supprimer cette vidéo.<br />
+                                            <i data-position="top" data-tooltip="{{ messageTooltipFog }}"
+                                                class="fa fa-question-circle tooltipped" aria-hidden="true"></i>
+                                        </div>
+                                        {% else %}
+                                        <a class="btn btn-default halfway-fab waves-effect waves-light red delete_unattached_media tooltipped"
+                                            href="{{ path("delete_unattached_media",{"id" : media.getId()}) }}"
+                                            target="_blank">Supprimer</a>
+                                        {% endif %}
+                                        
+                                    </div>
+                                </div>
+                                
+                                {# <div class="card-content">
+                                    <p>
+                                        <strong><span data-id="{{ media.id }}" class="titleVideo truncate tooltipped"
+                                                data-position="top" data-tooltip="{{ media.title }}">{{ media.title }}</span></strong>
+                                    </p>
+                                </div> #}
+                            </div>
+                        </div>
+                    </div>
+                
+                
+                {# cas d'un nombre impair de video #}
+                {% if  medias|length == iteration+1%}
+                <div class="col">
+                        <div class="card-image">
+                            <div class="embed-responsive embed-responsive-16by9">
+                                
+                            </div>
+                            <div class="row m-t-10 m-b-10">
+                            </div>
+                        </div>
+                </div>
+                {% endif %}
+                {# fermeture de div pour aller à la ligne quand le nombre de video est un multiple de deux et par défaut au début iteration==0 #}
+                {% if iteration is divisible by(2)  or iteration==0 or medias|length == iteration+1%}
+                </div>
+                {% endif %}
+                {% endif %}
+                {% endfor %}
+
+            </div>
+        </div>
+    </div>
+</div>
+
+
+
+
+
+
+
+
+
 {% endblock %}
 {% block javascripts %}
-    {{ parent() }}
-    <script type="text/javascript">
-        var urlDropzone = '{{ path("upload_media_default", {"id": app.user.id }) }}';
-        var urlDelete = '';
-        var idObject = null;
-        var typeObject = null;
-        var videoExist = false;
-        var mediaDefaultUrl = '{{ path("media_default") }}';
-        var idUser = '{{ app.user.id }}';
-        var mediaEditTitleUrl = "{{ path('media_edit_title', {'id': 'id_video'})|escape('js') }}";
-    </script>
-    <script src="{{ asset('/js/mediaListing.js') }}"></script>
-    <script src="{{ asset('/js/dropzone.js') }}"></script>
+{{ parent() }}
+<script type="text/javascript">
+    var urlDropzone = '{{ path("upload_media_default", {"id": app.user.id }) }}';
+    var urlDelete = '';
+    var idObject = null;
+    var typeObject = null;
+    var videoExist = false;
+    var mediaDefaultUrl = '{{ path("media_default") }}';
+    var idUser = '{{ app.user.id }}';
+    var mediaEditTitleUrl = "{{ path('media_edit_title', {'id': 'id_video'})|escape('js') }}";
+</script>
+<script src="{{ asset('/js/mediaListing.js') }}"></script>
+<script src="{{ asset('/js/dropzone.js') }}"></script>
 {% endblock %}
@@ -3,22 +3,18 @@
        <div class="errors"></div>
    </div>
 </div>
+
 <div id="profile_picture_upload">
-    {{ form_start(form, { 'action': path('profile_logo'), 'attr': { 'class': 'fos_user_profile_edit' } }) }}
-     <div class="col s6">
-        <label for="profile_logo_file" class="btn btn-default custom-file-upload">
-        <i class="fa fa-cloud-upload"></i> Importer une photo
-        </label>
-        {{ form_widget(form.file) }}
-        {{ form_rest(form) }}
-    </div>
-    <div class="col s6" style="text-align: center;">
-        <div id="preview_profile_picture">
-            <img src="" class="resize-image responsive-img">
-        </div>
-        <button class="hide btn btn-default btn-save-profile-picture" type="submit">
-            <i class="fa fa-floppy-o" aria-hidden="true"></i> Sauvegarder
-        </button>
-    </div>
-    {{ form_end(form) }}
+    {{ form_start(formLogo, { 'action': path('profile_logo'), 'attr': { 'class': 'fos_user_profile_edit' } }) }}
+
+
+
+    <div class="input-group">
+   {# {{ form_widget(formLogo.file) }} #}
+        {# {{ form_rest(formLogo) }} #}
+        <button aria-label="" type="button" class="btn btn-outline-primary btn-lg m-r-10" onclick="profile_logo_file.click()">Choisir votre logo</button>
+        <button class="btn btn-primary btn-lg"  type="submit" id="inputGroupFileAddon04">Valider le logo</button>
+</div>
+    
+    {{ form_end(formLogo) }}
 </div>
@@ -80,7 +80,7 @@ twig:
    globals:
        push_public_key: "%push_params.public_key%" 
        fairlane_cookie_consent: '@fairlane_cookie_consent.twig'
-        version: '2.5.0'
+        version: '2.7.2'

    

@@ -160,7 +160,9 @@ doctrine_mongodb:
 liip_imagine :
    resolvers :
        default :
-            web_path : ~
+            web_path:  
+                web_root: %kernel.root_dir%/..'
+                cache_prefix: media/cache
    filter_sets :
        cache : ~
        profile_thumb :
@@ -1,6 +1,8 @@
 # This file is auto-generated during the composer install
 parameters:
    onurb_yuml.extension: jpg
+    mailjet_public: 355697fac93fca865660734b4fdffaeb
+    mailjet_private : ddecf75321ca89c09e561857b13534c8
    mailer_transport: smtp
    mailer_host: mail.gandi.net
    mailer_user: noreply@talentstube.io
@@ -25,8 +27,8 @@ parameters:
    media_photo_dir: '%kernel.root_dir%/../web/uploads/photos/'
    elastic_host: tt-website.elasticsearch.dev
    elastic_port: 9200
-    delivery_addresses: l.laniau@talentstube.com
-    app.version: 2.3.6
+    delivery_addresses: dev@talentstube.com
+    app.version: 2.5.1
    push_params:
        push_notification_file_path: '%kernel.root_dir%/../web/push/'
        push_network_config:
@@ -1,4 +1,6 @@
 parameters:
+    mailjet_public: 355697fac93fca865660734b4fdffaeb
+    mailjet_private : ddecf75321ca89c09e561857b13534c8
    mailer_transport: smtp
    mailer_host: mail.gandi.net
    # mailer_user: noreply@talentstube.io
@@ -30,8 +32,8 @@ parameters:

    elastic_host: tt-website.elasticsearch.preprod
    elastic_port: 9200
-    delivery_addresses: l.laniau@talentstube.com
-    app.version: 2.3.6
+    delivery_addresses: dev@talentstube.com
+    app.version: 2.5.1
    push_params:
        push_notification_file_path: '%kernel.root_dir%/../web/push/'
        push_network_config:
@@ -1,4 +1,6 @@
 parameters:
+    mailjet_public: 355697fac93fca865660734b4fdffaeb
+    mailjet_private : ddecf75321ca89c09e561857b13534c8
    mailer_transport: smtp
    mailer_host: mail.gandi.net
    #mailer_user: noreply@talentstube.com
@@ -22,15 +24,15 @@ parameters:
    prestashop_ad_id: 10
    prestashop_video_corporate_id: 19
    prestashop_url: https://www.talentstube.com/store/
-#Media
+#Media 
    media_video_dir: '%kernel.root_dir%/../web/uploads/videos/'
    media_video_url: 'http://static.talentstube.com/videos/'
    media_photo_dir: '%kernel.root_dir%/../web/uploads/photos/'

    elastic_host: tt-website.elasticsearch.prod
    elastic_port: 9200
-    delivery_addresses: l.laniau@talentstube.com
-    app.version: 2.4.0
+    delivery_addresses: dev@talentstube.com
+    app.version: 2.5.1
    push_params:
        push_notification_file_path: '%kernel.root_dir%/../web/push/'
        push_network_config:
@@ -1,4 +1,6 @@
 parameters:
+    cheminVideo : '%kernel.project_dir%/web/uploads/videos/montage'
+
 services:

    #Tools (independent)
@@ -159,6 +159,16 @@ class AnswerController extends AbstractController
                            // But if that werent't the case, its value should have been tested
                            // before assigning it to $responseTemp
                            $responseTemp = $answer->getUser()->getFirstname();
+                            if($answer->getUser()->getCompany()){
+                                if($answer->getUser()->getCompany()->getCv()){
+                                    if ($this->container->get( 'kernel' )->getEnvironment()  == "dev") {
+                                        $cheminCv = "../../../../../uploads/cv/";
+                                    }else{
+                                        $cheminCv = "../../../../uploads/cv/";
+                                    }
+                                    $responseTemp .= "<br> <a target='_blank' href='".$cheminCv.$answer->getUser()->getCompany()->getCv()."'>Lien vers le CV papier</a>";
+                                }     
+                            }
                            break;
                        }
                    
@@ -206,7 +216,12 @@ class AnswerController extends AbstractController
                    }
                    case 'status':
                        {
-                            $responseTemp = "<span id='status_".$answer->getId()."'> ".$answer->getstatus()."</span> ";
+                            if($answer->getstatus()=="SENDED"){
+                                $status= "ENVOYE";
+                            }else{
+                                $status=$answer->getstatus();
+                            }
+                            $responseTemp = "<span id='status_".$answer->getId()."'> ".$status."</span> ";
                            
    
                            break;
@@ -24,10 +24,15 @@ class MediaController extends Controller
    public function adminVideoModerationListAction()
    {
        $em = $this->getDoctrine()->getManager();
-        $medias = $em->getRepository('AppBundle:Media')->findByStatus('TO_MODERATE');
-
+        $medias = $em->getRepository('AppBundle:Media')->getMedias();
+        if ($this->container->get( 'kernel' )->getEnvironment()  == "dev") {
+            $chemin="../../../../uploads/videos/";
+        }else{
+            $chemin="../../../uploads/videos/";
+        }
        return $this->render('admin/media_list_moderation.html.twig', array(
            'medias' => $medias,
+            'chemin' => $chemin,
        ));
    }

@@ -4,6 +4,8 @@ namespace AppBundle\Controller;

 use AppBundle\Entity\Ad;
 use AppBundle\Entity\Answer;
+use AppBundle\Entity\Note;
+use AppBundle\Form\NoteAjaxType;
 use AppBundle\Entity\Company;
 use AppBundle\Entity\Message;
 use AppBundle\Form\AnswerType;
@@ -18,7 +20,12 @@ use Symfony\Component\HttpFoundation\Session\Session;
 use Symfony\Component\Routing\Generator\UrlGeneratorInterface;
 use Symfony\Component\Security\Core\Authentication\Token\UsernamePasswordToken;
 use AppBundle\Entity\Media;
-
+//MAILJET
+use AppBundle\Entity\Mailjet;
+// use AppBundle\Entity\Response;
+use AppBundle\Entity\Resources;
+use AppBundle\Entity\Config;
+use AppBundle\Entity\Client;
 class AnswerController extends Controller
 {
    /**
@@ -43,6 +50,22 @@ class AnswerController extends Controller
        return new JsonResponse(array('success' => "true", 'code' => $ad->getCode()));
    }

+    /**
+     * @Route("/anwser/updateStatus/{id}", name="anwser_update_status")
+     */
+    public function anwserUpdateStatusAction(Request $request, Answer $answer)
+    {
+        if ($answer) {
+            $em = $this->getDoctrine()->getManager();
+            $answer->setStatusReponse($request->query->get('status'));
+            
+            $em->persist($answer);
+            $em->flush();
+        }
+
+        return new JsonResponse(array('success' => "true", 'code' => ""));
+    }
+
    

    
@@ -266,42 +289,37 @@ class AnswerController extends Controller
     */
    public function talentCreateSpontaneaousAction(Request $request, Company $company)
    {
-        $securityContext = $this->container->get('security.authorization_checker');
-        if (!$securityContext->isGranted('IS_AUTHENTICATED_FULLY')) {
-            $this->createAnonymousUser();
-        }
-        $em = $this->getDoctrine()->getManager();
-        $existAnswer = $em->getRepository('AppBundle:Answer')->findOneBy(array('user' => $this->getUser(), 'company' => $company));
-        if ($existAnswer) {
-            if ($existAnswer->getStatus() == "SENDED") {
-                $answer = new Answer($this->getUser(), null, 'DRAFT', $company);
-                $em->persist($answer);
-                $em->flush();
-            } else {
-                $answer = $existAnswer;
-            }
-        } else {
-            $answer = new Answer($this->getUser(), null, 'DRAFT', $company);
-            $em->persist($answer);
-            $em->flush();
-        }
-        $em->persist($answer);
-        $em->flush();
-        $user = $this->getUser();
-        $mustLogin = false;
-        if (!$user->hasRole('ROLE_TALENT')) {
-            $mustLogin = true;
-        }
-        $route_videotheque = $this->generateUrl("answer_create_company_step2", array('id' => $company->getId(), 'type' => 'videotheque'));
-        $this->get('twig')->addGlobal('destination_login', $route_videotheque);
+        // $securityContext = $this->container->get('security.authorization_checker');
+        // if (!$securityContext->isGranted('IS_AUTHENTICATED_FULLY')) {
+        //     $this->createAnonymousUser();
+        // }
+        // $em = $this->getDoctrine()->getManager();
+        // $existAnswer = $em->getRepository('AppBundle:Answer')->findOneBy(array('user' => $this->getUser(), 'company' => $company));
+        // if ($existAnswer) {
+        //     if ($existAnswer->getStatus() == "SENDED") {
+        //         $answer = new Answer($this->getUser(), null, 'DRAFT', $company);
+        //         $em->persist($answer);
+        //         $em->flush();
+        //     } else {
+        //         $answer = $existAnswer;
+        //     }
+        // } else {
+        //     $answer = new Answer($this->getUser(), null, 'DRAFT', $company);
+        //     $em->persist($answer);
+        //     $em->flush();
+        // }
+        // $em->persist($answer);
+        // $em->flush();
+        // $user = $this->getUser();
+        // $mustLogin = false;
+        // if (!$user->hasRole('ROLE_TALENT')) {
+        //     $mustLogin = true;
+        // }
+        // $route_videotheque = $this->generateUrl("answer_create_company_step2", array('id' => $company->getId(), 'type' => 'videotheque'));
+        // $this->get('twig')->addGlobal('destination_login', $route_videotheque);

-        return $this->render('answer/answer_create_step1.html.twig', array(
-            'typeObject' => 'Company',
-            'answer' => $answer,
-            'object' => $company,
-            'mustLogin' => $mustLogin,
-            'route_videotheque' => $route_videotheque,
-        ));
+        return $this->render('answer/answer_create_step1.html.twig'
+        );
    }

    /**
@@ -379,51 +397,132 @@ class AnswerController extends Controller
        }

        if ($form->isSubmitted() && $form->isValid()) {
+            $mj = new Client($this->getParameter('mailjet_public'), $this->getParameter('mailjet_private'));
+            // $link = $this->generateUrl('company_answer_show', array('id' => $answer->getId()), UrlGeneratorInterface::ABSOLUTE_URL);
+            $contactMail = $answer->getUser()->getEmail();
+            if ($this->container->get( 'kernel' )->getEnvironment()  == "dev") {
+                $contactMail = "dev@talentstube.com";
+            }
+            if($message->getVideo() == null){
+                $body = [
+                    'FromEmail' => "noreply@talentstube.io",
+                    'FromName' => "Talents Tube",
+                    'Subject' => "Découvrez la réponse de l’entreprise pour votre candidature",
+                    'MJ-TemplateID' =>2196199 ,
+                    'MJ-TemplateLanguage' => true,
+                    'Recipients' => [
+                        [
+                            'Email' => $contactMail, 
+                            'Vars' => [
+                                'prenom' => $answer->getUser()->getFirstname(),
+                                'entreprise' => $this->getUser()->getCompany()->getBrandName(),
+                            ]
+                        ]
+                    ]
+                ];
+            }else{
+                $thumbnailsArray = $message->getVideo()->getThumbnails();
+                $img="";
+                if($thumbnailsArray){
+                    if($thumbnailsArray[0]){
+                        if($thumbnailsArray[0]['sizes']){
+                            $img = $thumbnailsArray[0]['sizes'][4]['link'];
+                        }
+                    }
+                }
+                
+                $body = [
+                    'FromEmail' => "noreply@talentstube.io",
+                    'FromName' => "Talents tube",
+                    'Subject' => "Découvrez la réponse de l’entreprise pour votre candidature.",
+                    'MJ-TemplateID' =>2196010 ,
+                    'MJ-TemplateLanguage' => true,
+                    'Recipients' => [
+                        [
+                            'Email' => $contactMail, 
+                            'Vars' => [
+                                'prenom' => $answer->getUser()->getFirstname(),
+                                'entreprise' => $this->getUser()->getCompany()->getBrandName(),
+                                'imgReponseEntreprise' => $img,
+                            ]
+                        ]
+                    ]
+                ];
+            }
+              
+
+
+
+
+
+
            $messageText = $form['message']->getData();
            if(!$messageText){
                $messageText = "";
            }
-            $mediaManager = $this->get('media_manager');
-            $mediaManager->getThumbnails($message);
-            $htmlView = $this->renderView('email/contact_talent.html.twig', array(
-                'type' => 'html',
-                'answer' => $answer,
-                'messageText' => $messageText,
-                'user' => $answer->getUser(),
-                'video' => $message->getVideo(),
-                'message' => $message,
-                'aliasCompany' => $aliasCompany
-            ));
+            // $mediaManager = $this->get('media_manager');
+            // $mediaManager->getThumbnails($message);
+            // $htmlView = $this->renderView('email/contact_talent.html.twig', array(
+            //     'type' => 'html',
+            //     'answer' => $answer,
+            //     'messageText' => $messageText,
+            //     'user' => $answer->getUser(),
+            //     'video' => $message->getVideo(),
+            //     'message' => $message,
+            //     'aliasCompany' => $aliasCompany
+            // ));

-            $plainView = $this->renderView('email/contact_talent_plain.html.twig', array(
-                'message' => $messageText,
-                'user' => $answer->getUser(),
-            ));
-            $email = \Swift_Message::newInstance()
-                ->setSubject('Candidature : ' . $title)
-                ->setFrom($this->getParameter('mailer_user'))
-                ->setReplyTo($this->getParameter('mailer_user'))
-                ->setTo($answer->getUser()->getEmail())
-                ->setBody($htmlView, 'text/html')
-                ->addPart($plainView, 'text/plain');
-            $this->get('mailer')->send($email);
+            // $plainView = $this->renderView('email/contact_talent_plain.html.twig', array(
+            //     'message' => $messageText,
+            //     'user' => $answer->getUser(),
+            // ));
+            // $email = \Swift_Message::newInstance()
+            //     ->setSubject('Candidature : ' . $title)
+            //     ->setFrom($this->getParameter('mailer_user'))
+            //     ->setReplyTo($this->getParameter('mailer_user'))
+            //     ->setTo($answer->getUser()->getEmail())
+            //     ->setBody($htmlView, 'text/html')
+            //     ->addPart($plainView, 'text/plain');
+            // $this->get('mailer')->send($email);
            $em = $this->getDoctrine()->getManager();
            $message->setSubject('Candidature : ' . $title);
            $message->setContent($messageText);
-            $message->setStatus($form['status']->getData());
+            $message->setAnswer($answer);
+            $message->setStatus('CONTACTED');
            $em->persist($message);
            $em->flush();
+            
+            $response = $mj->post(Resources::$Email, ['body' => $body]);
+            $response->success() && var_dump($response->getData());  
            return $this->redirectToRoute('company_answer_show', ['id' => $answer->getId()]);
        }

        $formMessage = $form->createView();
        $formVideo = $form;
-        $formVideo->remove('message'); 
-
+        //$formVideo->remove('message'); 
+        $note = new Note($user);
+        $formNote = $this->createForm(NoteAjaxType::class, $note);
+        $formNote->handleRequest($request);
+        if ($formNote->isSubmitted() && $formNote->isValid()) {
+            $answer->addNote($note);
+            $em->persist($answer);
+            $em->flush();
+            $referer = $request->headers->get('referer');
+            return $this->redirect($referer);
+        }
+        $extension="";
+        if($answer->getUser()->getCompany()->getCv()){
+            //$fichier = new SplFileInfo($answer->getUser()->getCompany()->getCv());
+            
+            $fichier = explode(".", $answer->getUser()->getCompany()->getCv());
+            $extension=$fichier[1];
+        }
        return $this->render('company/answer_show.html.twig', [
            'answer' => $answer,
+            'extension' => $extension,
            'form' => $formMessage,
            'formVideo' => $formVideo->createView(),
+            'formNote' => $formNote->createView(),
            'type' => $type,
            'videos' => $videos,
            'message' => $message
@@ -22,6 +22,12 @@ use Symfony\Component\Routing\Generator\UrlGeneratorInterface;
 use JMS\Serializer\SerializationContext;
 use AppBundle\Exception\ResourceValidationException;
 use AppBundle\Exception\UnknownUserException;
+//MAILJET
+use AppBundle\Entity\Mailjet;
+// use AppBundle\Entity\Response;
+use AppBundle\Entity\Resources;
+use AppBundle\Entity\Config;
+use AppBundle\Entity\Client;
 use \DateTime;

 class AnswerController extends FOSRestController
@@ -95,7 +101,7 @@ class AnswerController extends FOSRestController
            $mediaId = htmlspecialchars($request->get('mediaId'));
            $companyId = htmlspecialchars($request->get('companyId'));
            $adId = htmlspecialchars($request->get('adId'));
-
+            //TODO 471 : Associer CV avec candidature crée (on a envoyé le lien du cv dans le request)
            if (!is_numeric($mediaId) || !is_numeric($companyId) || ($adId != null && !is_numeric($adId))) {
                $message = 'Le média, l\'entreprise ou l\'offre ne sont pas au format demandé';
                $status = 'failure';
@@ -160,35 +166,78 @@ class AnswerController extends FOSRestController
                $message->setVideo($video);
                $em->persist($message);
                $em->flush();*/
-                // if ($this->container->get( 'kernel' )->getEnvironment()  != "dev") {
+                 
+                
+                 //if ($this->container->get( 'kernel' )->getEnvironment()  != "dev") {
+                    
+                    
                    $mailManager = $this->get('app.mail_manager');
                    foreach ($usersCompany as $user){
+                        $mj = new Client("355697fac93fca865660734b4fdffaeb", "ddecf75321ca89c09e561857b13534c8");
                        $link = $this->generateUrl('company_answer_show', array('id' => $answer->getId()), UrlGeneratorInterface::ABSOLUTE_URL);
-                        $mailManager->sendMail(
-                            'Candidature TalentsTube ',
-                            '<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;" align="center"><table cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;" align="center"><tbody><tr><td><img alt="" src="' . $img . '" style="border:none;display:block;outline:none;text-decoration:none;width:100%;max-width:600px;height:auto;" width="600" height="auto"></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso]>
-                            </td></tr></table>
-                            <![endif]--></td></tr></tbody></table></div>
+                        $contactMail = $user->getEmail();
+                        if ($this->container->get( 'kernel' )->getEnvironment()  == "dev") {
+                            $contactMail = "dev@talentstube.com";

-                            <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>Bonjour ' . $user->getLastname() . ' ' . $user->getFirstname() . ',</p>
-                                <p>Le talent ' . $answer->getUser()->getFirstname() . ' ' . $answer->getUser()->getLastname() . ' a répondu à votre annonce ' . $title . '.</p></div></td></tr></tbody></table></div><!--[if mso]>
-                            </td></tr></table>
-                            <![endif]--></td></tr></tbody></table></div>
+                        }else{
+                            // $complSubject="";
+                            // if($user->getEmail()){
+                            //     $complSubject=$user->getEmail();
+                            // }
+                            if($answer->getUser()){
+                                $body = [
+                                    'FromEmail' => "noreply@talentstube.io",
+                                    'FromName' => "Talents Tube",
+                                    // 'To' => $contactMail,
+                                    'Subject' => "Une nouvelle candidature reçue sur Talents Tube ",
+                                    'MJ-TemplateID' =>2297838 ,
+                                    'MJ-TemplateLanguage' => true,
+                                    'Recipients' => [
+                                        [
+                                            'Email' => $contactMail,
+                                            'Name' => $user->getLastname(), 
+                                            'Vars' => [
+                                                'prenomRecruteur' => $user->getFirstname(),
+                                                'nomRecruteur' => $user->getLastname(),
+                                                'prenom' => $answer->getUser()->getFirstname(),
+                                                'nom' => $answer->getUser()->getLastname(),
+                                                'urlCandidature' => $link,
+                                            ]
+                                        ]
+                                    ],
+                                    
+                                ];
+                                $response = $mj->post(Resources::$Email, ['body' => $body]);
+                                $response->success() ;
+                            }
+                        }

-                            <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 0px 40px 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:15px 30px;" align="center"><table cellpadding="0" cellspacing="0" style="border:none;border-radius:30px;" align="center"><tbody><tr><td style="background:#1689FB;border-radius:30px;color:#FFFFFF;cursor:auto;" align="center" valign="middle" bgcolor="#1689FB"><a class="mj-content" href="' . $link . '" style="display:inline-block;text-decoration:none;background:#1689FB;border:1px solid #1689FB;border-radius:30px;color:#FFFFFF;font-family:Trebuchet,Helvetica,sans-serif;font-size:14px;font-weight:normal;padding:15px 30px;" target="_blank">Découvrir le talent</a></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso]>
-                            </td></tr></table>
-                            <![endif]--></td></tr></tbody></table></div>',
-                            $user,
-                            'contact_default'
-                        );
+                        
+                        // $mailManager->sendMail(
+                        //     'Candidature TalentsTube ',
+                        //     '<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;" align="center"><table cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;" align="center"><tbody><tr><td><img alt="" src="' . $img . '" style="border:none;display:block;outline:none;text-decoration:none;width:100%;max-width:600px;height:auto;" width="600" height="auto"></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso]>
+                        //     </td></tr></table>
+                        //     <![endif]--></td></tr></tbody></table></div>
+
+                        //     <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>Bonjour ' . $user->getLastname() . ' ' . $user->getFirstname() . ',</p>
+                        //         <p>Le talent ' . $answer->getUser()->getFirstname() . ' ' . $answer->getUser()->getLastname() . ' a répondu à votre annonce ' . $title . '.</p></div></td></tr></tbody></table></div><!--[if mso]>
+                        //     </td></tr></table>
+                        //     <![endif]--></td></tr></tbody></table></div>
+
+                        //     <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 0px 40px 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:15px 30px;" align="center"><table cellpadding="0" cellspacing="0" style="border:none;border-radius:30px;" align="center"><tbody><tr><td style="background:#1689FB;border-radius:30px;color:#FFFFFF;cursor:auto;" align="center" valign="middle" bgcolor="#1689FB"><a class="mj-content" href="' . $link . '" style="display:inline-block;text-decoration:none;background:#1689FB;border:1px solid #1689FB;border-radius:30px;color:#FFFFFF;font-family:Trebuchet,Helvetica,sans-serif;font-size:14px;font-weight:normal;padding:15px 30px;" target="_blank">Découvrir le talent</a></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso]>
+                        //     </td></tr></table>
+                        //     <![endif]--></td></tr></tbody></table></div>',
+                        //     $user,
+                        //     'contact_default'
+                        // );
                    }
-                // }
+                 //}
                $status = array('status' => "success", "idAnswer" => $answer->getId()/*, "idMessage" => $message->getId()*/);
            }
        } else {
@@ -389,30 +438,59 @@ class AnswerController extends FOSRestController
        $em->flush();*/
        $mailManager = $this->get('app.mail_manager');
        foreach ($usersCompany as $user){
-            $link = $this->generateUrl('company_answer_show', array('id' => $existAnswer->getId()), UrlGeneratorInterface::ABSOLUTE_URL);
-            $mailManager->sendMail(
-                'Message sur la plateforme Talents Tube ',
-                '<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;" align="center"><table cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;" align="center"><tbody><tr><td><img alt="" src="' . $img . '" style="border:none;display:block;outline:none;text-decoration:none;width:100%;max-width:600px;height:auto;" width="600" height="auto"></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso]>
-                </td></tr></table>
-                <![endif]--></td></tr></tbody></table></div>

-                <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>Bonjour ' . $user->getLastname() . ' ' . $user->getFirstname() . ',</p>
-                    <p>Le talent ' . $existAnswer->getUser()->getFirstname() . ' ' . $existAnswer->getUser()->getLastname() . ' a laissé un message à votre annonce ' . $title . '.</p></div></td></tr></tbody></table></div><!--[if mso]>
-                </td></tr></table>
-                <![endif]--></td></tr></tbody></table></div>
+            $mj = new Client($this->getParameter('mailjet_public'), $this->getParameter('mailjet_private'));
+            // $link = $this->generateUrl('company_answer_show', array('id' => $existAnswer->getId()), UrlGeneratorInterface::ABSOLUTE_URL);
+            $contactMail = $user->getEmail();
+            if ($this->container->get( 'kernel' )->getEnvironment()  == "dev") {
+                $contactMail = "dev@talentstube.com";
+            }
+            $body = [
+                'FromEmail' => "noreply@talentstube.io",
+                'FromName' => "Talents Tube",
+                'Subject' => "Vous avez reçu un message d’un candidat",
+                'MJ-TemplateID' =>2195469 ,
+                'MJ-TemplateLanguage' => true,
+                'Recipients' => [
+                    [
+                        'Email' => $contactMail, 
+                        'Vars' => [
+                            'prenomRecruteur' => $user->getFirstname(),
+                            'nomRecruteur' => $user->getLastname(),
+                            'prenom' => $existAnswer->getUser()->getFirstname(),
+                            'nom' => $existAnswer->getUser()->getLastname(),
+                            'entreprise' => $title
+                        ]
+                    ]
+                ]
+            ];
+            $response = $mj->post(Resources::$Email, ['body' => $body]);
+            

-                <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 0px 40px 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:15px 30px;" align="center"><table cellpadding="0" cellspacing="0" style="border:none;border-radius:30px;" align="center"><tbody><tr><td style="background:#1689FB;border-radius:30px;color:#FFFFFF;cursor:auto;" align="center" valign="middle" bgcolor="#1689FB"><a class="mj-content" href="' . $link . '" style="display:inline-block;text-decoration:none;background:#1689FB;border:1px solid #1689FB;border-radius:30px;color:#FFFFFF;font-family:Trebuchet,Helvetica,sans-serif;font-size:14px;font-weight:normal;padding:15px 30px;" target="_blank">Lire le message</a></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso]>
-                </td></tr></table>
-                <![endif]--></td></tr></tbody></table></div>',
-                $user,
-                'contact_default'
-            );
+            // $link = $this->generateUrl('company_answer_show', array('id' => $existAnswer->getId()), UrlGeneratorInterface::ABSOLUTE_URL);
+            // $mailManager->sendMail(
+            //     'Message sur la plateforme Talents Tube ',
+            //     '<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;" align="center"><table cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;" align="center"><tbody><tr><td><img alt="" src="' . $img . '" style="border:none;display:block;outline:none;text-decoration:none;width:100%;max-width:600px;height:auto;" width="600" height="auto"></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso]>
+            //     </td></tr></table>
+            //     <![endif]--></td></tr></tbody></table></div>
+
+            //     <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>Bonjour ' . $user->getLastname() . ' ' . $user->getFirstname() . ',</p>
+            //         <p>Le talent ' . $existAnswer->getUser()->getFirstname() . ' ' . $existAnswer->getUser()->getLastname() . ' a laissé un message à votre annonce ' . $title . '.</p></div></td></tr></tbody></table></div><!--[if mso]>
+            //     </td></tr></table>
+            //     <![endif]--></td></tr></tbody></table></div>
+
+            //     <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 0px 40px 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:15px 30px;" align="center"><table cellpadding="0" cellspacing="0" style="border:none;border-radius:30px;" align="center"><tbody><tr><td style="background:#1689FB;border-radius:30px;color:#FFFFFF;cursor:auto;" align="center" valign="middle" bgcolor="#1689FB"><a class="mj-content" href="' . $link . '" style="display:inline-block;text-decoration:none;background:#1689FB;border:1px solid #1689FB;border-radius:30px;color:#FFFFFF;font-family:Trebuchet,Helvetica,sans-serif;font-size:14px;font-weight:normal;padding:15px 30px;" target="_blank">Lire le message</a></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso]>
+            //     </td></tr></table>
+            //     <![endif]--></td></tr></tbody></table></div>',
+            //     $user,
+            //     'contact_default'
+            // );
        } 


@@ -18,6 +18,12 @@ use JMS\Serializer\SerializationContext;
 use Symfony\Component\HttpFoundation\JsonResponse;
 use Sensio\Bundle\FrameworkExtraBundle\Configuration\Route;
 use Symfony\Component\HttpFoundation\Request;
+//MAILJET
+use AppBundle\Entity\Mailjet;
+// use AppBundle\Entity\Response;
+use AppBundle\Entity\Resources;
+use AppBundle\Entity\Config;
+use AppBundle\Entity\Client;

 class CompanyController extends FOSRestController
 {
@@ -111,7 +117,7 @@ class CompanyController extends FOSRestController
    /**
     * @Rest\Get(path="/api/getAppelationsMetier", name="api_getAppelationsMetier")
     * @Rest\View
-     * Récupérer des appelations à partir d'un métier (code ROME)
+     * Récupérer des appelations pole emploi à partir d'un métier (code ROME)
     */
    public function getAppelationsMetierAction(Request $request)
    {
@@ -162,7 +168,7 @@ class CompanyController extends FOSRestController
    /**
     * @Rest\Get(path="/api/getAppelationsLibelle", name="api_getAppelationsLibelle")
     * @Rest\View
-     * Récupérer des appelations à partir d'un libellé
+     * Récupérer des appelations pole emploi à partir d'un libellé
     */
    public function getAppelationsLibelleAction(Request $request)
    {
@@ -214,7 +220,7 @@ class CompanyController extends FOSRestController
    /**
     * @Rest\Get(path="/api/getDetailAppelation", name="api_getDetailAppelation")
     * @Rest\View
-     * Récupérer le détail d'une appelation
+     * Récupérer le détail d'une appelation pole meploi
     */
    public function getDetailAppelationAction(Request $request)
    {
@@ -328,6 +334,57 @@ class CompanyController extends FOSRestController
         return new JsonResponse($response, 200, [], true);
    }

+
+    /**
+     * @Rest\Get(path="/api/demanderRdv", name="api_demanderRdv")
+     * @Rest\View
+     */
+    public function demanderRdvAction(Request $request)
+    {
+        //APPEL  de l'api Pole emploi pour recuperer Token
+        $nom=$request->query->get('nom');
+        $prenom=$request->query->get('prenom');
+        $email=$request->query->get('email');
+        $telephone=$request->query->get('telephone');
+        $page=$request->query->get('page');
+        if(isset($_SERVER['HTTP_REFERER'])) {
+            $previous = $_SERVER['HTTP_REFERER']." / ".$_SERVER['REQUEST_URI'];
+        }
+        
+        $mj = new Client($this->getParameter('mailjet_public'), $this->getParameter('mailjet_private'));
+            // $link = $this->generateUrl('company_answer_show', array('id' => $existAnswer->getId()), UrlGeneratorInterface::ABSOLUTE_URL);
+            $contactMail = "contact@talentstube.com";
+            if ($this->container->get( 'kernel' )->getEnvironment()  == "dev") {
+                $contactMail = "dev@talentstube.com";
+            }
+            $body = [
+                'FromEmail' => "noreply@talentstube.io",
+                'FromName' => "Talents Tube",
+                'Subject' => "Demande de rdv ",
+                'MJ-TemplateID' =>2383497 ,
+                'MJ-TemplateLanguage' => true,
+                'Recipients' => [
+                    [
+                        'Email' => $contactMail, 
+                        'Vars' => [
+                            'prenom' => $prenom,
+                            'nom' => $nom,
+                            'email' => $email,
+                            'telephone' => $telephone,
+                            'page' => $page,
+                            'precedent' => $previous
+                        ]
+                    ]
+                ]
+            ];
+            $response = $mj->post(Resources::$Email, ['body' => $body]);
+         
+
+            return new JsonResponse(array('retour' => "true"));
+    }
+
+
+
    /**
     * @Rest\Get("/api/companies", name="api_company_list")
     * @Rest\QueryParam(
@@ -400,6 +457,7 @@ class CompanyController extends FOSRestController
    public function companyAjaxRecStatAction(Company $company)
    {
        $history = $this->get('edeclic.history.record');
+        
        if ($this->getUser() && $this->getUser()->getCompany() != null) {
            if ($this->getUser()->getCompany()->getId() !== $company->getId()) {
                $history->recordIt($this->getUser()->getId(), "r", get_class($company), $company->getId(), serialize($company));
@@ -408,6 +466,10 @@ class CompanyController extends FOSRestController
            $history->recordIt("Anonymous", "r", 'AppBundle\Entity\Company', $company->getId(), serialize($company));
        }

-        return new JsonResponse(array('code' => "ok"));
+        if(!$this->getUser() == null){
+            return new JsonResponse(array('code' => "ok", "user" => $this->getUser()->getUsername()));
+        } else{
+            return new JsonResponse(array('code' => "ok"));
+        }
    }
 }
@@ -100,6 +100,7 @@ class SecurityController extends FOSRestController
          $alias = $slugService->slugify($user->getId() . "-" . $user->getFirstname() . "-" . $user->getLastname());
          $company->setAlias($alias);
          $company->setType("TALENT");
+          $company->setDescription("Annonce consultée : ".$adId);
          $user->setCompany($company);
          $userManager->updateUser($user);
        }
@@ -164,6 +165,21 @@ class SecurityController extends FOSRestController
        $countryTalent = "";
      }
      $titleTalent = htmlspecialchars($request->get('currentJob'));
+     
+      $geoloc = htmlspecialchars($request->get('geoloc'));
+      $street_number = htmlspecialchars($request->get('street_number'));
+      $route = htmlspecialchars($request->get('route'));
+      $locality = htmlspecialchars($request->get('locality'));
+      $administrative_area_level_2 = htmlspecialchars($request->get('administrative_area_level_2'));
+      $administrative_area_level_1 = htmlspecialchars($request->get('administrative_area_level_1'));
+      $country = htmlspecialchars($request->get('country'));
+      $postal_code = htmlspecialchars($request->get('postal_code'));
+      $formatted_address =  str_replace('"', '', $request->get('formatted_address'));
+      $lat = stripslashes($request->get('lat'));
+      $lng = stripslashes($request->get('lng'));
+
+//
+
      $newLinkedin = htmlspecialchars($request->get('linkedin'));
      $newTwitter = htmlspecialchars($request->get('twitter'));
      $newWebsite = htmlspecialchars($request->get('website'));
@@ -180,6 +196,26 @@ class SecurityController extends FOSRestController
          $talent->setLinkedin($newLinkedin);
          $talent->setTwitter($newTwitter);
          $talent->setTitleTalent($titleTalent);
+          $array = Array ();
+        
+          // \"$formatted_address
+          if($formatted_address!=""){
+            $array[] =  Array (
+              "street_number" => $street_number,
+              "route" => $route,
+              "administrative_area_level_2" => $administrative_area_level_2,
+              "administrative_area_level_1" => $administrative_area_level_1,
+              "country" => $country,
+              "locality" => $locality,
+              "postal_code" => $postal_code,
+              "formatted_address" => $formatted_address,
+              "lat" =>  stripslashes($lat),
+              "lng" =>  stripslashes($lng)
+            );
+             
+           $usr->setGeoloc($array);
+          }
+          
          $talent->setPhoneTalent($phoneTalent);
          //$talent->setPhoneTalent($phoneTalent);
          $billing = array(
@@ -194,7 +230,7 @@ class SecurityController extends FOSRestController

          $companyManager->updateTalent($usr);

-          $status = array('status' => "success");
+          $status = array('status' => "success!!!!!!!!!!!!!!!!!!");
      }
    } else {
        $status = array('status' => "failure", 'message' => "Vous n'êtes pas connecté.");
@@ -6,6 +6,7 @@ use AppBundle\Entity\Company;
 use AppBundle\Entity\User;
 use AppBundle\Form\AdSearchType;
 use AppBundle\Form\CompanyProfileType;
+use AppBundle\Form\ProfileLogoType;
 use AppBundle\Form\UserType;
 use AppBundle\Form\UserTypeCreate;
 use Edeclic\PrestashopBridgeBundle\Event\PrestashopBridgeEvents;
@@ -17,8 +18,9 @@ use Symfony\Bundle\FrameworkBundle\Controller\Controller;
 use Symfony\Component\HttpFoundation\JsonResponse;
 use Symfony\Component\HttpFoundation\Request;
 use Symfony\Component\HttpFoundation\Session\Session;
+//MAILJET
 use AppBundle\Entity\Mailjet;
-use AppBundle\Entity\Response;
+// use AppBundle\Entity\Response;
 use AppBundle\Entity\Resources;
 use AppBundle\Entity\Config;
 use AppBundle\Entity\Client;
@@ -35,9 +37,27 @@ class CompanyController extends Controller
        $stats = $this->get("app.stats_manager");
        $em = $this->getDoctrine()->getManager();
        $ads = $em->getRepository('AppBundle:Ad')->findBy(array('company' => $this->getUser()->getCompany()));
+        $arrayDate['dateBegin'] = new \DateTime('now -7 Day');
+        $arrayDate['dateEnd'] = new \DateTime('now');
+        $records7days = $stats->getCompanyDashboard($this->getUser()->getCompany()->getId(), $arrayDate);
+        //dump($records7days);
+        $arrayDate['dateBegin'] = new \DateTime('now -30 Day');
+        $records30days = $stats->getCompanyDashboard($this->getUser()->getCompany()->getId(), $arrayDate); 
+        //dump($records30days);
        $records = $stats->getCompanyDashboard($this->getUser()->getCompany()->getId(), null);
+        //dump($records);
+        $answersSended = $em->getRepository('AppBundle:Answer')->getAnswerByCompanyStatus($this->getUser()->getCompany()->getId(), 'SENDED');
+        $answersDraft = $em->getRepository('AppBundle:Answer')->getAnswerByCompanyStatus($this->getUser()->getCompany()->getId(), 'DRAFT');
+        $nbAnswersSended =count($answersSended);
+        $nbAnswersDraft =count($answersDraft);
+        
        return $this->render('company/dashboard.html.twig', [
            'ads' => $ads,
+            'records7days' => $records7days,
+            'records30days' => $records30days,
+            'records' => $records,
+            'nbAnswersSended' => $nbAnswersSended,
+            'nbAnswersDraft' => $nbAnswersDraft,
            'arrayByAds' => $records['arrayByAds'],
        ]);
    }
@@ -82,15 +102,37 @@ class CompanyController extends Controller
        if ($form->isSubmitted() && $form->isValid()) {
            $companyManager = $this->get('app.company_manager');
            $companyManager->updateCompany($company);
-            $event = new UserEvent($user);
-            $this->get('event_dispatcher')->dispatch(PrestashopBridgeEvents::USER_PROFIL_EDIT_SUCCESS, $event);
+            //$event = new UserEvent($user);
+            //$this->get('event_dispatcher')->dispatch(PrestashopBridgeEvents::USER_PROFIL_EDIT_SUCCESS, $event);
+            
            $this->addFlash(
                'notice',
                $this->get('translator')->trans('company.profile.save.title')
            );
+            return $this->redirectToRoute('company_dashboard');
        }
+
+
+   
+        $formMedia = $this->createForm(ProfileLogoType::class, $company);
+        $formMedia->handleRequest($request);
+        if ($formMedia->isSubmitted() && $formMedia->isValid()) {
+            $companyManager = $this->get('app.company_manager');
+            $companyManager->updateLogo($company);
+            
+            $this->addFlash(
+                'notice',
+                $this->get('translator')->trans('Le logo de votre entreprise a bien été modifié')
+            );
+            
+        }
+
+
+
        return $this->render('company/profile.html.twig', [
+            'company'=>$company,
            'form' => $form->createView(),
+            'formMedia' => $formMedia->createView(),
        ]);
    }

@@ -216,31 +258,58 @@ class CompanyController extends Controller
                    //     $user,
                    //     'contact_default'
                    // );
-                    $message=$company->getBrandName()." vous invite à rejoindre la plateforme de recrutement vidéo Talents Tube.<br/>
-
-                    Votre identifiant : ".$user->getEmail()."<br/>
-                    Votre mot de passe : ".$form["password"]->getData()."<br/>
-                    (Vous pourrez réinitialiser votre mot de passe en cliquant <a href='https://recruteur.talentstube.com/resetting/request' target='_blank'>**ici**</a><br/> 
-                    <br/>
-                    <a href='https://recruteur.talentstube.com' target='_blank'>[Rejoindre l'équipe]</a> <br/>";
-                    $plainView = $this->renderView('email/contact_default.html.twig', array(
-                        'message' => $message,
-                        'type' => 'html'
-                    ));
-                    //$body ="";
-                    $mj = new Client('355697fac93fca865660734b4fdffaeb', 'ddecf75321ca89c09e561857b13534c8');
+                    $mj = new Client($this->getParameter('mailjet_public'), $this->getParameter('mailjet_private'));
+                    
+                    $contactMail = $user->getEmail();
+                    // if ($this->container->get( 'kernel' )->getEnvironment()  == "dev") {
+                    //     $contactMail = "l.laniau@talentstube.com";
+                    // }
                    $body = [
-                        'FromEmail' => $this->getParameter('mailer_user'),
+                        'FromEmail' => "noreply@talentstube.io",
                        'FromName' => "Talents Tube",
-                        'Subject' => "Rejoignez l'équipe ".$company->getBrandName()." sur Talents Tube.",
-                        //'Text-part' => "Dear passenger, welcome to Mailjet! May the delivery force be with you!",
-                        'Html-part' => $plainView,
+                        'Subject' => "Rejoignez l’espace recruteur ".$company->getBrandName()." sur Talents Tube
+                        " ,
+                        'MJ-TemplateID' =>2183741 ,
+                        'MJ-TemplateLanguage' => true,
                        'Recipients' => [
-                            ['Email' => $user->getEmail()]
+                            [
+                                'Email' => $contactMail, 
+                                'Vars' => [
+                                    'entreprise' => $company->getBrandName(),
+                                    'emailNouvelUtilisateur' => $user->getEmail(),
+                                    'mdpNouvelUtilisateur' => $form["password"]->getData(),
+                                    
+                                ]
+                            ]
                        ]
                    ];
                    $response = $mj->post(Resources::$Email, ['body' => $body]);
                    $response->success() && var_dump($response->getData());
+                    // $message=$company->getBrandName()." vous invite à rejoindre la plateforme de recrutement vidéo Talents Tube.<br/>
+
+                    // Votre identifiant : ".$user->getEmail()."<br/>
+                    // Votre mot de passe : ".$form["password"]->getData()."<br/>
+                    // (Vous pourrez réinitialiser votre mot de passe en cliquant <a href='https://recruteur.talentstube.com/resetting/request' target='_blank'>**ici**</a><br/> 
+                    // <br/>
+                    // <a href='https://recruteur.talentstube.com' target='_blank'>[Rejoindre l'équipe]</a> <br/>";
+                    // $plainView = $this->renderView('email/contact_default.html.twig', array(
+                    //     'message' => $message,
+                    //     'type' => 'html'
+                    // ));
+                    // //$body ="";
+                    // $mj = new Client('355697fac93fca865660734b4fdffaeb', 'ddecf75321ca89c09e561857b13534c8');
+                    // $body = [
+                    //     'FromEmail' => $this->getParameter('mailer_user'),
+                    //     'FromName' => "Talents Tube",
+                    //     'Subject' => "Rejoignez l'équipe ".$company->getBrandName()." sur Talents Tube.",
+                    //     //'Text-part' => "Dear passenger, welcome to Mailjet! May the delivery force be with you!",
+                    //     'Html-part' => $plainView,
+                    //     'Recipients' => [
+                    //         ['Email' => $user->getEmail()]
+                    //     ]
+                    // ];
+                    // $response = $mj->post(Resources::$Email, ['body' => $body]);
+                    // $response->success() && var_dump($response->getData());
                    
                    // $email = \Swift_Message::newInstance()
                    //     ->setSubject("Rejoignez l'équipe ".$company->getBrandName()." sur Talents Tube." )
@@ -11,8 +11,11 @@ use AppBundle\Entity\Response;
 use AppBundle\Entity\Resources;
 use AppBundle\Entity\Config;
 use AppBundle\Entity\Client;
+use Symfony\Component\HttpFoundation\Session\SessionInterface;
+
 class DefaultController extends Controller
 {
+
    /**
     * @Route("/indexV1", name="homepageV1")
     */
@@ -73,7 +76,14 @@ class DefaultController extends Controller
     */
    public function homepagev2Action(Request $request)
    {
-
+        //US-468 
+        $session = $request->getSession();
+        $arrayDate['dateBegin'] = new \DateTime('now -1 Month');
+        $arrayDate['dateEnd'] = new \DateTime('now');
+        setlocale(LC_ALL, 'fr_FR.utf-8');
+        $stats = $this->get("app.stats_manager");
+        //  $records = $stats->getCompanyDashboard(21247, $arrayDate);
+        //  dump($records);
        //US444
        //  $mj = new Client('805b8adce80bc6aa9422ddff20bb4171', 'f3bce955f21bc9456d65245c50e8c512');
        //  $body = [
@@ -391,6 +401,31 @@ class DefaultController extends Controller
        //return $this->render('page_static/video_territoire.html.twig');
        return $this->render('page_static/accompagnement_video_territoire.html.twig');
    }
+
+    /**
+     * @Route("/offre-emploi-originale", name="offre_emploi_originale")
+     */
+    public function landingAction()
+    {
+        $previous="";
+        if(isset($_SERVER['HTTP_REFERER'])) {
+            $previous = $_SERVER['HTTP_REFERER']." / ".$_SERVER['REQUEST_URI'];
+        }
+        //return $this->render('page_static/marque_employeur.html.twig');
+        //return $this->render('page_static/offre_emploi.html.twig');
+        //return $this->render('page_static/accompagnement_video_company.html.twig');
+        //return $this->render('page_static/reussir_video_company.html.twig');
+        //return $this->render('page_static/accompagnement_video_talent.html.twig');
+        //return $this->render('page_static/cvvideo.html.twig');
+        //return $this->render('page_static/reussir_video_talent.html.twig');
+        //return $this->render('page_static/video_territoire.html.twig');
+        return $this->render('landing/offreEmploiOriginal.html.twig',  [
+            'previous'     => $previous,
+            
+        ]);
+    }
+
+
    /**
     * @param Request $request
     *
@@ -14,11 +14,19 @@ use Sensio\Bundle\FrameworkExtraBundle\Configuration\Route;
 use Sensio\Bundle\FrameworkExtraBundle\Configuration\Security;
 use Symfony\Bundle\FrameworkBundle\Controller\Controller;
 use Symfony\Component\Form\Extension\Core\Type\TextType;
+use Symfony\Component\Form\Extension\Core\Type\FileType;
 use Symfony\Component\HttpFoundation\Cookie;
 use Symfony\Component\HttpFoundation\JsonResponse;
 use Symfony\Component\HttpFoundation\Request;
 use Symfony\Component\HttpFoundation\Response;
 use Symfony\Component\HttpFoundation\Session\Session;
+use Symfony\Component\Validator\Constraints\File;
+//MAILJET
+use AppBundle\Entity\Mailjet;
+// use AppBundle\Entity\Response;
+use AppBundle\Entity\Resources;
+use AppBundle\Entity\Config;
+use AppBundle\Entity\Client;

 class MediaController extends Controller
 {
@@ -28,6 +36,7 @@ class MediaController extends Controller
    public function companyMediaAction(Request $request)
    {
        $event = new UserEvent($this->getUser());
+        $company = $this->getUser()->getCompany();
        $this->get('event_dispatcher')->dispatch(PrestashopBridgeEvents::USER_PROD_UPDATE, $event);
        $em = $this->getDoctrine()->getManager();
        $medias = $em->getRepository('AppBundle:Media')->findBy(array('creator' => $this->getUser()));
@@ -40,8 +49,10 @@ class MediaController extends Controller
            $media->setTitle($title);
            $em->persist($media);
            $em->flush();
-
-            return $this->redirectToRoute('company_ad');
+            $company->setPresentationVideo($media);
+            $em->persist($company);
+            $em->flush();
+            return $this->redirectToRoute('company_marque');
        }

        return $this->render('media/media_list.html.twig', array(
@@ -102,7 +113,15 @@ class MediaController extends Controller
            'medias' => $medias,
        ]);
    }
+    public function convertKekab($string){
+        $search  = array('À', 'Á', 'Â', 'Ã', 'Ä', 'Å', 'Ç', 'È', 'É', 'Ê', 'Ë', 'Ì', 'Í', 'Î', 'Ï', 'Ò', 'Ó', 'Ô', 'Õ', 'Ö', 'Ù', 'Ú', 'Û', 'Ü', 'Ý', 'à', 'á', 'â', 'ã', 'ä', 'å', 'ç', 'è', 'é', 'ê', 'ë', 'ì', 'í', 'î', 'ï', 'ð', 'ò', 'ó', 'ô', 'õ', 'ö', 'ù', 'ú', 'û', 'ü', 'ý', 'ÿ', "/");
+			//Préférez str_replace à strtr car strtr travaille directement sur les octets, ce qui pose problème en UTF-8
+		$replace = array('A', 'A', 'A', 'A', 'A', 'A', 'C', 'E', 'E', 'E', 'E', 'I', 'I', 'I', 'I', 'O', 'O', 'O', 'O', 'O', 'U', 'U', 'U', 'U', 'Y', 'a', 'a', 'a', 'a', 'a', 'a', 'c', 'e', 'e', 'e', 'e', 'i', 'i', 'i', 'i', 'o', 'o', 'o', 'o', 'o', 'o', 'u', 'u', 'u', 'u', 'y', 'y', "s");

+		$string = str_replace($search, $replace, $string);
+        $string = strtolower (str_replace(" ", "-", $string));
+        return $string;
+    }
    /**
     * @Route("/media/create/{id}", name="create_media")
     * @Security("ad.getStatus() == 'DRAFT' or ad.getStatus() == 'DECLINED' or ad.getStatus() == 'TO_PUBLISH'")
@@ -115,6 +134,7 @@ class MediaController extends Controller
        if ($ad) {
            $video = $ad->getVideo();
        }
+        $message="";
        // Get Avalaible videos
        $em = $this->getDoctrine()->getManager();
        $videos = $em->getRepository('AppBundle:Media')->findBy(array('creator' => $this->getUser()));
@@ -141,11 +161,182 @@ class MediaController extends Controller
            $em->flush();
        }

+
+        $formFile = $this->createFormBuilder($video)
+            ->add('file1', FileType::class, [
+                
+                'label' => false,
+                // unmapped means that this field is not associated to any entity property
+                'mapped' => false,
+
+                // make it optional so you don't have to re-upload the PDF file
+                // every time you edit the Product details
+                'required' => false,
+
+                // unmapped fields can't define their validation using annotations
+                // in the associated entity, so you can use the PHP constraint classes
+                'constraints' => [
+                    new File([
+                        'maxSize' => '512000k',
+                        'mimeTypes' => [
+                            'video/*',
+                        ],
+                        'mimeTypesMessage' => 'Votre fichier doit être un fichier vidéo',
+                    ])
+                ],
+            ])
+            ->add('file2', FileType::class, [
+                'label' => false,
+
+                // unmapped means that this field is not associated to any entity property
+                'mapped' => false,
+
+                // make it optional so you don't have to re-upload the PDF file
+                // every time you edit the Product details
+                'required' => false,
+
+                // unmapped fields can't define their validation using annotations
+                // in the associated entity, so you can use the PHP constraint classes
+                'constraints' => [
+                    new File([
+                        'maxSize' => '512000k',
+                        'mimeTypes' => [
+                            'video/*',
+                        ],
+                        'mimeTypesMessage' => 'Votre fichier doit être un fichier vidéo',
+                    ])
+                ],
+            ])
+            ->add('file3', FileType::class, [
+                'label' => false,
+
+                // unmapped means that this field is not associated to any entity property
+                'mapped' => false,
+
+                // make it optional so you don't have to re-upload the PDF file
+                // every time you edit the Product details
+                'required' => false,
+
+                // unmapped fields can't define their validation using annotations
+                // in the associated entity, so you can use the PHP constraint classes
+                'constraints' => [
+                    new File([
+                        'maxSize' => '512000k',
+                        'mimeTypes' => [
+                            'video/*',
+                        ],
+                        'mimeTypesMessage' => 'Votre fichier doit être un fichier vidéo',
+                    ])
+                ],
+            ])
+            ->getForm();
+
+        $formFile->handleRequest($request);
+        if ($formFile->isSubmitted() && $formFile->isValid()) {
+            
+            $file1 = $formFile->get('file1')->getData();
+            $file2 = $formFile->get('file2')->getData();
+            $file3 = $formFile->get('file3')->getData();
+            $newFilenameWithoutExt="fichier";
+            if($ad->getTitle()){
+                $newFilenameWithoutExt= $this->convertKekab($ad->getTitle()." ".$ad->getId()." ");
+            }
+            if ($file1) {
+                $originalFilename = pathinfo($file1->getClientOriginalName(), PATHINFO_FILENAME);
+                // this is needed to safely include the file name as part of the URL
+                
+                
+                $newFilename1 = "1-".$newFilenameWithoutExt.uniqid().'.'.$file1->guessExtension();
+
+                // Move the file to the directory where brochures are stored
+                try {
+                    $file1->move(
+                        $this->get('kernel')->getProjectDir()."/web/uploads/videos/montage",
+                        $newFilename1
+                    );
+                } catch (FileException $e) {
+                    // ... handle exception if something happens during file upload
+                }
+
+                // updates the 'brochureFilename' property to store the PDF file name
+                // instead of its contents
+                // $product->setBrochureFilename($newFilename);
+            }
+            if ($file2) {
+                $originalFilename = pathinfo($file2->getClientOriginalName(), PATHINFO_FILENAME);
+                // this is needed to safely include the file name as part of the URL
+                
+                $newFilename2 = "2-".$newFilenameWithoutExt.uniqid().'.'.$file2->guessExtension();
+
+                // Move the file to the directory where brochures are stored
+                try {
+                    $file2->move(
+                        $this->get('kernel')->getProjectDir()."/web/uploads/videos/montage",
+                        $newFilename2
+                    );
+                } catch (FileException $e) {
+                    // ... handle exception if something happens during file upload
+                }
+
+                // updates the 'brochureFilename' property to store the PDF file name
+                // instead of its contents
+                // $product->setBrochureFilename($newFilename);
+            }
+            if ($file3) {
+                $originalFilename = pathinfo($file3->getClientOriginalName(), PATHINFO_FILENAME);
+                // this is needed to safely include the file name as part of the URL
+                
+                $newFilename3 = "3-".$newFilenameWithoutExt.uniqid().'.'.$file3->guessExtension();
+
+                // Move the file to the directory where brochures are stored
+                try {
+                    $file3->move(
+                        $this->get('kernel')->getProjectDir()."/web/uploads/videos/montage",
+                        $newFilename3
+                    );
+                } catch (FileException $e) {
+                    // ... handle exception if something happens during file upload
+                }
+
+                // updates the 'brochureFilename' property to store the PDF file name
+                // instead of its contents
+                // $product->setBrochureFilename($newFilename);
+            }
+            $mj = new Client($this->getParameter('mailjet_public'), $this->getParameter('mailjet_private'));
+            // $link = $this->generateUrl('company_answer_show', array('id' => $answer->getId()), UrlGeneratorInterface::ABSOLUTE_URL);
+
+            
+                $body = [
+                    'FromEmail' => "noreply@talentstube.io",
+                    'FromName' => "Talents Tube",
+                    'Subject' => $ad->getCompany()->getBrandName()." : Nouvelles vidéos Whaouuuuu!!!",
+                    'MJ-TemplateID' =>2210612 ,
+                    'MJ-TemplateLanguage' => true,
+                    'Recipients' => [
+                        [
+                            'Email' => 'dev@talentstube.com', 
+                            'Vars' => [
+                                'adressEmailRecruteur' => "",
+                                'nomEntreprise' => $ad->getCompany()->getBrandName(),
+                                'videoOffre1' => "https://recruteur.talentstube.com/uploads/videos/montage/".$newFilename1,
+                                'videoOffre2' => "https://recruteur.talentstube.com/uploads/videos/montage/".$newFilename2,
+                                'videoOffre3' => "https://recruteur.talentstube.com/uploads/videos/montage/".$newFilename3,
+                            ]
+                        ]
+                    ]
+                ];
+                $response = $mj->post(Resources::$Email, ['body' => $body]);
+                $response->success() && var_dump($response->getData()); 
+            $message="Talents Tube a bien reçu vos séquences vidéo. Nous vous recontacterons par email pour finaliser la publication de votre annonce.";
+        }
+
        return $this->render('company/createMedia.html.twig', array(
            'form' => $form->createView(),
+            'formFile' => $formFile->createView(),
            'ad' => $ad,
            'video' => $video,
            'videos' => $videos,
+            'message' => $message,
        ));
    }

@@ -341,10 +532,10 @@ class MediaController extends Controller
                'notice',
                $this->get('translator')->trans('Le logo de votre entreprise a bien été modifié')
            );
-            return $this->redirect($this->generateUrl('company_dashboard'));
+            return $this->redirect($this->generateUrl('company_profile'));
        }
        return $this->render('profile/form_logo.html.twig', [
-            'form' => $form->createView(),
+            'formLogo' => $form->createView(),
        ]);
    }

@@ -105,6 +105,14 @@ class Answer
     */
    private $vote;

+    /**
+     * @var string
+     *
+      * @ORM\Column(name="status_reponse", type="string", length=255, nullable=true)
+     * 
+     */
+    private $statusReponse;
+
    /**
     * @var string
     *
@@ -259,6 +267,54 @@ class Answer
        return $this->vote;
    }

+    /**
+     * Set status.
+     *
+     * @param int|null $status
+     *
+     * @return Answer
+     */
+    public function setStatus($status = null)
+    {
+        $this->status = $status;
+
+        return $this;
+    }
+
+    /**
+     * Get status.
+     *
+     * @return int|null
+     */
+    public function getStatus()
+    {
+        return $this->status;
+    }
+
+        /**
+     * Set statusReponse.
+     *
+     * @param string|null $statusReponse
+     *
+     * @return Answer
+     */
+    public function setStatusReponse($statusReponse = null)
+    {
+        $this->statusReponse = $statusReponse;
+
+        return $this;
+    }
+
+    /**
+     * Get status.
+     *
+     * @return string|null
+     */
+    public function getStatusReponse()
+    {
+        return $this->statusReponse;
+    }
+
    /**
     * Set ad.
     *
@@ -80,6 +80,16 @@ class User extends BaseUser
     */
    private $status;

+
+    /**
+     * @var array
+     *
+     * @ORM\Column(name="geoloc", type="json_document", nullable=true, options={"jsonb":true})
+     * @Groups({"ad_detail", "ad_list", "answer_detail", "company_detail"})
+     */
+    private $geoloc;
+    private $geolocLocality;
+
    /**
     * @ORM\ManyToOne(targetEntity="AppBundle\Entity\Company", inversedBy="users", cascade={"persist"})
     */
@@ -407,6 +417,8 @@ class User extends BaseUser
            $linkedin="";
            $twitter="";
            if($this->getCompany()->getExtra()){
+                //19/01 j'ai eneleve le initExtra de ExtraJsonTrait
+                $this->getCompany()->initExtra();
                if(array_key_exists("phoneTalent", $this->getCompany()->getExtra())){
                    if($this->getCompany()->getExtra()["phoneTalent"]){
                        $phone= $this->getCompany()->getExtra()["phoneTalent"];
@@ -449,6 +461,7 @@ class User extends BaseUser
            "country" => $country,
            "type" => $type,
            "currentJob" => $this->getCompany()->getExtra()["titleTalent"],
+            "geoloc" => $this->getGeoloc(),
            "website" => $this->getCompany()->getWebsite(),
        );
        return $card;
@@ -615,6 +628,44 @@ class User extends BaseUser
        return $this->status;
    }

+
+    /**
+     * Set Geoloc.
+     *
+     * @param json_document|null $geoloc
+     *
+     * @return User
+     */
+    public function setGeoloc($geoloc = null)
+    {
+        $this->geoloc = $geoloc;
+        return $this;
+    }
+
+    /**
+     * Get geoloc.
+     *
+     * @return json_document|null
+     */
+    public function getGeoloc()
+    {
+        //19/01 : modif pour size et siren cote Symfony. Effet sur la web app?
+        //$this->initExtra();
+        return $this->geoloc;
+    }
+
+    /**
+     * Get geolocLocality.
+     *
+     * @return json_document|null
+     */
+    public function getGeolocLocality()
+    {
+
+        $this->geolocLocality=$this->geoloc;
+        return $this->geolocLocality;
+    }
+
    /**
     * Set facebookId.
     *
@@ -82,15 +82,15 @@ class AdSoftType extends AbstractType
                'label' => 'Description du poste',
                'attr' => array(
                    'class' => 'materialize-textarea',
-                    'placeholder' => 'Décrire votre annonce',
-                    'class' => 'form-control'
+                    'placeholder' => 'Décrire le poste, les missions, le profil recherché...',
+                    'class' => 'form-control',
+                    'style' => 'min-height:250px;'
                )
            ))
            ->add('beneficiaire', TextType::class, array(
-                'label' => 'Organisation cliente (facultatif)',
+                'label' => "Nom de l'organisation",
                'required' => false,
                'attr' => array(
-                    'placeholder' => 'Indiquer une organisation',
                    'class' => 'form-control'
                )
            ))
@@ -110,6 +110,7 @@ class AdSoftType extends AbstractType
                'attr' => array(
                    'class' => 'form-control',
                    //'data-init-plugin' => 'cs-select'
+                    
                )
            ))
            ->add('duree_contrat', IntegerType::class, array(
@@ -190,25 +191,13 @@ class AdSoftType extends AbstractType
                    
                )
            ))
-            ->add('status', ChoiceType::class, array(
+            ->add('status', HiddenType::class, array(
                'label' =>'Statut',
-                'choices' => array(
-                    'Brouillon' => 'DRAFT',
-                    'A publier (Validation par Talents Tube)' => 'TO_PUBLISH',
-                ),
                'attr' => array(
                    'class' => 'form-control',
+                    'value' => 'TO_PUBLISH',
                )
-
            ))
-            ->add('publicTag', TextType::class, array(
-                'label' => 'profile.company.tags',
-                'data' => $publicTags,
-                'attr' => array(
-                    'class' => 'tag label label-info'
-                    )
-                )
-            )
            ->add('competences', HiddenType::class, array(
                'mapped' => false,
                'label' => 'competences',
@@ -71,22 +71,21 @@ class AdType extends AbstractType
            ->add('reference', TextType::class, array(
                'label' => 'Référence de l\'annonce',
                'attr' => array(
-                    'placeholder' => 'Indiquer une référence',
+                    'placeholder' => 'Ex : OFFRE_521',
                    'class' => 'form-control'
                )
            ))
            ->add('title', TextType::class, array(
                'label' => 'Intitulé du poste',
                'attr' => array(
-                    'placeholder' => 'Indiquer un titre',
+                    'placeholder' => 'Ex : Commercial (H/F)',
                    'class' => 'form-control'
                )
            ))
            ->add('beneficiaire', TextType::class, array(
-                'label' => 'Organisation cliente (facultatif) ',
+                'label' => "Nom de l'organisation",
                'required' => false,
                'attr' => array(
-                    'placeholder' => 'Indiquer une organisation',
                    'class' => 'form-control'
                )
            ))
@@ -106,13 +105,14 @@ class AdType extends AbstractType
                'label' => 'Description du poste',
                'attr' => array(
                    'class' => 'materialize-textarea',
-                    'placeholder' => 'Décrire votre annonce',
-                    'class' => 'form-control'
+                    'placeholder' => 'Décrire le poste, les missions, le profil recherché...',
+                    'class' => 'form-control',
+                    'style' => 'min-height:250px;'
                )
            ))
            ->add('contract_type', ChoiceType::class, array(
                'mapped' => false,
-                'label' => 'Type de contrat:',
+                'label' => 'Type de contrat',
                'data' => $contract_type,
                'choices'  => array(
                    'CDI' => 'CDI',
@@ -206,27 +206,6 @@ class AdType extends AbstractType
                    //'data-init-plugin' => 'cs-select'
                )
            ))
-            ->add('publicTag', TextType::class, array(
-                'label' => 'profile.company.tags',
-                'data' => $publicTags,
-                'attr' => array(
-                    'value' => $publicTags,
-                    'class' => 'tag label label-info',
-                    'data-role'=>"tagsinput" 
-
-                )
-            ))
-            ->add('status', ChoiceType::class, array(
-                'label' =>'Statut',
-                'choices' => array(
-                    'Brouillon' => 'DRAFT',
-                    'A publier (Validation par Talents Tube)' => 'TO_PUBLISH',
-                ),
-                'attr' => array(
-                    'class' => 'form-control',
-                )
-
-            ))
            ->add('competences', HiddenType::class, array(
                'mapped' => false,
                'label' =>'Compétences',
@@ -75,13 +75,13 @@ class AdType extends AbstractType
                    'class' => 'form-control'
                )
            ))
-            ->add('publicTag', TextType::class, array(
-                'label' => 'Tags de l\'annonce (séparés par une virgules)',
-                'data' => $publicTags,
-                'attr' => array(
-                    'class' => 'form-control'
-                )
-            ))
+            // ->add('publicTag', TextType::class, array(
+            //     'label' => 'Tags de l\'annonce (séparés par une virgules)',
+            //     'data' => $publicTags,
+            //     'attr' => array(
+            //         'class' => 'form-control'
+            //     )
+            // ))
            ->add('status', ChoiceType::class, array(
                'label' =>'Statut',
                'choices' => array(
@@ -45,7 +45,8 @@ class CompanyProfileType extends AbstractType
            ->add('description', TextareaType::class, array(
                'label' => 'profile.company.description',
                'attr' => array(
-                    'class' => 'form-control'
+                    'class' => 'form-control',
+                    'style'=>"min-height:250px;"
                )
            ))
            ->add('website', UrlType::class, array(
@@ -117,15 +118,15 @@ class CompanyProfileType extends AbstractType
                )
            ));
        //Tags field
-        $builder
-            ->add('tagsComma', TextType::class, array(
-                'label' => 'profile.company.tags',
-                'attr' => array(
-                    'data-role'=>"materialtags",
-                    'placeholder' => 'Insérez une virgule ou appuyez sur ENTRÉE pour séparer vos mots-clés.',
-                    'class' => 'form-control'
-                )
-            ));
+        // $builder
+        //     ->add('tagsComma', TextType::class, array(
+        //         'label' => 'profile.company.tags',
+        //         'attr' => array(
+        //             'data-role'=>"materialtags",
+        //             'placeholder' => 'Insérez une virgule ou appuyez sur ENTRÉE pour séparer vos mots-clés.',
+        //             'class' => 'form-control'
+        //         )
+        //     ));
        // File fields
        /*$builder
            ->add('file', FileType::class, array(
@@ -16,28 +16,29 @@ class ContactTalentType extends AbstractType
                'label' => false,
                'required' => true,
                'attr' => array(
-                    'placeholder' => 'Rédigez un message de réponse',
-                    'class' => 'form-control'
+                    'placeholder' => 'Rédigez un message de réponse.',
+                    'class' => 'form-control',
+                    'style'=>"min-height:250px;"
                )
            ));
-        if(!isset($options['data']['subject']) || ($options['data']['subject'] == true)){
-            $arraySubjects = array(
-                    'Choisir un statut' => null,
-                    'POSITIVE' => 'POSITIVE',
-                    'INFOS' => 'INFOS',
-                    'CONTACTED.RDV' => 'CONTACTED.RDV',
-                    'NEGATIVE' => 'NEGATIVE'
-                );
-            $builder
-            ->add('status', ChoiceType::class, array(
-                'label' => false,
-                'required' => true,
-                'choices' => $arraySubjects,
-                'attr' => array(
-                    'id' => 'test',
-                    'class' => 'form-control'
-                )
-            ));
-        }
+        // if(!isset($options['data']['subject']) || ($options['data']['subject'] == true)){
+        //     $arraySubjects = array(
+        //             'Choisir un statut' => null,
+        //             'POSITIVE' => 'POSITIVE',
+        //             'INFOS' => 'INFOS',
+        //             'CONTACTED.RDV' => 'CONTACTED.RDV',
+        //             'NEGATIVE' => 'NEGATIVE'
+        //         );
+        //     $builder
+        //     ->add('status', ChoiceType::class, array(
+        //         'label' => false,
+        //         'required' => true,
+        //         'choices' => $arraySubjects,
+        //         'attr' => array(
+        //             'id' => 'test',
+        //             'class' => 'form-control'
+        //         )
+        //     ));
+        // }
    }
 }
@@ -3,7 +3,7 @@ namespace AppBundle\Form;

 use AppBundle\Entity\Note;
 use Symfony\Component\Form\AbstractType;
-use Symfony\Component\Form\Extension\Core\Type\TextType;
+use Symfony\Component\Form\Extension\Core\Type\TextareaType;
 use Symfony\Component\Form\FormBuilderInterface;
 use Symfony\Component\OptionsResolver\OptionsResolver;

@@ -11,10 +11,15 @@ class NoteAjaxType extends AbstractType
 {
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
+        //
        $builder
-            ->add('content', TextType::class, array(
+            ->add('content', TextareaType::class, array(
                'label' => 'Note',
                'required' => true,
+                'attr' => array(
+                    'class' => 'form-control',
+                    'rows'  =>"5"
+                )
            ));
    }

@@ -15,6 +15,7 @@ namespace AppBundle\Form;
 use Symfony\Component\Form\AbstractType;
 use Symfony\Component\Form\FormBuilderInterface;
 use Symfony\Component\Form\Extension\Core\Type\FileType;
+use Symfony\Component\Validator\Constraints\File;

 class ProfileLogoType extends AbstractType
 {
@@ -22,11 +23,24 @@ class ProfileLogoType extends AbstractType
    {
        $builder
            ->add('file', FileType::class, array(
-                'label' => 'Logo de votre entreprise',
+                'label' => ' ',
                'required' => false,
+                
                'attr' => array(
-                    'class' => 'file-path validate'
-                )
+                    'accept' => "image/x-png,image/jpeg",
+                     'style' => 'display: none;',
+                ),
+                'constraints' => [
+                    new File([
+                        'maxSize' => '5120k',
+                        'mimeTypes' => [
+                            'image/jpg',
+                            'image/jpeg',
+                            'image/png',
+                        ],
+                        'mimeTypesMessage' => 'Votre fichier doit être un fichier image',
+                    ])
+                ],
            ));
    }
 }
@@ -113,6 +113,26 @@ class AnswerRepository extends AbstractRepository
            ->getResult();
    }

+    public function getAnswerByCompanyStatus($id, $status)
+    {
+        $qb = $this
+            ->createQueryBuilder('a')
+            ->select('a')
+            ->where('a.ad IN (
+            SELECT p.id
+            FROM AppBundle:Ad p
+            WHERE p.company = :id
+            )')
+            ->setParameter(':id', $id)
+            ->andWhere('a.status = :status')
+            ->setParameter(':status', $status)
+            ->orderBy('a.uTime','DESC');
+
+        return $qb
+            ->getQuery()
+            ->getResult();
+    }
+

    public function getAnswerByAdsShare( $adId)
    {
@@ -318,4 +338,26 @@ class AnswerRepository extends AbstractRepository
            "countResult"	=> $countResult
        );
    }
+
+    public function getMedias()
+    {
+        $qb = $this
+            ->createQueryBuilder('a')
+            ->select(['a','video'])
+            ->leftJoin('a.video', 'video')
+            ->andWhere('video.status = :status')
+            ->setParameter(':status', "TO_MODERATE")
+            ->orderBy('video.id', 'DESC');
+
+        
+        $medias = $qb->getQuery()->getResult();
+
+
+
+
+
+       
+        
+        return $medias;
+    }
 }
@@ -2,12 +2,45 @@

 namespace AppBundle\Repository;

+use Doctrine\ORM\EntityRepository;
+
 /**
 * MediaRepository
 *
 * This class was generated by the Doctrine ORM. Add your own custom
 * repository methods below.
 */
-class MediaRepository extends \Doctrine\ORM\EntityRepository
+class MediaRepository extends AbstractRepository
 {
+    public function getMedias()
+    {
+        $qb = $this
+            ->createQueryBuilder('m')
+            ->andWhere('m.status = :status')
+            ->setParameter(':status', "TO_MODERATE")
+            ->orderBy('m.id', 'DESC');
+
+        
+        $medias = $qb->getQuery()->getResult();
+        $rawSql = "SELECT m.id as mediaid, m.title as title, m.original_url as original_url , u.* , a.id as answerId, a.send_time as sendtime, ad.title as adTitle, c.brand_name as cTitle 
+        FROM media AS m 
+        JOIN fos_user AS u ON (u.id=m.creator_id)
+        LEFT JOIN answer AS a ON (a.video_id=m.id) 
+        LEFT JOIN ad AS ad ON (ad.id=a.ad_id)
+        LEFT JOIN company AS c ON (c.id=a.company_id)   
+        WHERE m.status='TO_MODERATE'
+        ORDER by m.id DESC";
+
+        $stmt = $this->getEntityManager()->getConnection()->prepare($rawSql);
+        $stmt->execute([]);
+
+    return $stmt->fetchAll();
+
+
+
+
+       
+        
+        //return $medias;
+    }
 }
@@ -77,8 +77,12 @@ class CompanyManager
                );
            }

+            $company->setExtra(null);
+            $this->em->persist($company);
+            $this->em->flush();
            $company->setExtra($extra);
            $company->upload();
+            
            //$company->uploadCv();
        }
        $this->em->persist($company);
@@ -96,7 +96,7 @@ class MailManager
        $email = \Swift_Message::newInstance()
            ->setSubject($subject)
            ->setFrom('noreply@talentstube.io')
-            ->setTo('l.laniau@talentstube.com')
+            ->setTo('dev@talentstube.com')
            ->setBody($message, 'text/html')
            ;
        if ($this->mailer->send($email)) {
@@ -64,6 +64,7 @@ class MediaManager
        } else {
            return null;
        }
+        // TODO : THUNBNAIL A OPTIMISER
        if ($video) {
            $arrayThumb = $video->getThumbnails();
            if ($force == true || empty($arrayThumb[0])) {
@@ -84,11 +85,12 @@ class MediaManager
     */
    public function delete($entity)
    {
-        if ($this->env != "dev") {
+        
            $video = $entity;
            if (unlink($this->mediaVideoDir . $video->getOriginalUrl())) {
-                $response = $this->vimeo->request($video->getCdnUrl(), [], 'DELETE');
-            
+                if ($this->env != "dev") {
+                    $response = $this->vimeo->request($video->getCdnUrl(), [], 'DELETE');
+                }
                $this->em->remove($video);
                $this->em->flush();

@@ -96,9 +98,7 @@ class MediaManager
            } else {
                return array('success' => "false");
            }
-        } else {
-            return array('success' => "true");
-        }
+        
    }

    /**
@@ -75,6 +75,7 @@ class StatsManager

                    }
                    $date = $record->getCtime();
+                    if(!$date) $date=date('Y-m-d');
                    $stringDate = $date->format('Y-m-d');
                    $arrayRecords['company'][$stringDate][$idCompany] = 0;
                    if (!isset($arrayRecords['ad'][$stringDate][$ad->getId()])) {
@@ -176,6 +177,7 @@ class StatsManager
    public function getCompanyDashboard($idCompany, $dateArray)
    {   
        $arrByAd = array();
+        $stringDate =null;
        $arrDatasetsAd = array();
        $arrDatasetsCompany = array();
        $arrayRecords = array();
@@ -40,7 +40,7 @@ trait ExtraJsonTrait
        $extra = $this->extra;
        isset($extra['twitter']) ? $this->twitter = $extra['twitter'] : null;
        isset($extra['linkedin']) ? $this->linkedin = $extra['linkedin'] : null;
-        isset($extra['size']) ? $this->size = $extra['size'] : null;
+        isset($extra['size']) ? $this->size = $extra['size'] : 1;
        isset($extra['siren']) ? $this->siren = $extra['siren'] : null;
        isset($extra['phoneTalent']) ? $this->phoneTalent = $extra['phoneTalent'] : null;
        isset($extra['titleTalent']) ? $this->titleTalent = $extra['titleTalent'] : null;
@@ -66,6 +66,8 @@ trait ExtraJsonTrait
     */
    public function getExtra()
    {
+        //19/01 : modif pour size et siren cote Symfony. Effet sur la web app?
+        //$this->initExtra();
        return $this->extra;
    }

@@ -1,5 +1,5 @@
 liip_imagine_filter_runtime:
-    path: /media/cache/resolve/{filter}/rc/{hash}/{path}
+    path: /media/cache/{filter}/rc/{hash}/{path}
    defaults:
        _controller: '%liip_imagine.controller.filter_runtime_action%'
    methods:
@@ -9,7 +9,7 @@ liip_imagine_filter_runtime:
        path: .+

 liip_imagine_filter:
-    path: /media/cache/resolve/{filter}/{path}
+    path: /media/cache/{filter}/{path}
    defaults:
        _controller: '%liip_imagine.controller.filter_action%'
    methods:
@@ -3,23 +3,25 @@
 * Override Pages default styles or create your own styles here

 */
-.jumbotron h1.large-demo-text{
+.jumbotron h1.large-demo-text {
 	font-size: 150px;
 }

-.icon-text-search{
+.icon-text-search {
 	font-size: 42px;
 	width: 150%;
 }

-.green{
-	background-color: green;
-	
+.green {
+	background-color: #21c87a;
+
 }
-.fondBlanc{
+
+.fondBlanc {
 	background-color: #fff;
-	
+
 }
+
 .circle-letters {
 	margin: 0 auto;
 	width: 170px;
@@ -29,10 +31,223 @@
 	color: #fff;
 	line-height: 170px;
 	text-align: center;
-	background: #155ee4; 
+	background: #155ee4;
 }

 .font-2 {
-	font-family: "Varela Round", sans-serif; }
+	font-family: "Varela Round", sans-serif;
+}

-	
+.container-envoi-videos {
+	width: 100%;
+	height: auto;
+	border: 1px solid #1689FB;
+	border-radius: 5px;
+	margin-bottom: 30px;
+}
+
+.titre-bloc-envoi-videos {
+	background-color: #1689FB;
+	padding: 15px;
+}
+
+.image-envoi-video {
+	display: inline-block;
+	width: 60px;
+	height: 60px;
+	vertical-align: baseline;
+	margin-right: 20px;
+}
+
+.texte-envoi-video {
+	display: inline-block;
+}
+
+.container-envoi-videos h4,
+.container-envoi-videos h5 {
+	color: #fff;
+}
+
+.container-envoi-videos h4 {
+	font-size: 1.250em;
+}
+
+.container-envoi-videos h5 {
+	font-size: 1em;
+}
+
+.contenu-bloc-envoi-videos {
+	padding: 15px;
+}
+
+.contenu-bloc-envoi-videos p,
+.contenu-bloc-envoi-videos label {
+	color: #000;
+	font-weight: bold;
+	font-size: 1em;
+	margin: 10px 0;
+}
+
+.contenu-bloc-envoi-videos button {
+	display: block;
+	margin: 20px 0;
+}
+
+.contenu-bloc-envoi-videos input {
+	display: block;
+}
+
+.underline {
+	text-decoration: underline;
+
+}
+
+/* .text-card h3, .text-card span, .text-card h4{
+		color:#fff;
+	}
+	
+	.card-background-1{
+		background-color:#25D89A !important;
+		border-radius:3px !important;
+		padding:20px;
+		min-height:180px;
+		
+	}
+	
+	.card-background-2{
+		background-color:#1689fb !important;
+		border-radius:3px !important;
+		
+		padding:20px;
+		min-height:180px;
+	}
+	
+	.card-background-3{
+		background-color:#FF5A5F !important;
+		border-radius:3px !important;
+		padding:20px;
+		min-height:180px;
+	}
+	
+	.vertical-border{
+		border-right: 1px solid white;
+	} */
+
+/********************************************
+Statistiques
+Nombre total de candidatures / 
+*******************************************/
+.text-card {
+	margin-top: 10px;
+}
+
+.text-card a {
+	color: #1689fb;
+}
+
+.vertical-border {
+	border-right: 1px solid #e8e8e9;
+}
+
+.bloc-stats {
+	background-color: white;
+	padding: 1.2em;
+	border-radius: 5px;
+}
+
+/********************************************
+Boutons d'action : Tableau de bord
+Créer une offre d'emploi vidéo / Gérer mes offres d'emploi / Gérer mes candidatures
+*******************************************/
+
+.bloc-tdb .container {
+	background-color: transparent;
+	margin-top: 3em
+}
+
+.card-action {
+	margin-top: 10px;
+	border: none;
+	height: 8em;
+	padding: 1.2em;
+	width: 100%;
+	background-color: #1689fb;
+	text-align: left;
+	border-radius: 20px;
+	cursor: pointer;
+	box-shadow: 0px 2px 5px rgb(30 35 39 / 5%);
+	transition: background-color 0.3s;
+	transition: box-shadow 0.5s;
+}
+
+.card-action:hover {
+	background: #2c94fb;
+}
+
+.card-action span {
+	color: #fff
+}
+
+.card-action a {
+	color: #fff;
+}
+
+.card-action:hover {
+	box-shadow: 0px 6px 16px rgb(30 35 39 / 15%);
+}
+
+.lien-fleche {
+	align-items: center;
+	justify-content: center
+}
+
+.fleche {
+	padding-left: 0;
+	text-align: right;
+}
+
+.fleche-stats {
+	color: #1689fb;
+	text-align: right;
+}
+/******** Pages de liste de candidatures liées à une offre d'emploi ********/
+
+
+#reponses td{vertical-align:middle;}
+
+
+/****************
+Détails d'une candidature
+*****************/
+
+.profil-candidature{
+    min-height:150px;
+}
+
+.profil-candidature-action{
+    padding-top:45px;
+}
+
+.candidature-action{
+    margin-bottom:15px;
+}
+
+
+.details-candidature {
+    padding-top:1em;
+    padding-bottom:1em;
+}
+
+.icons-candidatures{
+    vertical-align: middle;margin-right:10px;
+}
+
+.bloc-commentaire{
+    margin-bottom:20px;
+}
+
+.dropzone{
+    border:2px dashed rgba(33, 33, 33, 0.14);
+    border-radius:5px;
+    padding:20px;
+}
@@ -38,7 +38,7 @@ if ($("#dropzone-row").length) {
                //     location.reload();
                // } else {
                    if (response.success == 200) {
-                        $('#preview_video').html('<div class="green center-align" style="border-radius:10px;padding:20px;color:#FFF;">Votre vidéo a été bien enregistrée.</div>')
+                        $('#preview_video').html('<div class="green center-align" style="border-radius:10px;padding:20px;color:#FFF;">Votre vidéo est enregistrée.</div>')
                        //CAS VIDEO NON ATTACHEE
                        if ($("#form_media").length) {
                            $("#form_media .id_media").attr('value', response.mediaId);
@@ -1,32 +1,33 @@
-var titleConfirmationDelete = "Comfirmation de suppression";
+var titleConfirmationDelete = "Confirmation de suppression";
 var texteConfirmationDelete = "Souhaitez-vous supprimer cette vidéo ?";

 $(".delete_unattached_media").click(function(event){
    event.preventDefault();
    parentDiv = $(this).closest('.col');
    var url = $(this).attr('href');
-    $.confirm({
-        title: titleConfirmationDelete,
-        content: texteConfirmationDelete,
-        type: 'red',
-        boxWidth: '30%',
-        useBootstrap: false,
-        buttons: {
-            confirm: {
-                text: 'Confirmer',
-                action: function () {
-                $.get(url, 
-                function(response){
-                    console.log(response);
-                }, "json");
-                parentDiv.fadeOut();
-                }
+    if (window.confirm(texteConfirmationDelete)) {
+        
+        $.ajax({
+            url : url,
+            success : function(code_html, statut){ // success est toujours en place, bien sûr !
+                console.log("SUPPRESSION EFFECTUE");
+                location.reload();
            },
-                cancel: {
-                text: 'Annuler',
+     
+            error : function(resultat, statut, erreur){
+             console.log("SUPPRESSION KO")
            }
-        }
-    });
+     
+         });
+            
+    }
+    
+     
+        
+       
+    
+    
+
    
    return false;
 });
@@ -0,0 +1,153 @@
+/* 
+ * 	Core Owl Carousel CSS File
+ *	v1.3.3
+ */
+
+/* clearfix */
+.owl-carousel .owl-wrapper:after {
+	content: ".";
+	display: block;
+	clear: both;
+	visibility: hidden;
+	line-height: 0;
+	height: 0;
+}
+/* display none until init */
+.owl-carousel{
+	display: none;
+	position: relative;
+	width: 100%;
+	-ms-touch-action: pan-y;
+}
+.owl-carousel .owl-wrapper{
+	display: none;
+	position: relative;
+	-webkit-transform: translate3d(0px, 0px, 0px);
+}
+.owl-carousel .owl-wrapper-outer{
+	overflow: hidden;
+	position: relative;
+	width: 100%;
+}
+.owl-carousel .owl-wrapper-outer.autoHeight{
+	-webkit-transition: height 500ms ease-in-out;
+	-moz-transition: height 500ms ease-in-out;
+	-ms-transition: height 500ms ease-in-out;
+	-o-transition: height 500ms ease-in-out;
+	transition: height 500ms ease-in-out;
+}
+	
+.owl-carousel .owl-item{
+	float: left;
+}
+.owl-controls .owl-page,
+.owl-controls .owl-buttons div{
+	cursor: pointer;
+}
+.owl-controls {
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+/* mouse grab icon */
+.grabbing { 
+    cursor:url(../img/grabbing.png) 8 8, move;
+}
+
+/* fix */
+.owl-carousel  .owl-wrapper,
+.owl-carousel  .owl-item{
+	-webkit-backface-visibility: hidden;
+	-moz-backface-visibility:    hidden;
+	-ms-backface-visibility:     hidden;
+  -webkit-transform: translate3d(0,0,0);
+  -moz-transform: translate3d(0,0,0);
+  -ms-transform: translate3d(0,0,0);
+}
+
+/*
+* 	Owl Carousel Owl Demo Theme 
+*	v1.3.3
+*/
+
+.owl-theme .owl-controls{
+	margin-top: 10px;
+	text-align: center;
+}
+
+/* Styling Next and Prev buttons */
+
+.owl-theme .owl-controls .owl-buttons div{
+	color: #FFF;
+	display: inline-block;
+	zoom: 1;
+	*display: inline;/*IE7 life-saver */
+	margin: 5px;
+	padding: 3px 10px;
+	font-size: 12px;
+	-webkit-border-radius: 30px;
+	-moz-border-radius: 30px;
+	border-radius: 30px;
+	background: #869791;
+	filter: Alpha(Opacity=50);/*IE7 fix*/
+	opacity: 0.5;
+}
+/* Clickable class fix problem with hover on touch devices */
+/* Use it for non-touch hover action */
+.owl-theme .owl-controls.clickable .owl-buttons div:hover{
+	filter: Alpha(Opacity=100);/*IE7 fix*/
+	opacity: 1;
+	text-decoration: none;
+}
+
+/* Styling Pagination*/
+
+.owl-theme .owl-controls .owl-page{
+	display: inline-block;
+	zoom: 1;
+	*display: inline;/*IE7 life-saver */
+}
+.owl-theme .owl-controls .owl-page span{
+	display: block;
+	width: 12px;
+	height: 12px;
+	margin: 5px 7px;
+	filter: Alpha(Opacity=50);/*IE7 fix*/
+	opacity: 0.5;
+	-webkit-border-radius: 20px;
+	-moz-border-radius: 20px;
+	border-radius: 20px;
+	background: #FF5A5F;
+}
+
+.owl-theme .owl-controls .owl-page.active span,
+.owl-theme .owl-controls.clickable .owl-page:hover span{
+	filter: Alpha(Opacity=100);/*IE7 fix*/
+	opacity: 1;
+}
+
+/* If PaginationNumbers is true */
+
+.owl-theme .owl-controls .owl-page span.owl-numbers{
+	height: auto;
+	width: auto;
+	color: #FFF;
+	padding: 2px 10px;
+	font-size: 12px;
+	-webkit-border-radius: 30px;
+	-moz-border-radius: 30px;
+	border-radius: 30px;
+}
+
+.screenshot-slider .item{
+  margin: 3px;
+}
+.screenshot-slider .item img{
+  display: block;
+  width: 100%;
+  height: auto;
+}
@@ -0,0 +1,23 @@
+<svg id="TalentsTube_logo-blanc" xmlns="http://www.w3.org/2000/svg" width="127.874" height="28.875" viewBox="0 0 127.874 28.875">
+  <g id="Groupe_7850" data-name="Groupe 7850" transform="translate(0 7.042)">
+    <path id="Tracé_210" data-name="Tracé 210" d="M137.664,221v-4.5h-.33a.834.834,0,1,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226C138.672,223.519,137.664,222.894,137.664,221Z" transform="translate(-136.5 -211.479)" fill="#fff"/>
+    <path id="Tracé_211" data-name="Tracé 211" d="M177.7,231.9v-.035c0-1.842,1.442-2.745,3.527-2.745a7.16,7.16,0,0,1,2.293.347v-.208c0-1.216-.747-1.859-2.12-1.859a4.786,4.786,0,0,0-1.894.347,1.07,1.07,0,0,1-.313.052.819.819,0,0,1-.834-.817.879.879,0,0,1,.539-.782,7.234,7.234,0,0,1,2.745-.5,3.833,3.833,0,0,1,2.832.956,3.572,3.572,0,0,1,.921,2.641v4.2a.928.928,0,0,1-.956.938.879.879,0,0,1-.956-.834v-.33a3.494,3.494,0,0,1-2.78,1.251A2.7,2.7,0,0,1,177.7,231.9Zm5.872-.625v-.591a5.5,5.5,0,0,0-1.946-.347c-1.268,0-2.015.539-2.015,1.425v.035c0,.834.73,1.3,1.668,1.3C182.582,233.119,183.572,232.372,183.572,231.277Z" transform="translate(-170.542 -222.468)" fill="#fff"/>
+    <path id="Tracé_212" data-name="Tracé 212" d="M236.8,208.073a.96.96,0,0,1,.973-.973.975.975,0,0,1,.99.973v10.042a.982.982,0,0,1-1.963,0Z" transform="translate(-219.374 -207.1)" fill="#fff"/>
+    <path id="Tracé_213" data-name="Tracé 213" d="M264.4,234.313a4.262,4.262,0,0,1-4.4-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.066,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.02,3.02,0,0,0,2.015-.747.686.686,0,0,1,.5-.174.783.783,0,0,1,.782.8.851.851,0,0,1-.261.591A4.35,4.35,0,0,1,264.4,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-238.543 -222.221)" fill="#fff"/>
+    <path id="Tracé_214" data-name="Tracé 214" d="M319,226.377a.965.965,0,0,1,.973-.99.979.979,0,0,1,.99.99v.417a3.091,3.091,0,0,1,2.676-1.494c1.929,0,3.04,1.3,3.04,3.266v4.569a.95.95,0,0,1-.973.973.965.965,0,0,1-.99-.973v-3.961c0-1.32-.66-2.085-1.824-2.085a1.908,1.908,0,0,0-1.928,2.12v3.927a.982.982,0,0,1-1.963,0Z" transform="translate(-287.292 -222.138)" fill="#fff"/>
+    <path id="Tracé_215" data-name="Tracé 215" d="M373.564,221v-4.5h-.33a.834.834,0,0,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.522,4.522,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226A2.181,2.181,0,0,1,373.564,221Z" transform="translate(-331.415 -211.479)" fill="#fff"/>
+    <path id="Tracé_216" data-name="Tracé 216" d="M411.465,233.336a.748.748,0,0,1-.365-.678.8.8,0,0,1,.8-.8.787.787,0,0,1,.417.122,4.51,4.51,0,0,0,2.467.834c.834,0,1.32-.348,1.32-.921v-.052c0-.66-.9-.886-1.911-1.2-1.268-.347-2.676-.869-2.676-2.5v-.035c0-1.616,1.338-2.606,3.04-2.606a5.969,5.969,0,0,1,2.693.695.814.814,0,0,1,.469.747.8.8,0,0,1-.817.8.7.7,0,0,1-.382-.1,4.8,4.8,0,0,0-2.015-.591c-.764,0-1.2.347-1.2.834v.035c0,.625.921.886,1.929,1.216,1.251.382,2.658.956,2.658,2.484v.035c0,1.79-1.39,2.693-3.179,2.693A5.719,5.719,0,0,1,411.465,233.336Z" transform="translate(-363.391 -222.303)" fill="#fff"/>
+    <path id="Tracé_217" data-name="Tracé 217" d="M486.464,221v-4.5h-.33a.834.834,0,0,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.074,4.074,0,0,1-1.338.226A2.181,2.181,0,0,1,486.464,221Z" transform="translate(-424.699 -211.479)" fill="#fff"/>
+    <path id="Tracé_218" data-name="Tracé 218" d="M535.1,233.549a.99.99,0,0,1-1.981,0v-.434a3.067,3.067,0,0,1-2.676,1.512c-1.929,0-3.04-1.3-3.04-3.284V226.79a.982.982,0,1,1,1.963,0v3.961c0,1.32.66,2.068,1.824,2.068a1.893,1.893,0,0,0,1.929-2.1V226.79a.979.979,0,0,1,.99-.99.99.99,0,0,1,.99.99Z" transform="translate(-459.485 -222.551)" fill="#fff"/>
+    <path id="Tracé_219" data-name="Tracé 219" d="M585.8,208.073a.95.95,0,0,1,.973-.973.965.965,0,0,1,.99.973v3.8a3.432,3.432,0,0,1,2.919-1.6c2.015,0,3.961,1.581,3.961,4.43v.035a4.086,4.086,0,0,1-3.961,4.43,3.5,3.5,0,0,1-2.919-1.512v.434a.982.982,0,0,1-1.963,0Zm6.845,6.654v-.035a2.522,2.522,0,0,0-2.45-2.728,2.569,2.569,0,0,0-2.484,2.728v.035a2.569,2.569,0,0,0,2.484,2.728A2.492,2.492,0,0,0,592.645,214.727Z" transform="translate(-507.738 -207.1)" fill="#fff"/>
+    <path id="Tracé_220" data-name="Tracé 220" d="M649.9,234.313a4.262,4.262,0,0,1-4.4-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.065,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.02,3.02,0,0,0,2.015-.747.685.685,0,0,1,.5-.174.783.783,0,0,1,.782.8.851.851,0,0,1-.261.591A4.38,4.38,0,0,1,649.9,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-557.066 -222.221)" fill="#fff"/>
+  </g>
+  <g id="Groupe_7851" data-name="Groupe 7851" transform="translate(103.478 0)">
+    <circle id="Ellipse_105" data-name="Ellipse 105" cx="3.266" cy="3.266" r="3.266" transform="matrix(0.384, -0.924, 0.924, 0.384, 9.466, 20.582)" fill="#fff"/>
+    <circle id="Ellipse_106" data-name="Ellipse 106" cx="3.266" cy="3.266" r="3.266" transform="matrix(0.384, -0.924, 0.924, 0.384, 9.471, 11.874)" fill="#fff"/>
+    <circle id="Ellipse_107" data-name="Ellipse 107" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0.009, 16.56)" fill="#fff"/>
+    <circle id="Ellipse_108" data-name="Ellipse 108" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0.002, 7.252)" fill="#fff"/>
+    <circle id="Ellipse_109" data-name="Ellipse 109" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0, 25.862)" fill="#fff"/>
+    <circle id="Ellipse_110" data-name="Ellipse 110" cx="2.728" cy="2.728" r="2.728" transform="matrix(0.384, -0.924, 0.924, 0.384, 17.264, 15.911)" fill="#fff"/>
+  </g>
+</svg>
@@ -0,0 +1,23 @@
+<svg id="TalentsTube_logo-blanc" xmlns="http://www.w3.org/2000/svg" width="127.874" height="28.875" viewBox="0 0 127.874 28.875">
+  <g id="Groupe_7850" data-name="Groupe 7850" transform="translate(0 7.042)">
+    <path id="Tracé_210" data-name="Tracé 210" d="M137.664,221v-4.5h-.33a.834.834,0,1,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226C138.672,223.519,137.664,222.894,137.664,221Z" transform="translate(-136.5 -211.479)" fill="#fff"/>
+    <path id="Tracé_211" data-name="Tracé 211" d="M177.7,231.9v-.035c0-1.842,1.442-2.745,3.527-2.745a7.16,7.16,0,0,1,2.293.347v-.208c0-1.216-.747-1.859-2.12-1.859a4.786,4.786,0,0,0-1.894.347,1.07,1.07,0,0,1-.313.052.819.819,0,0,1-.834-.817.879.879,0,0,1,.539-.782,7.234,7.234,0,0,1,2.745-.5,3.833,3.833,0,0,1,2.832.956,3.572,3.572,0,0,1,.921,2.641v4.2a.928.928,0,0,1-.956.938.879.879,0,0,1-.956-.834v-.33a3.494,3.494,0,0,1-2.78,1.251A2.7,2.7,0,0,1,177.7,231.9Zm5.872-.625v-.591a5.5,5.5,0,0,0-1.946-.347c-1.268,0-2.015.539-2.015,1.425v.035c0,.834.73,1.3,1.668,1.3C182.582,233.119,183.572,232.372,183.572,231.277Z" transform="translate(-170.542 -222.468)" fill="#fff"/>
+    <path id="Tracé_212" data-name="Tracé 212" d="M236.8,208.073a.96.96,0,0,1,.973-.973.975.975,0,0,1,.99.973v10.042a.982.982,0,0,1-1.963,0Z" transform="translate(-219.374 -207.1)" fill="#fff"/>
+    <path id="Tracé_213" data-name="Tracé 213" d="M264.4,234.313a4.262,4.262,0,0,1-4.4-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.066,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.02,3.02,0,0,0,2.015-.747.686.686,0,0,1,.5-.174.783.783,0,0,1,.782.8.851.851,0,0,1-.261.591A4.35,4.35,0,0,1,264.4,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-238.543 -222.221)" fill="#fff"/>
+    <path id="Tracé_214" data-name="Tracé 214" d="M319,226.377a.965.965,0,0,1,.973-.99.979.979,0,0,1,.99.99v.417a3.091,3.091,0,0,1,2.676-1.494c1.929,0,3.04,1.3,3.04,3.266v4.569a.95.95,0,0,1-.973.973.965.965,0,0,1-.99-.973v-3.961c0-1.32-.66-2.085-1.824-2.085a1.908,1.908,0,0,0-1.928,2.12v3.927a.982.982,0,0,1-1.963,0Z" transform="translate(-287.292 -222.138)" fill="#fff"/>
+    <path id="Tracé_215" data-name="Tracé 215" d="M373.564,221v-4.5h-.33a.834.834,0,0,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.522,4.522,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226A2.181,2.181,0,0,1,373.564,221Z" transform="translate(-331.415 -211.479)" fill="#fff"/>
+    <path id="Tracé_216" data-name="Tracé 216" d="M411.465,233.336a.748.748,0,0,1-.365-.678.8.8,0,0,1,.8-.8.787.787,0,0,1,.417.122,4.51,4.51,0,0,0,2.467.834c.834,0,1.32-.348,1.32-.921v-.052c0-.66-.9-.886-1.911-1.2-1.268-.347-2.676-.869-2.676-2.5v-.035c0-1.616,1.338-2.606,3.04-2.606a5.969,5.969,0,0,1,2.693.695.814.814,0,0,1,.469.747.8.8,0,0,1-.817.8.7.7,0,0,1-.382-.1,4.8,4.8,0,0,0-2.015-.591c-.764,0-1.2.347-1.2.834v.035c0,.625.921.886,1.929,1.216,1.251.382,2.658.956,2.658,2.484v.035c0,1.79-1.39,2.693-3.179,2.693A5.719,5.719,0,0,1,411.465,233.336Z" transform="translate(-363.391 -222.303)" fill="#fff"/>
+    <path id="Tracé_217" data-name="Tracé 217" d="M486.464,221v-4.5h-.33a.834.834,0,0,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.074,4.074,0,0,1-1.338.226A2.181,2.181,0,0,1,486.464,221Z" transform="translate(-424.699 -211.479)" fill="#fff"/>
+    <path id="Tracé_218" data-name="Tracé 218" d="M535.1,233.549a.99.99,0,0,1-1.981,0v-.434a3.067,3.067,0,0,1-2.676,1.512c-1.929,0-3.04-1.3-3.04-3.284V226.79a.982.982,0,1,1,1.963,0v3.961c0,1.32.66,2.068,1.824,2.068a1.893,1.893,0,0,0,1.929-2.1V226.79a.979.979,0,0,1,.99-.99.99.99,0,0,1,.99.99Z" transform="translate(-459.485 -222.551)" fill="#fff"/>
+    <path id="Tracé_219" data-name="Tracé 219" d="M585.8,208.073a.95.95,0,0,1,.973-.973.965.965,0,0,1,.99.973v3.8a3.432,3.432,0,0,1,2.919-1.6c2.015,0,3.961,1.581,3.961,4.43v.035a4.086,4.086,0,0,1-3.961,4.43,3.5,3.5,0,0,1-2.919-1.512v.434a.982.982,0,0,1-1.963,0Zm6.845,6.654v-.035a2.522,2.522,0,0,0-2.45-2.728,2.569,2.569,0,0,0-2.484,2.728v.035a2.569,2.569,0,0,0,2.484,2.728A2.492,2.492,0,0,0,592.645,214.727Z" transform="translate(-507.738 -207.1)" fill="#fff"/>
+    <path id="Tracé_220" data-name="Tracé 220" d="M649.9,234.313a4.262,4.262,0,0,1-4.4-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.065,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.02,3.02,0,0,0,2.015-.747.685.685,0,0,1,.5-.174.783.783,0,0,1,.782.8.851.851,0,0,1-.261.591A4.38,4.38,0,0,1,649.9,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-557.066 -222.221)" fill="#fff"/>
+  </g>
+  <g id="Groupe_7851" data-name="Groupe 7851" transform="translate(103.478 0)">
+    <circle id="Ellipse_105" data-name="Ellipse 105" cx="3.266" cy="3.266" r="3.266" transform="matrix(0.384, -0.924, 0.924, 0.384, 9.466, 20.582)" fill="#fff"/>
+    <circle id="Ellipse_106" data-name="Ellipse 106" cx="3.266" cy="3.266" r="3.266" transform="matrix(0.384, -0.924, 0.924, 0.384, 9.471, 11.874)" fill="#fff"/>
+    <circle id="Ellipse_107" data-name="Ellipse 107" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0.009, 16.56)" fill="#fff"/>
+    <circle id="Ellipse_108" data-name="Ellipse 108" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0.002, 7.252)" fill="#fff"/>
+    <circle id="Ellipse_109" data-name="Ellipse 109" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0, 25.862)" fill="#fff"/>
+    <circle id="Ellipse_110" data-name="Ellipse 110" cx="2.728" cy="2.728" r="2.728" transform="matrix(0.384, -0.924, 0.924, 0.384, 17.264, 15.911)" fill="#fff"/>
+  </g>
+</svg>
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
+  <g id="Groupe_8222" data-name="Groupe 8222" transform="translate(-905 -178)">
+    <g id="Groupe_8166" data-name="Groupe 8166" transform="translate(-23 -21.541)">
+      <circle id="Ellipse_130" data-name="Ellipse 130" cx="50" cy="50" r="50" transform="translate(928 199.541)" fill="#1689fb"/>
+      <g id="_001-like" data-name="001-like" transform="translate(948.325 227.541)">
+        <path id="Tracé_429" data-name="Tracé 429" d="M52.8,33.254a6.076,6.076,0,0,0,1.422-4.061,6.239,6.239,0,0,0-1.33-3.519,5.467,5.467,0,0,0-1.3-6.291C49.963,17.9,47.2,17.235,43.376,17.42a32.1,32.1,0,0,0-5.033.644h-.01c-.511.092-1.054.2-1.606.327-.041-.655.072-2.281,1.279-5.943,1.432-4.357,1.35-7.692-.266-9.922A6.5,6.5,0,0,0,32.533,0a2.569,2.569,0,0,0-1.974.9c-1.135,1.32-1,3.754-.859,4.879-1.35,3.621-5.135,12.5-8.336,14.965a1.1,1.1,0,0,0-.164.143,10.988,10.988,0,0,0-2,3.007,4.221,4.221,0,0,0-2.025-.511H10.93a4.258,4.258,0,0,0-4.255,4.255V44.26a4.258,4.258,0,0,0,4.255,4.255h6.24a4.246,4.246,0,0,0,2.455-.777l2.4.286a102.986,102.986,0,0,0,13.635.747c1.217.092,2.363.143,3.427.143a22.95,22.95,0,0,0,4.756-.43c3.13-.665,5.268-1.995,6.352-3.948a6.261,6.261,0,0,0,.7-3.918,6.524,6.524,0,0,0,2.322-5.309A6.91,6.91,0,0,0,52.8,33.254ZM10.93,45.753A1.5,1.5,0,0,1,9.437,44.26V27.628a1.5,1.5,0,0,1,1.493-1.493h6.24a1.5,1.5,0,0,1,1.493,1.493V44.25a1.5,1.5,0,0,1-1.493,1.493H10.93Zm39.248-13.7a1.375,1.375,0,0,0-.184,1.667,4.256,4.256,0,0,1,.471,1.708,4.093,4.093,0,0,1-1.923,3.539,1.394,1.394,0,0,0-.471,1.575,3.612,3.612,0,0,1-.276,2.639c-.685,1.227-2.209,2.107-4.521,2.6a26.947,26.947,0,0,1-7.457.225h-.143a100.965,100.965,0,0,1-13.3-.726h-.01l-1.033-.123a4.334,4.334,0,0,0,.092-.9V27.628a4.327,4.327,0,0,0-.194-1.268,8.549,8.549,0,0,1,1.9-3.508C27.726,19.21,32.216,6.925,32.41,6.393a1.3,1.3,0,0,0,.061-.685A6.392,6.392,0,0,1,32.6,2.741a3.67,3.67,0,0,1,2.885,1.381c1.043,1.442,1,4.02-.123,7.436-1.718,5.206-1.862,7.948-.5,9.155a2.229,2.229,0,0,0,2.23.4c.624-.143,1.217-.266,1.78-.358l.133-.031c3.14-.685,8.766-1.1,10.72.675a2.943,2.943,0,0,1,.348,3.733,1.368,1.368,0,0,0,.245,1.78A3.875,3.875,0,0,1,51.456,29.3,3.8,3.8,0,0,1,50.178,32.057Z" transform="translate(-1 -4)" fill="#fff"/>
+      </g>
+    </g>
+  </g>
+</svg>
@@ -0,0 +1,34 @@
+<svg id="TalentsTube_logo-color" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="127.039" height="26.461" viewBox="0 0 127.039 26.461">
+  <defs>
+    <linearGradient id="linear-gradient" x1="1.583" y1="24.72" x2="5.134" y2="24.72" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#155ee4"/>
+      <stop offset="1" stop-color="#1689fb"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="1.583" y1="24.46" x2="5.134" y2="24.46" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-3" x1="2.496" y1="20.539" x2="5.45" y2="20.539" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-4" x1="2.496" y1="20.308" x2="5.45" y2="20.308" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-5" x1="2.496" y1="20.771" x2="5.45" y2="20.771" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-6" x1="0.498" y1="29.345" x2="4.749" y2="29.345" xlink:href="#linear-gradient"/>
+  </defs>
+  <g id="Groupe_7848" data-name="Groupe 7848" transform="translate(0 5.838)">
+    <path id="Tracé_199" data-name="Tracé 199" d="M136.964,221v-4.5h-.33a.834.834,0,0,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226A2.181,2.181,0,0,1,136.964,221Z" transform="translate(-135.8 -211.479)"/>
+    <path id="Tracé_200" data-name="Tracé 200" d="M177.1,231.9v-.035c0-1.842,1.442-2.745,3.527-2.745a7.16,7.16,0,0,1,2.293.347v-.208c0-1.216-.747-1.859-2.12-1.859a4.786,4.786,0,0,0-1.894.347,1.07,1.07,0,0,1-.313.052.819.819,0,0,1-.834-.817.879.879,0,0,1,.539-.782,7.234,7.234,0,0,1,2.745-.5,3.833,3.833,0,0,1,2.832.956,3.572,3.572,0,0,1,.921,2.641v4.2a.928.928,0,0,1-.956.938.879.879,0,0,1-.956-.834v-.33a3.494,3.494,0,0,1-2.78,1.251A2.7,2.7,0,0,1,177.1,231.9Zm5.855-.625v-.591a5.5,5.5,0,0,0-1.946-.347c-1.268,0-2.015.539-2.015,1.425v.035c0,.834.73,1.3,1.668,1.3C181.965,233.119,182.955,232.372,182.955,231.277Z" transform="translate(-169.924 -222.468)"/>
+    <path id="Tracé_201" data-name="Tracé 201" d="M236.1,208.073a.96.96,0,0,1,.973-.973.975.975,0,0,1,.99.973v10.042a.982.982,0,0,1-1.963,0Z" transform="translate(-218.674 -207.1)"/>
+    <path id="Tracé_202" data-name="Tracé 202" d="M263.878,234.313a4.248,4.248,0,0,1-4.378-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.066,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.021,3.021,0,0,0,2.015-.747.685.685,0,0,1,.5-.174.783.783,0,0,1,.782.8.851.851,0,0,1-.261.591A4.488,4.488,0,0,1,263.878,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-238.008 -222.221)"/>
+    <path id="Tracé_203" data-name="Tracé 203" d="M318.4,226.377a.965.965,0,0,1,.973-.99.979.979,0,0,1,.99.99v.417a3.091,3.091,0,0,1,2.676-1.494c1.929,0,3.04,1.3,3.04,3.266v4.569a.95.95,0,0,1-.973.973.965.965,0,0,1-.99-.973v-3.961c0-1.32-.66-2.085-1.824-2.085a1.908,1.908,0,0,0-1.929,2.12v3.927a.982.982,0,0,1-1.963,0Z" transform="translate(-286.675 -222.138)"/>
+    <path id="Tracé_204" data-name="Tracé 204" d="M372.964,221v-4.5h-.33a.834.834,0,1,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.52,4.52,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226A2.181,2.181,0,0,1,372.964,221Z" transform="translate(-330.797 -211.479)"/>
+    <path id="Tracé_205" data-name="Tracé 205" d="M410.865,233.336a.748.748,0,0,1-.365-.678.8.8,0,0,1,.8-.8.787.787,0,0,1,.417.122,4.51,4.51,0,0,0,2.467.834c.834,0,1.32-.348,1.32-.921v-.052c0-.66-.9-.886-1.911-1.2-1.268-.347-2.676-.869-2.676-2.5v-.035c0-1.616,1.338-2.606,3.04-2.606a5.969,5.969,0,0,1,2.693.695.814.814,0,0,1,.469.747.791.791,0,0,1-.817.8.7.7,0,0,1-.382-.1,4.8,4.8,0,0,0-2.015-.591c-.764,0-1.2.347-1.2.834v.035c0,.625.921.886,1.929,1.216,1.251.382,2.658.956,2.658,2.484v.035c0,1.79-1.39,2.693-3.179,2.693A5.72,5.72,0,0,1,410.865,233.336Z" transform="translate(-362.773 -222.303)"/>
+    <path id="Tracé_206" data-name="Tracé 206" d="M485.864,221v-4.5h-.33a.834.834,0,1,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226A2.181,2.181,0,0,1,485.864,221Z" transform="translate(-424.082 -211.479)"/>
+    <path id="Tracé_207" data-name="Tracé 207" d="M534.5,233.549a.991.991,0,0,1-1.981,0v-.434a3.067,3.067,0,0,1-2.676,1.512c-1.929,0-3.04-1.3-3.04-3.284V226.79a.982.982,0,1,1,1.963,0v3.961c0,1.32.66,2.068,1.824,2.068a1.893,1.893,0,0,0,1.928-2.1V226.79a.979.979,0,0,1,.99-.99.99.99,0,0,1,.99.99Z" transform="translate(-458.867 -222.551)"/>
+    <path id="Tracé_208" data-name="Tracé 208" d="M585.1,208.073a.95.95,0,0,1,.973-.973.965.965,0,0,1,.99.973v3.8a3.432,3.432,0,0,1,2.919-1.6c2.015,0,3.961,1.581,3.961,4.43v.035a4.086,4.086,0,0,1-3.961,4.43,3.5,3.5,0,0,1-2.919-1.512v.434a.982.982,0,0,1-1.963,0Zm6.845,6.654v-.035a2.522,2.522,0,0,0-2.45-2.728,2.569,2.569,0,0,0-2.485,2.728v.035a2.569,2.569,0,0,0,2.485,2.728A2.483,2.483,0,0,0,591.945,214.727Z" transform="translate(-507.038 -207.1)"/>
+    <path id="Tracé_209" data-name="Tracé 209" d="M649.378,234.313a4.248,4.248,0,0,1-4.378-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.065,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.02,3.02,0,0,0,2.015-.747.685.685,0,0,1,.5-.174.783.783,0,0,1,.782.8.852.852,0,0,1-.261.591A4.488,4.488,0,0,1,649.378,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-556.531 -222.221)"/>
+  </g>
+  <g id="Groupe_7849" data-name="Groupe 7849" transform="translate(104.696 0)">
+    <circle id="Ellipse_99" data-name="Ellipse 99" cx="3.266" cy="3.266" r="3.266" transform="translate(9.26 14.351)" fill="url(#linear-gradient)"/>
+    <circle id="Ellipse_100" data-name="Ellipse 100" cx="3.266" cy="3.266" r="3.266" transform="translate(9.26 5.647)" fill="url(#linear-gradient-2)"/>
+    <circle id="Ellipse_101" data-name="Ellipse 101" cx="3.927" cy="3.927" r="3.927" transform="translate(0 9.313)" fill="url(#linear-gradient-3)"/>
+    <circle id="Ellipse_102" data-name="Ellipse 102" cx="3.927" cy="3.927" r="3.927" fill="url(#linear-gradient-4)"/>
+    <circle id="Ellipse_103" data-name="Ellipse 103" cx="3.927" cy="3.927" r="3.927" transform="translate(0 18.608)" fill="url(#linear-gradient-5)"/>
+    <circle id="Ellipse_104" data-name="Ellipse 104" cx="2.728" cy="2.728" r="2.728" transform="translate(16.888 10.511)" fill="url(#linear-gradient-6)"/>
+  </g>
+</svg>
@@ -0,0 +1,34 @@
+<svg id="TalentsTube_logo-color" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="127.039" height="26.461" viewBox="0 0 127.039 26.461">
+  <defs>
+    <linearGradient id="linear-gradient" x1="1.583" y1="24.72" x2="5.134" y2="24.72" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#155ee4"/>
+      <stop offset="1" stop-color="#1689fb"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="1.583" y1="24.46" x2="5.134" y2="24.46" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-3" x1="2.496" y1="20.539" x2="5.45" y2="20.539" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-4" x1="2.496" y1="20.308" x2="5.45" y2="20.308" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-5" x1="2.496" y1="20.771" x2="5.45" y2="20.771" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-6" x1="0.498" y1="29.345" x2="4.749" y2="29.345" xlink:href="#linear-gradient"/>
+  </defs>
+  <g id="Groupe_7848" data-name="Groupe 7848" transform="translate(0 5.838)">
+    <path id="Tracé_199" data-name="Tracé 199" d="M136.964,221v-4.5h-.33a.834.834,0,0,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226A2.181,2.181,0,0,1,136.964,221Z" transform="translate(-135.8 -211.479)"/>
+    <path id="Tracé_200" data-name="Tracé 200" d="M177.1,231.9v-.035c0-1.842,1.442-2.745,3.527-2.745a7.16,7.16,0,0,1,2.293.347v-.208c0-1.216-.747-1.859-2.12-1.859a4.786,4.786,0,0,0-1.894.347,1.07,1.07,0,0,1-.313.052.819.819,0,0,1-.834-.817.879.879,0,0,1,.539-.782,7.234,7.234,0,0,1,2.745-.5,3.833,3.833,0,0,1,2.832.956,3.572,3.572,0,0,1,.921,2.641v4.2a.928.928,0,0,1-.956.938.879.879,0,0,1-.956-.834v-.33a3.494,3.494,0,0,1-2.78,1.251A2.7,2.7,0,0,1,177.1,231.9Zm5.855-.625v-.591a5.5,5.5,0,0,0-1.946-.347c-1.268,0-2.015.539-2.015,1.425v.035c0,.834.73,1.3,1.668,1.3C181.965,233.119,182.955,232.372,182.955,231.277Z" transform="translate(-169.924 -222.468)"/>
+    <path id="Tracé_201" data-name="Tracé 201" d="M236.1,208.073a.96.96,0,0,1,.973-.973.975.975,0,0,1,.99.973v10.042a.982.982,0,0,1-1.963,0Z" transform="translate(-218.674 -207.1)"/>
+    <path id="Tracé_202" data-name="Tracé 202" d="M263.878,234.313a4.248,4.248,0,0,1-4.378-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.066,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.021,3.021,0,0,0,2.015-.747.685.685,0,0,1,.5-.174.783.783,0,0,1,.782.8.851.851,0,0,1-.261.591A4.488,4.488,0,0,1,263.878,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-238.008 -222.221)"/>
+    <path id="Tracé_203" data-name="Tracé 203" d="M318.4,226.377a.965.965,0,0,1,.973-.99.979.979,0,0,1,.99.99v.417a3.091,3.091,0,0,1,2.676-1.494c1.929,0,3.04,1.3,3.04,3.266v4.569a.95.95,0,0,1-.973.973.965.965,0,0,1-.99-.973v-3.961c0-1.32-.66-2.085-1.824-2.085a1.908,1.908,0,0,0-1.929,2.12v3.927a.982.982,0,0,1-1.963,0Z" transform="translate(-286.675 -222.138)"/>
+    <path id="Tracé_204" data-name="Tracé 204" d="M372.964,221v-4.5h-.33a.834.834,0,1,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.52,4.52,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226A2.181,2.181,0,0,1,372.964,221Z" transform="translate(-330.797 -211.479)"/>
+    <path id="Tracé_205" data-name="Tracé 205" d="M410.865,233.336a.748.748,0,0,1-.365-.678.8.8,0,0,1,.8-.8.787.787,0,0,1,.417.122,4.51,4.51,0,0,0,2.467.834c.834,0,1.32-.348,1.32-.921v-.052c0-.66-.9-.886-1.911-1.2-1.268-.347-2.676-.869-2.676-2.5v-.035c0-1.616,1.338-2.606,3.04-2.606a5.969,5.969,0,0,1,2.693.695.814.814,0,0,1,.469.747.791.791,0,0,1-.817.8.7.7,0,0,1-.382-.1,4.8,4.8,0,0,0-2.015-.591c-.764,0-1.2.347-1.2.834v.035c0,.625.921.886,1.929,1.216,1.251.382,2.658.956,2.658,2.484v.035c0,1.79-1.39,2.693-3.179,2.693A5.72,5.72,0,0,1,410.865,233.336Z" transform="translate(-362.773 -222.303)"/>
+    <path id="Tracé_206" data-name="Tracé 206" d="M485.864,221v-4.5h-.33a.834.834,0,1,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226A2.181,2.181,0,0,1,485.864,221Z" transform="translate(-424.082 -211.479)"/>
+    <path id="Tracé_207" data-name="Tracé 207" d="M534.5,233.549a.991.991,0,0,1-1.981,0v-.434a3.067,3.067,0,0,1-2.676,1.512c-1.929,0-3.04-1.3-3.04-3.284V226.79a.982.982,0,1,1,1.963,0v3.961c0,1.32.66,2.068,1.824,2.068a1.893,1.893,0,0,0,1.928-2.1V226.79a.979.979,0,0,1,.99-.99.99.99,0,0,1,.99.99Z" transform="translate(-458.867 -222.551)"/>
+    <path id="Tracé_208" data-name="Tracé 208" d="M585.1,208.073a.95.95,0,0,1,.973-.973.965.965,0,0,1,.99.973v3.8a3.432,3.432,0,0,1,2.919-1.6c2.015,0,3.961,1.581,3.961,4.43v.035a4.086,4.086,0,0,1-3.961,4.43,3.5,3.5,0,0,1-2.919-1.512v.434a.982.982,0,0,1-1.963,0Zm6.845,6.654v-.035a2.522,2.522,0,0,0-2.45-2.728,2.569,2.569,0,0,0-2.485,2.728v.035a2.569,2.569,0,0,0,2.485,2.728A2.483,2.483,0,0,0,591.945,214.727Z" transform="translate(-507.038 -207.1)"/>
+    <path id="Tracé_209" data-name="Tracé 209" d="M649.378,234.313a4.248,4.248,0,0,1-4.378-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.065,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.02,3.02,0,0,0,2.015-.747.685.685,0,0,1,.5-.174.783.783,0,0,1,.782.8.852.852,0,0,1-.261.591A4.488,4.488,0,0,1,649.378,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-556.531 -222.221)"/>
+  </g>
+  <g id="Groupe_7849" data-name="Groupe 7849" transform="translate(104.696 0)">
+    <circle id="Ellipse_99" data-name="Ellipse 99" cx="3.266" cy="3.266" r="3.266" transform="translate(9.26 14.351)" fill="url(#linear-gradient)"/>
+    <circle id="Ellipse_100" data-name="Ellipse 100" cx="3.266" cy="3.266" r="3.266" transform="translate(9.26 5.647)" fill="url(#linear-gradient-2)"/>
+    <circle id="Ellipse_101" data-name="Ellipse 101" cx="3.927" cy="3.927" r="3.927" transform="translate(0 9.313)" fill="url(#linear-gradient-3)"/>
+    <circle id="Ellipse_102" data-name="Ellipse 102" cx="3.927" cy="3.927" r="3.927" fill="url(#linear-gradient-4)"/>
+    <circle id="Ellipse_103" data-name="Ellipse 103" cx="3.927" cy="3.927" r="3.927" transform="translate(0 18.608)" fill="url(#linear-gradient-5)"/>
+    <circle id="Ellipse_104" data-name="Ellipse 104" cx="2.728" cy="2.728" r="2.728" transform="translate(16.888 10.511)" fill="url(#linear-gradient-6)"/>
+  </g>
+</svg>
@@ -0,0 +1,23 @@
+<svg id="TalentsTube_logo-blanc" xmlns="http://www.w3.org/2000/svg" width="127.874" height="28.875" viewBox="0 0 127.874 28.875">
+  <g id="Groupe_7850" data-name="Groupe 7850" transform="translate(0 7.042)">
+    <path id="Tracé_210" data-name="Tracé 210" d="M137.664,221v-4.5h-.33a.834.834,0,1,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226C138.672,223.519,137.664,222.894,137.664,221Z" transform="translate(-136.5 -211.479)" fill="#fff"/>
+    <path id="Tracé_211" data-name="Tracé 211" d="M177.7,231.9v-.035c0-1.842,1.442-2.745,3.527-2.745a7.16,7.16,0,0,1,2.293.347v-.208c0-1.216-.747-1.859-2.12-1.859a4.786,4.786,0,0,0-1.894.347,1.07,1.07,0,0,1-.313.052.819.819,0,0,1-.834-.817.879.879,0,0,1,.539-.782,7.234,7.234,0,0,1,2.745-.5,3.833,3.833,0,0,1,2.832.956,3.572,3.572,0,0,1,.921,2.641v4.2a.928.928,0,0,1-.956.938.879.879,0,0,1-.956-.834v-.33a3.494,3.494,0,0,1-2.78,1.251A2.7,2.7,0,0,1,177.7,231.9Zm5.872-.625v-.591a5.5,5.5,0,0,0-1.946-.347c-1.268,0-2.015.539-2.015,1.425v.035c0,.834.73,1.3,1.668,1.3C182.582,233.119,183.572,232.372,183.572,231.277Z" transform="translate(-170.542 -222.468)" fill="#fff"/>
+    <path id="Tracé_212" data-name="Tracé 212" d="M236.8,208.073a.96.96,0,0,1,.973-.973.975.975,0,0,1,.99.973v10.042a.982.982,0,0,1-1.963,0Z" transform="translate(-219.374 -207.1)" fill="#fff"/>
+    <path id="Tracé_213" data-name="Tracé 213" d="M264.4,234.313a4.262,4.262,0,0,1-4.4-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.066,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.02,3.02,0,0,0,2.015-.747.686.686,0,0,1,.5-.174.783.783,0,0,1,.782.8.851.851,0,0,1-.261.591A4.35,4.35,0,0,1,264.4,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-238.543 -222.221)" fill="#fff"/>
+    <path id="Tracé_214" data-name="Tracé 214" d="M319,226.377a.965.965,0,0,1,.973-.99.979.979,0,0,1,.99.99v.417a3.091,3.091,0,0,1,2.676-1.494c1.929,0,3.04,1.3,3.04,3.266v4.569a.95.95,0,0,1-.973.973.965.965,0,0,1-.99-.973v-3.961c0-1.32-.66-2.085-1.824-2.085a1.908,1.908,0,0,0-1.928,2.12v3.927a.982.982,0,0,1-1.963,0Z" transform="translate(-287.292 -222.138)" fill="#fff"/>
+    <path id="Tracé_215" data-name="Tracé 215" d="M373.564,221v-4.5h-.33a.834.834,0,0,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.522,4.522,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226A2.181,2.181,0,0,1,373.564,221Z" transform="translate(-331.415 -211.479)" fill="#fff"/>
+    <path id="Tracé_216" data-name="Tracé 216" d="M411.465,233.336a.748.748,0,0,1-.365-.678.8.8,0,0,1,.8-.8.787.787,0,0,1,.417.122,4.51,4.51,0,0,0,2.467.834c.834,0,1.32-.348,1.32-.921v-.052c0-.66-.9-.886-1.911-1.2-1.268-.347-2.676-.869-2.676-2.5v-.035c0-1.616,1.338-2.606,3.04-2.606a5.969,5.969,0,0,1,2.693.695.814.814,0,0,1,.469.747.8.8,0,0,1-.817.8.7.7,0,0,1-.382-.1,4.8,4.8,0,0,0-2.015-.591c-.764,0-1.2.347-1.2.834v.035c0,.625.921.886,1.929,1.216,1.251.382,2.658.956,2.658,2.484v.035c0,1.79-1.39,2.693-3.179,2.693A5.719,5.719,0,0,1,411.465,233.336Z" transform="translate(-363.391 -222.303)" fill="#fff"/>
+    <path id="Tracé_217" data-name="Tracé 217" d="M486.464,221v-4.5h-.33a.834.834,0,0,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.074,4.074,0,0,1-1.338.226A2.181,2.181,0,0,1,486.464,221Z" transform="translate(-424.699 -211.479)" fill="#fff"/>
+    <path id="Tracé_218" data-name="Tracé 218" d="M535.1,233.549a.99.99,0,0,1-1.981,0v-.434a3.067,3.067,0,0,1-2.676,1.512c-1.929,0-3.04-1.3-3.04-3.284V226.79a.982.982,0,1,1,1.963,0v3.961c0,1.32.66,2.068,1.824,2.068a1.893,1.893,0,0,0,1.929-2.1V226.79a.979.979,0,0,1,.99-.99.99.99,0,0,1,.99.99Z" transform="translate(-459.485 -222.551)" fill="#fff"/>
+    <path id="Tracé_219" data-name="Tracé 219" d="M585.8,208.073a.95.95,0,0,1,.973-.973.965.965,0,0,1,.99.973v3.8a3.432,3.432,0,0,1,2.919-1.6c2.015,0,3.961,1.581,3.961,4.43v.035a4.086,4.086,0,0,1-3.961,4.43,3.5,3.5,0,0,1-2.919-1.512v.434a.982.982,0,0,1-1.963,0Zm6.845,6.654v-.035a2.522,2.522,0,0,0-2.45-2.728,2.569,2.569,0,0,0-2.484,2.728v.035a2.569,2.569,0,0,0,2.484,2.728A2.492,2.492,0,0,0,592.645,214.727Z" transform="translate(-507.738 -207.1)" fill="#fff"/>
+    <path id="Tracé_220" data-name="Tracé 220" d="M649.9,234.313a4.262,4.262,0,0,1-4.4-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.065,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.02,3.02,0,0,0,2.015-.747.685.685,0,0,1,.5-.174.783.783,0,0,1,.782.8.851.851,0,0,1-.261.591A4.38,4.38,0,0,1,649.9,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-557.066 -222.221)" fill="#fff"/>
+  </g>
+  <g id="Groupe_7851" data-name="Groupe 7851" transform="translate(103.478 0)">
+    <circle id="Ellipse_105" data-name="Ellipse 105" cx="3.266" cy="3.266" r="3.266" transform="matrix(0.384, -0.924, 0.924, 0.384, 9.466, 20.582)" fill="#fff"/>
+    <circle id="Ellipse_106" data-name="Ellipse 106" cx="3.266" cy="3.266" r="3.266" transform="matrix(0.384, -0.924, 0.924, 0.384, 9.471, 11.874)" fill="#fff"/>
+    <circle id="Ellipse_107" data-name="Ellipse 107" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0.009, 16.56)" fill="#fff"/>
+    <circle id="Ellipse_108" data-name="Ellipse 108" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0.002, 7.252)" fill="#fff"/>
+    <circle id="Ellipse_109" data-name="Ellipse 109" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0, 25.862)" fill="#fff"/>
+    <circle id="Ellipse_110" data-name="Ellipse 110" cx="2.728" cy="2.728" r="2.728" transform="matrix(0.384, -0.924, 0.924, 0.384, 17.264, 15.911)" fill="#fff"/>
+  </g>
+</svg>
@@ -0,0 +1,23 @@
+<svg id="TalentsTube_logo-blanc" xmlns="http://www.w3.org/2000/svg" width="127.874" height="28.875" viewBox="0 0 127.874 28.875">
+  <g id="Groupe_7850" data-name="Groupe 7850" transform="translate(0 7.042)">
+    <path id="Tracé_210" data-name="Tracé 210" d="M137.664,221v-4.5h-.33a.834.834,0,1,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226C138.672,223.519,137.664,222.894,137.664,221Z" transform="translate(-136.5 -211.479)" fill="#fff"/>
+    <path id="Tracé_211" data-name="Tracé 211" d="M177.7,231.9v-.035c0-1.842,1.442-2.745,3.527-2.745a7.16,7.16,0,0,1,2.293.347v-.208c0-1.216-.747-1.859-2.12-1.859a4.786,4.786,0,0,0-1.894.347,1.07,1.07,0,0,1-.313.052.819.819,0,0,1-.834-.817.879.879,0,0,1,.539-.782,7.234,7.234,0,0,1,2.745-.5,3.833,3.833,0,0,1,2.832.956,3.572,3.572,0,0,1,.921,2.641v4.2a.928.928,0,0,1-.956.938.879.879,0,0,1-.956-.834v-.33a3.494,3.494,0,0,1-2.78,1.251A2.7,2.7,0,0,1,177.7,231.9Zm5.872-.625v-.591a5.5,5.5,0,0,0-1.946-.347c-1.268,0-2.015.539-2.015,1.425v.035c0,.834.73,1.3,1.668,1.3C182.582,233.119,183.572,232.372,183.572,231.277Z" transform="translate(-170.542 -222.468)" fill="#fff"/>
+    <path id="Tracé_212" data-name="Tracé 212" d="M236.8,208.073a.96.96,0,0,1,.973-.973.975.975,0,0,1,.99.973v10.042a.982.982,0,0,1-1.963,0Z" transform="translate(-219.374 -207.1)" fill="#fff"/>
+    <path id="Tracé_213" data-name="Tracé 213" d="M264.4,234.313a4.262,4.262,0,0,1-4.4-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.066,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.02,3.02,0,0,0,2.015-.747.686.686,0,0,1,.5-.174.783.783,0,0,1,.782.8.851.851,0,0,1-.261.591A4.35,4.35,0,0,1,264.4,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-238.543 -222.221)" fill="#fff"/>
+    <path id="Tracé_214" data-name="Tracé 214" d="M319,226.377a.965.965,0,0,1,.973-.99.979.979,0,0,1,.99.99v.417a3.091,3.091,0,0,1,2.676-1.494c1.929,0,3.04,1.3,3.04,3.266v4.569a.95.95,0,0,1-.973.973.965.965,0,0,1-.99-.973v-3.961c0-1.32-.66-2.085-1.824-2.085a1.908,1.908,0,0,0-1.928,2.12v3.927a.982.982,0,0,1-1.963,0Z" transform="translate(-287.292 -222.138)" fill="#fff"/>
+    <path id="Tracé_215" data-name="Tracé 215" d="M373.564,221v-4.5h-.33a.834.834,0,0,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.522,4.522,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226A2.181,2.181,0,0,1,373.564,221Z" transform="translate(-331.415 -211.479)" fill="#fff"/>
+    <path id="Tracé_216" data-name="Tracé 216" d="M411.465,233.336a.748.748,0,0,1-.365-.678.8.8,0,0,1,.8-.8.787.787,0,0,1,.417.122,4.51,4.51,0,0,0,2.467.834c.834,0,1.32-.348,1.32-.921v-.052c0-.66-.9-.886-1.911-1.2-1.268-.347-2.676-.869-2.676-2.5v-.035c0-1.616,1.338-2.606,3.04-2.606a5.969,5.969,0,0,1,2.693.695.814.814,0,0,1,.469.747.8.8,0,0,1-.817.8.7.7,0,0,1-.382-.1,4.8,4.8,0,0,0-2.015-.591c-.764,0-1.2.347-1.2.834v.035c0,.625.921.886,1.929,1.216,1.251.382,2.658.956,2.658,2.484v.035c0,1.79-1.39,2.693-3.179,2.693A5.719,5.719,0,0,1,411.465,233.336Z" transform="translate(-363.391 -222.303)" fill="#fff"/>
+    <path id="Tracé_217" data-name="Tracé 217" d="M486.464,221v-4.5h-.33a.834.834,0,0,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.074,4.074,0,0,1-1.338.226A2.181,2.181,0,0,1,486.464,221Z" transform="translate(-424.699 -211.479)" fill="#fff"/>
+    <path id="Tracé_218" data-name="Tracé 218" d="M535.1,233.549a.99.99,0,0,1-1.981,0v-.434a3.067,3.067,0,0,1-2.676,1.512c-1.929,0-3.04-1.3-3.04-3.284V226.79a.982.982,0,1,1,1.963,0v3.961c0,1.32.66,2.068,1.824,2.068a1.893,1.893,0,0,0,1.929-2.1V226.79a.979.979,0,0,1,.99-.99.99.99,0,0,1,.99.99Z" transform="translate(-459.485 -222.551)" fill="#fff"/>
+    <path id="Tracé_219" data-name="Tracé 219" d="M585.8,208.073a.95.95,0,0,1,.973-.973.965.965,0,0,1,.99.973v3.8a3.432,3.432,0,0,1,2.919-1.6c2.015,0,3.961,1.581,3.961,4.43v.035a4.086,4.086,0,0,1-3.961,4.43,3.5,3.5,0,0,1-2.919-1.512v.434a.982.982,0,0,1-1.963,0Zm6.845,6.654v-.035a2.522,2.522,0,0,0-2.45-2.728,2.569,2.569,0,0,0-2.484,2.728v.035a2.569,2.569,0,0,0,2.484,2.728A2.492,2.492,0,0,0,592.645,214.727Z" transform="translate(-507.738 -207.1)" fill="#fff"/>
+    <path id="Tracé_220" data-name="Tracé 220" d="M649.9,234.313a4.262,4.262,0,0,1-4.4-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.065,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.02,3.02,0,0,0,2.015-.747.685.685,0,0,1,.5-.174.783.783,0,0,1,.782.8.851.851,0,0,1-.261.591A4.38,4.38,0,0,1,649.9,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-557.066 -222.221)" fill="#fff"/>
+  </g>
+  <g id="Groupe_7851" data-name="Groupe 7851" transform="translate(103.478 0)">
+    <circle id="Ellipse_105" data-name="Ellipse 105" cx="3.266" cy="3.266" r="3.266" transform="matrix(0.384, -0.924, 0.924, 0.384, 9.466, 20.582)" fill="#fff"/>
+    <circle id="Ellipse_106" data-name="Ellipse 106" cx="3.266" cy="3.266" r="3.266" transform="matrix(0.384, -0.924, 0.924, 0.384, 9.471, 11.874)" fill="#fff"/>
+    <circle id="Ellipse_107" data-name="Ellipse 107" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0.009, 16.56)" fill="#fff"/>
+    <circle id="Ellipse_108" data-name="Ellipse 108" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0.002, 7.252)" fill="#fff"/>
+    <circle id="Ellipse_109" data-name="Ellipse 109" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0, 25.862)" fill="#fff"/>
+    <circle id="Ellipse_110" data-name="Ellipse 110" cx="2.728" cy="2.728" r="2.728" transform="matrix(0.384, -0.924, 0.924, 0.384, 17.264, 15.911)" fill="#fff"/>
+  </g>
+</svg>
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 277 328" style="enable-background:new 0 0 277 328;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#1689FB;}
+</style>
+<g id="Groupe_7859" transform="translate(-4.489 -11.849)">
+	<circle id="Ellipse_105" class="st0" cx="159.8" cy="229.9" r="40.6"/>
+	<circle id="Ellipse_106" class="st0" cx="159.8" cy="122.4" r="40.6"/>
+	<circle id="Ellipse_107" class="st0" cx="53.8" cy="175.9" r="48.8"/>
+	<circle id="Ellipse_108" class="st0" cx="53.7" cy="61" r="48.8"/>
+	<circle id="Ellipse_109" class="st0" cx="53.7" cy="290.7" r="48.8"/>
+	<circle id="Ellipse_110" class="st0" cx="247.4" cy="175.9" r="33.9"/>
+</g>
+</svg>
@@ -0,0 +1 @@
+(function($){"use strict";$.ajaxChimp={responses:{"We have sent you a confirmation email":0,"Please enter a value":1,"An email address must contain a single @":2,"The domain portion of the email address is invalid (the portion after the @: )":3,"The username portion of the email address is invalid (the portion before the @: )":4,"This email address looks fake or invalid. Please enter a real email address":5},translations:{en:null},init:function(selector,options){$(selector).ajaxChimp(options)}};$.fn.ajaxChimp=function(options){$(this).each(function(i,elem){var form=$(elem);var email=form.find("input[type=email]");var label=form.find("label[for="+email.attr("id")+"]");var settings=$.extend({url:form.attr("action"),language:"en"},options);var url=settings.url.replace("/post?","/post-json?").concat("&c=?");form.attr("novalidate","true");email.attr("name","EMAIL");form.submit(function(){var msg;function successCallback(resp){if(resp.result==="success"){msg="We have sent you a confirmation email";label.removeClass("error").addClass("valid");email.removeClass("error").addClass("valid")}else{email.removeClass("valid").addClass("error");label.removeClass("valid").addClass("error");var index=-1;try{var parts=resp.msg.split(" - ",2);if(parts[1]===undefined){msg=resp.msg}else{var i=parseInt(parts[0],10);if(i.toString()===parts[0]){index=parts[0];msg=parts[1]}else{index=-1;msg=resp.msg}}}catch(e){index=-1;msg=resp.msg}}if(settings.language!=="en"&&$.ajaxChimp.responses[msg]!==undefined&&$.ajaxChimp.translations&&$.ajaxChimp.translations[settings.language]&&$.ajaxChimp.translations[settings.language][$.ajaxChimp.responses[msg]]){msg=$.ajaxChimp.translations[settings.language][$.ajaxChimp.responses[msg]]}label.html(msg);label.show(2e3);if(settings.callback){settings.callback(resp)}}var data={};var dataArray=form.serializeArray();$.each(dataArray,function(index,item){data[item.name]=item.value});$.ajax({url:url,data:data,success:successCallback,dataType:"jsonp",error:function(resp,text){console.log("mailchimp ajax submit error: "+text)}});var submitMsg="Submitting...";if(settings.language!=="en"&&$.ajaxChimp.translations&&$.ajaxChimp.translations[settings.language]&&$.ajaxChimp.translations[settings.language]["submit"]){submitMsg=$.ajaxChimp.translations[settings.language]["submit"]}label.html(submitMsg).show(2e3);return false})});return this}})(jQuery);
@@ -0,0 +1,8 @@
+/*
+ jQuery animateNumber plugin v0.0.10
+ (c) 2013, Alexandr Borisov.
+ https://github.com/aishek/jquery-animateNumber
+*/
+(function(d){var p=function(b){return b.split("").reverse().join("")},l={numberStep:function(b,a){var e=Math.floor(b);d(a.elem).text(e)}},h=function(b){var a=b.elem;a.nodeType&&a.parentNode&&(a=a._animateNumberSetter,a||(a=l.numberStep),a(b.now,b))};d.Tween&&d.Tween.propHooks?d.Tween.propHooks.number={set:h}:d.fx.step.number=h;d.animateNumber={numberStepFactories:{append:function(b){return function(a,e){var k=Math.floor(a);d(e.elem).prop("number",a).text(k+b)}},separator:function(b,a){b=b||" ";a=
+a||3;return function(e,k){var c=Math.floor(e).toString(),s=d(k.elem);if(c.length>a){for(var f=c,g=a,l=f.split("").reverse(),c=[],m,q,n,r=0,h=Math.ceil(f.length/g);r<h;r++){m="";for(n=0;n<g;n++){q=r*g+n;if(q===f.length)break;m+=l[q]}c.push(m)}f=c.length-1;g=p(c[f]);c[f]=p(parseInt(g,10).toString());c=c.join(b);c=p(c)}s.prop("number",e).text(c)}}}};d.fn.animateNumber=function(){for(var b=arguments[0],a=d.extend({},l,b),e=d(this),k=[a],c=1,h=arguments.length;c<h;c++)k.push(arguments[c]);if(b.numberStep){var f=
+this.each(function(){this._animateNumberSetter=b.numberStep}),g=a.complete;a.complete=function(){f.each(function(){delete this._animateNumberSetter});g&&g.apply(this,arguments)}}return e.animate.apply(e,k)}})(jQuery);
@@ -0,0 +1,297 @@
+
+
+$(function() {
+    "use strict";
+
+
+    /* ==========================================================================
+   Sub Form   
+   ========================================================================== */
+    
+    
+    
+    $('#mc-form').ajaxChimp({
+        language: 'cm',
+        url: 'http://csmthemes.us3.list-manage.com/subscribe/post?u=9666c25a337f497687875a388&id=5b881a50fb'
+    //http://xxx.xxx.list-manage.com/subscribe/post?u=xxx&id=xxx
+    });
+    
+    
+    $.ajaxChimp.translations.cm = {
+        'submit': 'Submitting...',
+        0: '<i class="fa fa-envelope"></i> Awesome! Subscription confirmed',
+        1: '<i class="fa fa-exclamation-triangle"></i> Please enter a value',
+        2: '<i class="fa fa-exclamation-triangle"></i> An email address must contain a single @',
+        3: '<i class="fa fa-exclamation-triangle"></i> The domain portion of the email address is invalid (the portion after the @: )',
+        4: '<i class="fa fa-exclamation-triangle"></i> The username portion of the email address is invalid (the portion before the @: )',
+        5: '<i class="fa fa-exclamation-triangle"></i> This email address looks fake or invalid. Please enter a real email address'
+    }
+
+
+    /* ==========================================================================
+       Number animation
+       ========================================================================== */
+    
+    
+    $('.counter').waypoint(function() {
+        
+        var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(',');
+        
+        $('.total-number-1').animateNumber({
+            number: 20, //change value here
+            numberStep: comma_separator_number_step
+        }, 2000);
+        
+        $('.total-number-2').animateNumber({
+            number: 5000, //change value here
+            numberStep: comma_separator_number_step
+        }, 2000);
+        
+        $('.total-number-3').animateNumber({
+            number: 10, //change value here
+            numberStep: comma_separator_number_step
+        }, 2000);
+        
+        $('.total-number-4').animateNumber({
+            number: 3000, //change value here
+            numberStep: comma_separator_number_step
+        }, 2000);
+    
+    
+    
+    }, {
+        offset: '80%'
+    
+    });
+
+
+    /* ==========================================================================
+   sticky nav
+   ========================================================================== */
+    
+    $('.navbar-default').waypoint('sticky', {
+        offset: 30
+    });
+
+
+
+
+    /* ==========================================================================
+   Tabs
+   ========================================================================== */
+    
+    $('#schedule-days a').click(function(e) {
+        e.preventDefault()
+        $(this).tab('show')
+    })
+
+
+    /* ==========================================================================
+   team
+   ========================================================================== */
+    
+    $(".speaker-slider").owlCarousel({
+        
+        items: 3,
+        itemsDesktop: [1199, 3],
+        itemsDesktopSmall: [979, 2]
+    
+    });
+
+
+    /* ==========================================================================
+   Smooth Scroll
+   ========================================================================== */
+    
+    $('a[href*=#]:not([href=#], #schedule-days a, .event-speaker a)').click(function() {
+        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
+            var target = $(this.hash);
+            target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
+            if (target.length) {
+                $('html,body').animate({
+                    scrollTop: (target.offset().top - 40)
+                }, 1000);
+                return false;
+            }
+        }
+    });
+
+
+
+    /* ==========================================================================
+   Speaker bio
+   ========================================================================== */
+    
+    
+    var is_firefox = navigator.userAgent.indexOf('Firefox') > -1;
+    
+    
+    $('#speaker').find('.event-speaker a[data-type*="speaker-"]').on('click', function(event) {
+        event.preventDefault();
+        var selected_member = $(this).data('type');
+        $('.cd-speaker-bio.' + selected_member + '').addClass('slide-in');
+        $('.cd-speaker-bio-close').addClass('is-visible');
+        
+        
+        if (is_firefox) {
+            $('main').addClass('slide-out').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function() {
+                $('body').addClass('overflow-hidden');
+            });
+        } else {
+            $('main').addClass('slide-out');
+            $('body').addClass('overflow-hidden');
+        }
+    
+    });
+    
+    
+    $(document).on('click', '.cd-overlay, .cd-speaker-bio-close', function(event) {
+        event.preventDefault();
+        $('.cd-speaker-bio').removeClass('slide-in');
+        $('.cd-speaker-bio-close').removeClass('is-visible');
+        
+        if (is_firefox) {
+            $('main').removeClass('slide-out').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function() {
+                $('body').removeClass('overflow-hidden');
+            });
+        } else {
+            $('main').removeClass('slide-out');
+            $('body').removeClass('overflow-hidden');
+        }
+    });
+
+
+
+
+
+
+    /* ==========================================================================
+   FAQ accordion
+   ========================================================================== */
+    
+    
+    var MqM = 768, 
+    MqL = 1024;
+    
+    var faqsSections = $('.cd-faq-group'), 
+    faqTrigger = $('.cd-faq-trigger'), 
+    faqsContainer = $('.cd-faq-items'), 
+    faqsCategoriesContainer = $('.cd-faq-categories'), 
+    faqsCategories = faqsCategoriesContainer.find('a'), 
+    closeFaqsContainer = $('.cd-close-panel');
+    
+    
+    faqsCategories.on('click', function(event) {
+        event.preventDefault();
+        var selectedHref = $(this).attr('href'), 
+        target = $(selectedHref);
+        if ($(window).width() < MqM) {
+            faqsContainer.scrollTop(0).addClass('slide-in').children('ul').removeClass('selected').end().children(selectedHref).addClass('selected');
+            closeFaqsContainer.addClass('move-left');
+            $('body').addClass('cd-overlay');
+        } else {
+            $('body,html').animate({'scrollTop': target.offset().top - 19}, 200);
+        }
+    });
+    
+    
+    $('body').bind('click touchstart', function(event) {
+        if ($(event.target).is('body.cd-overlay') || $(event.target).is('.cd-close-panel')) {
+            closePanel(event);
+        }
+    });
+    faqsContainer.on('swiperight', function(event) {
+        closePanel(event);
+    });
+    
+    
+    faqTrigger.on('click', function(event) {
+        event.preventDefault();
+        $(this).next('.cd-faq-content').slideToggle(200).end().parent('li').toggleClass('content-visible');
+    });
+
+
+
+
+    /* ==========================================================================
+       Contact Form
+       ========================================================================== */
+    
+    
+    $('#contact-form').validate({
+        rules: {
+            name: {
+                required: true,
+                minlength: 2
+            },
+            email: {
+                required: true,
+                email: true
+            },
+            
+            message: {
+                required: true,
+                minlength: 10
+            }
+        },
+        messages: {
+            name: "<i class='fa fa-exclamation-triangle'></i>Please specify your name.",
+            email: {
+                required: "<i class='fa fa-exclamation-triangle'></i>We need your email address to contact you.",
+                email: "<i class='fa fa-exclamation-triangle'></i>Please enter a valid email address."
+            },
+            message: "<i class='fa fa-exclamation-triangle'></i>Please enter your message."
+        },
+        submitHandler: function(form) {
+            $(form).ajaxSubmit({
+                type: "POST",
+                data: $(form).serialize(),
+                url: "php/contact-me.php",
+                success: function() {
+                    $('#contact-form :input').attr('disabled', 'disabled');
+                    $('#contact-form').fadeTo("slow", 0.15, function() {
+                        $(this).find(':input').attr('disabled', 'disabled');
+                        $(this).find('label').css('cursor', 'default');
+                        $('.success-cf').fadeIn();
+                    });
+                    $('#contact-form')[0].reset();
+                },
+                error: function() {
+                    $('#contact-form').fadeTo("slow", 0.15, function() {
+                        $('.error-cf').fadeIn();
+                    });
+                }
+            });
+        }
+    });
+
+    /* ==========================================================================
+   ScrollTop Button
+   ========================================================================== */
+    
+    
+    $(window).scroll(function() {
+        if ($(this).scrollTop() > 200) {
+            $('.scroll-top a').fadeIn(200);
+        } else {
+            $('.scroll-top a').fadeOut(200);
+        }
+    });
+    
+    
+    $('.scroll-top a').click(function(event) {
+        event.preventDefault();
+        
+        $('html, body').animate({
+            scrollTop: 0
+        }, 1000);
+    });
+
+	/* ==========================================================================
+	   Collapse nav bar
+	   ========================================================================== */
+	$(".navbar-nav li a").on('click', function() {
+	    $(".navbar-collapse").collapse('hide');
+	});
+
+});
@@ -0,0 +1,47 @@
+"function"!==typeof Object.create&&(Object.create=function(f){function g(){}g.prototype=f;return new g});
+(function(f,g,k){var l={init:function(a,b){this.$elem=f(b);this.options=f.extend({},f.fn.owlCarousel.options,this.$elem.data(),a);this.userOptions=a;this.loadContent()},loadContent:function(){function a(a){var d,e="";if("function"===typeof b.options.jsonSuccess)b.options.jsonSuccess.apply(this,[a]);else{for(d in a.owl)a.owl.hasOwnProperty(d)&&(e+=a.owl[d].item);b.$elem.html(e)}b.logIn()}var b=this,e;"function"===typeof b.options.beforeInit&&b.options.beforeInit.apply(this,[b.$elem]);"string"===typeof b.options.jsonPath?
+(e=b.options.jsonPath,f.getJSON(e,a)):b.logIn()},logIn:function(){this.$elem.data("owl-originalStyles",this.$elem.attr("style"));this.$elem.data("owl-originalClasses",this.$elem.attr("class"));this.$elem.css({opacity:0});this.orignalItems=this.options.items;this.checkBrowser();this.wrapperWidth=0;this.checkVisible=null;this.setVars()},setVars:function(){if(0===this.$elem.children().length)return!1;this.baseClass();this.eventTypes();this.$userItems=this.$elem.children();this.itemsAmount=this.$userItems.length;
+this.wrapItems();this.$owlItems=this.$elem.find(".owl-item");this.$owlWrapper=this.$elem.find(".owl-wrapper");this.playDirection="next";this.prevItem=0;this.prevArr=[0];this.currentItem=0;this.customEvents();this.onStartup()},onStartup:function(){this.updateItems();this.calculateAll();this.buildControls();this.updateControls();this.response();this.moveEvents();this.stopOnHover();this.owlStatus();!1!==this.options.transitionStyle&&this.transitionTypes(this.options.transitionStyle);!0===this.options.autoPlay&&
+(this.options.autoPlay=5E3);this.play();this.$elem.find(".owl-wrapper").css("display","block");this.$elem.is(":visible")?this.$elem.css("opacity",1):this.watchVisibility();this.onstartup=!1;this.eachMoveUpdate();"function"===typeof this.options.afterInit&&this.options.afterInit.apply(this,[this.$elem])},eachMoveUpdate:function(){!0===this.options.lazyLoad&&this.lazyLoad();!0===this.options.autoHeight&&this.autoHeight();this.onVisibleItems();"function"===typeof this.options.afterAction&&this.options.afterAction.apply(this,
+[this.$elem])},updateVars:function(){"function"===typeof this.options.beforeUpdate&&this.options.beforeUpdate.apply(this,[this.$elem]);this.watchVisibility();this.updateItems();this.calculateAll();this.updatePosition();this.updateControls();this.eachMoveUpdate();"function"===typeof this.options.afterUpdate&&this.options.afterUpdate.apply(this,[this.$elem])},reload:function(){var a=this;g.setTimeout(function(){a.updateVars()},0)},watchVisibility:function(){var a=this;if(!1===a.$elem.is(":visible"))a.$elem.css({opacity:0}),
+g.clearInterval(a.autoPlayInterval),g.clearInterval(a.checkVisible);else return!1;a.checkVisible=g.setInterval(function(){a.$elem.is(":visible")&&(a.reload(),a.$elem.animate({opacity:1},200),g.clearInterval(a.checkVisible))},500)},wrapItems:function(){this.$userItems.wrapAll('<div class="owl-wrapper">').wrap('<div class="owl-item"></div>');this.$elem.find(".owl-wrapper").wrap('<div class="owl-wrapper-outer">');this.wrapperOuter=this.$elem.find(".owl-wrapper-outer");this.$elem.css("display","block")},
+baseClass:function(){var a=this.$elem.hasClass(this.options.baseClass),b=this.$elem.hasClass(this.options.theme);a||this.$elem.addClass(this.options.baseClass);b||this.$elem.addClass(this.options.theme)},updateItems:function(){var a,b;if(!1===this.options.responsive)return!1;if(!0===this.options.singleItem)return this.options.items=this.orignalItems=1,this.options.itemsCustom=!1,this.options.itemsDesktop=!1,this.options.itemsDesktopSmall=!1,this.options.itemsTablet=!1,this.options.itemsTabletSmall=
+!1,this.options.itemsMobile=!1;a=f(this.options.responsiveBaseWidth).width();a>(this.options.itemsDesktop[0]||this.orignalItems)&&(this.options.items=this.orignalItems);if(!1!==this.options.itemsCustom)for(this.options.itemsCustom.sort(function(a,b){return a[0]-b[0]}),b=0;b<this.options.itemsCustom.length;b+=1)this.options.itemsCustom[b][0]<=a&&(this.options.items=this.options.itemsCustom[b][1]);else a<=this.options.itemsDesktop[0]&&!1!==this.options.itemsDesktop&&(this.options.items=this.options.itemsDesktop[1]),
+a<=this.options.itemsDesktopSmall[0]&&!1!==this.options.itemsDesktopSmall&&(this.options.items=this.options.itemsDesktopSmall[1]),a<=this.options.itemsTablet[0]&&!1!==this.options.itemsTablet&&(this.options.items=this.options.itemsTablet[1]),a<=this.options.itemsTabletSmall[0]&&!1!==this.options.itemsTabletSmall&&(this.options.items=this.options.itemsTabletSmall[1]),a<=this.options.itemsMobile[0]&&!1!==this.options.itemsMobile&&(this.options.items=this.options.itemsMobile[1]);this.options.items>this.itemsAmount&&
+!0===this.options.itemsScaleUp&&(this.options.items=this.itemsAmount)},response:function(){var a=this,b,e;if(!0!==a.options.responsive)return!1;e=f(g).width();a.resizer=function(){f(g).width()!==e&&(!1!==a.options.autoPlay&&g.clearInterval(a.autoPlayInterval),g.clearTimeout(b),b=g.setTimeout(function(){e=f(g).width();a.updateVars()},a.options.responsiveRefreshRate))};f(g).resize(a.resizer)},updatePosition:function(){this.jumpTo(this.currentItem);!1!==this.options.autoPlay&&this.checkAp()},appendItemsSizes:function(){var a=
+this,b=0,e=a.itemsAmount-a.options.items;a.$owlItems.each(function(c){var d=f(this);d.css({width:a.itemWidth}).data("owl-item",Number(c));if(0===c%a.options.items||c===e)c>e||(b+=1);d.data("owl-roundPages",b)})},appendWrapperSizes:function(){this.$owlWrapper.css({width:this.$owlItems.length*this.itemWidth*2,left:0});this.appendItemsSizes()},calculateAll:function(){this.calculateWidth();this.appendWrapperSizes();this.loops();this.max()},calculateWidth:function(){this.itemWidth=Math.round(this.$elem.width()/
+this.options.items)},max:function(){var a=-1*(this.itemsAmount*this.itemWidth-this.options.items*this.itemWidth);this.options.items>this.itemsAmount?this.maximumPixels=a=this.maximumItem=0:(this.maximumItem=this.itemsAmount-this.options.items,this.maximumPixels=a);return a},min:function(){return 0},loops:function(){var a=0,b=0,e,c;this.positionsInArray=[0];this.pagesInArray=[];for(e=0;e<this.itemsAmount;e+=1)b+=this.itemWidth,this.positionsInArray.push(-b),!0===this.options.scrollPerPage&&(c=f(this.$owlItems[e]),
+c=c.data("owl-roundPages"),c!==a&&(this.pagesInArray[a]=this.positionsInArray[e],a=c))},buildControls:function(){if(!0===this.options.navigation||!0===this.options.pagination)this.owlControls=f('<div class="owl-controls"/>').toggleClass("clickable",!this.browser.isTouch).appendTo(this.$elem);!0===this.options.pagination&&this.buildPagination();!0===this.options.navigation&&this.buildButtons()},buildButtons:function(){var a=this,b=f('<div class="owl-buttons"/>');a.owlControls.append(b);a.buttonPrev=
+f("<div/>",{"class":"owl-prev",html:a.options.navigationText[0]||""});a.buttonNext=f("<div/>",{"class":"owl-next",html:a.options.navigationText[1]||""});b.append(a.buttonPrev).append(a.buttonNext);b.on("touchstart.owlControls mousedown.owlControls",'div[class^="owl"]',function(a){a.preventDefault()});b.on("touchend.owlControls mouseup.owlControls",'div[class^="owl"]',function(b){b.preventDefault();f(this).hasClass("owl-next")?a.next():a.prev()})},buildPagination:function(){var a=this;a.paginationWrapper=
+f('<div class="owl-pagination"/>');a.owlControls.append(a.paginationWrapper);a.paginationWrapper.on("touchend.owlControls mouseup.owlControls",".owl-page",function(b){b.preventDefault();Number(f(this).data("owl-page"))!==a.currentItem&&a.goTo(Number(f(this).data("owl-page")),!0)})},updatePagination:function(){var a,b,e,c,d,g;if(!1===this.options.pagination)return!1;this.paginationWrapper.html("");a=0;b=this.itemsAmount-this.itemsAmount%this.options.items;for(c=0;c<this.itemsAmount;c+=1)0===c%this.options.items&&
+(a+=1,b===c&&(e=this.itemsAmount-this.options.items),d=f("<div/>",{"class":"owl-page"}),g=f("<span></span>",{text:!0===this.options.paginationNumbers?a:"","class":!0===this.options.paginationNumbers?"owl-numbers":""}),d.append(g),d.data("owl-page",b===c?e:c),d.data("owl-roundPages",a),this.paginationWrapper.append(d));this.checkPagination()},checkPagination:function(){var a=this;if(!1===a.options.pagination)return!1;a.paginationWrapper.find(".owl-page").each(function(){f(this).data("owl-roundPages")===
+f(a.$owlItems[a.currentItem]).data("owl-roundPages")&&(a.paginationWrapper.find(".owl-page").removeClass("active"),f(this).addClass("active"))})},checkNavigation:function(){if(!1===this.options.navigation)return!1;!1===this.options.rewindNav&&(0===this.currentItem&&0===this.maximumItem?(this.buttonPrev.addClass("disabled"),this.buttonNext.addClass("disabled")):0===this.currentItem&&0!==this.maximumItem?(this.buttonPrev.addClass("disabled"),this.buttonNext.removeClass("disabled")):this.currentItem===
+this.maximumItem?(this.buttonPrev.removeClass("disabled"),this.buttonNext.addClass("disabled")):0!==this.currentItem&&this.currentItem!==this.maximumItem&&(this.buttonPrev.removeClass("disabled"),this.buttonNext.removeClass("disabled")))},updateControls:function(){this.updatePagination();this.checkNavigation();this.owlControls&&(this.options.items>=this.itemsAmount?this.owlControls.hide():this.owlControls.show())},destroyControls:function(){this.owlControls&&this.owlControls.remove()},next:function(a){if(this.isTransition)return!1;
+this.currentItem+=!0===this.options.scrollPerPage?this.options.items:1;if(this.currentItem>this.maximumItem+(!0===this.options.scrollPerPage?this.options.items-1:0))if(!0===this.options.rewindNav)this.currentItem=0,a="rewind";else return this.currentItem=this.maximumItem,!1;this.goTo(this.currentItem,a)},prev:function(a){if(this.isTransition)return!1;this.currentItem=!0===this.options.scrollPerPage&&0<this.currentItem&&this.currentItem<this.options.items?0:this.currentItem-(!0===this.options.scrollPerPage?
+this.options.items:1);if(0>this.currentItem)if(!0===this.options.rewindNav)this.currentItem=this.maximumItem,a="rewind";else return this.currentItem=0,!1;this.goTo(this.currentItem,a)},goTo:function(a,b,e){var c=this;if(c.isTransition)return!1;"function"===typeof c.options.beforeMove&&c.options.beforeMove.apply(this,[c.$elem]);a>=c.maximumItem?a=c.maximumItem:0>=a&&(a=0);c.currentItem=c.owl.currentItem=a;if(!1!==c.options.transitionStyle&&"drag"!==e&&1===c.options.items&&!0===c.browser.support3d)return c.swapSpeed(0),
+!0===c.browser.support3d?c.transition3d(c.positionsInArray[a]):c.css2slide(c.positionsInArray[a],1),c.afterGo(),c.singleItemTransition(),!1;a=c.positionsInArray[a];!0===c.browser.support3d?(c.isCss3Finish=!1,!0===b?(c.swapSpeed("paginationSpeed"),g.setTimeout(function(){c.isCss3Finish=!0},c.options.paginationSpeed)):"rewind"===b?(c.swapSpeed(c.options.rewindSpeed),g.setTimeout(function(){c.isCss3Finish=!0},c.options.rewindSpeed)):(c.swapSpeed("slideSpeed"),g.setTimeout(function(){c.isCss3Finish=!0},
+c.options.slideSpeed)),c.transition3d(a)):!0===b?c.css2slide(a,c.options.paginationSpeed):"rewind"===b?c.css2slide(a,c.options.rewindSpeed):c.css2slide(a,c.options.slideSpeed);c.afterGo()},jumpTo:function(a){"function"===typeof this.options.beforeMove&&this.options.beforeMove.apply(this,[this.$elem]);a>=this.maximumItem||-1===a?a=this.maximumItem:0>=a&&(a=0);this.swapSpeed(0);!0===this.browser.support3d?this.transition3d(this.positionsInArray[a]):this.css2slide(this.positionsInArray[a],1);this.currentItem=
+this.owl.currentItem=a;this.afterGo()},afterGo:function(){this.prevArr.push(this.currentItem);this.prevItem=this.owl.prevItem=this.prevArr[this.prevArr.length-2];this.prevArr.shift(0);this.prevItem!==this.currentItem&&(this.checkPagination(),this.checkNavigation(),this.eachMoveUpdate(),!1!==this.options.autoPlay&&this.checkAp());"function"===typeof this.options.afterMove&&this.prevItem!==this.currentItem&&this.options.afterMove.apply(this,[this.$elem])},stop:function(){this.apStatus="stop";g.clearInterval(this.autoPlayInterval)},
+checkAp:function(){"stop"!==this.apStatus&&this.play()},play:function(){var a=this;a.apStatus="play";if(!1===a.options.autoPlay)return!1;g.clearInterval(a.autoPlayInterval);a.autoPlayInterval=g.setInterval(function(){a.next(!0)},a.options.autoPlay)},swapSpeed:function(a){"slideSpeed"===a?this.$owlWrapper.css(this.addCssSpeed(this.options.slideSpeed)):"paginationSpeed"===a?this.$owlWrapper.css(this.addCssSpeed(this.options.paginationSpeed)):"string"!==typeof a&&this.$owlWrapper.css(this.addCssSpeed(a))},
+addCssSpeed:function(a){return{"-webkit-transition":"all "+a+"ms ease","-moz-transition":"all "+a+"ms ease","-o-transition":"all "+a+"ms ease",transition:"all "+a+"ms ease"}},removeTransition:function(){return{"-webkit-transition":"","-moz-transition":"","-o-transition":"",transition:""}},doTranslate:function(a){return{"-webkit-transform":"translate3d("+a+"px, 0px, 0px)","-moz-transform":"translate3d("+a+"px, 0px, 0px)","-o-transform":"translate3d("+a+"px, 0px, 0px)","-ms-transform":"translate3d("+
+a+"px, 0px, 0px)",transform:"translate3d("+a+"px, 0px,0px)"}},transition3d:function(a){this.$owlWrapper.css(this.doTranslate(a))},css2move:function(a){this.$owlWrapper.css({left:a})},css2slide:function(a,b){var e=this;e.isCssFinish=!1;e.$owlWrapper.stop(!0,!0).animate({left:a},{duration:b||e.options.slideSpeed,complete:function(){e.isCssFinish=!0}})},checkBrowser:function(){var a=k.createElement("div");a.style.cssText="  -moz-transform:translate3d(0px, 0px, 0px); -ms-transform:translate3d(0px, 0px, 0px); -o-transform:translate3d(0px, 0px, 0px); -webkit-transform:translate3d(0px, 0px, 0px); transform:translate3d(0px, 0px, 0px)";
+a=a.style.cssText.match(/translate3d\(0px, 0px, 0px\)/g);this.browser={support3d:null!==a&&1===a.length,isTouch:"ontouchstart"in g||g.navigator.msMaxTouchPoints}},moveEvents:function(){if(!1!==this.options.mouseDrag||!1!==this.options.touchDrag)this.gestures(),this.disabledEvents()},eventTypes:function(){var a=["s","e","x"];this.ev_types={};!0===this.options.mouseDrag&&!0===this.options.touchDrag?a=["touchstart.owl mousedown.owl","touchmove.owl mousemove.owl","touchend.owl touchcancel.owl mouseup.owl"]:
+!1===this.options.mouseDrag&&!0===this.options.touchDrag?a=["touchstart.owl","touchmove.owl","touchend.owl touchcancel.owl"]:!0===this.options.mouseDrag&&!1===this.options.touchDrag&&(a=["mousedown.owl","mousemove.owl","mouseup.owl"]);this.ev_types.start=a[0];this.ev_types.move=a[1];this.ev_types.end=a[2]},disabledEvents:function(){this.$elem.on("dragstart.owl",function(a){a.preventDefault()});this.$elem.on("mousedown.disableTextSelect",function(a){return f(a.target).is("input, textarea, select, option")})},
+gestures:function(){function a(a){if(void 0!==a.touches)return{x:a.touches[0].pageX,y:a.touches[0].pageY};if(void 0===a.touches){if(void 0!==a.pageX)return{x:a.pageX,y:a.pageY};if(void 0===a.pageX)return{x:a.clientX,y:a.clientY}}}function b(a){"on"===a?(f(k).on(d.ev_types.move,e),f(k).on(d.ev_types.end,c)):"off"===a&&(f(k).off(d.ev_types.move),f(k).off(d.ev_types.end))}function e(b){b=b.originalEvent||b||g.event;d.newPosX=a(b).x-h.offsetX;d.newPosY=a(b).y-h.offsetY;d.newRelativeX=d.newPosX-h.relativePos;
+"function"===typeof d.options.startDragging&&!0!==h.dragging&&0!==d.newRelativeX&&(h.dragging=!0,d.options.startDragging.apply(d,[d.$elem]));(8<d.newRelativeX||-8>d.newRelativeX)&&!0===d.browser.isTouch&&(void 0!==b.preventDefault?b.preventDefault():b.returnValue=!1,h.sliding=!0);(10<d.newPosY||-10>d.newPosY)&&!1===h.sliding&&f(k).off("touchmove.owl");d.newPosX=Math.max(Math.min(d.newPosX,d.newRelativeX/5),d.maximumPixels+d.newRelativeX/5);!0===d.browser.support3d?d.transition3d(d.newPosX):d.css2move(d.newPosX)}
+function c(a){a=a.originalEvent||a||g.event;var c;a.target=a.target||a.srcElement;h.dragging=!1;!0!==d.browser.isTouch&&d.$owlWrapper.removeClass("grabbing");d.dragDirection=0>d.newRelativeX?d.owl.dragDirection="left":d.owl.dragDirection="right";0!==d.newRelativeX&&(c=d.getNewPosition(),d.goTo(c,!1,"drag"),h.targetElement===a.target&&!0!==d.browser.isTouch&&(f(a.target).on("click.disable",function(a){a.stopImmediatePropagation();a.stopPropagation();a.preventDefault();f(a.target).off("click.disable")}),
+a=f._data(a.target,"events").click,c=a.pop(),a.splice(0,0,c)));b("off")}var d=this,h={offsetX:0,offsetY:0,baseElWidth:0,relativePos:0,position:null,minSwipe:null,maxSwipe:null,sliding:null,dargging:null,targetElement:null};d.isCssFinish=!0;d.$elem.on(d.ev_types.start,".owl-wrapper",function(c){c=c.originalEvent||c||g.event;var e;if(3===c.which)return!1;if(!(d.itemsAmount<=d.options.items)){if(!1===d.isCssFinish&&!d.options.dragBeforeAnimFinish||!1===d.isCss3Finish&&!d.options.dragBeforeAnimFinish)return!1;
+!1!==d.options.autoPlay&&g.clearInterval(d.autoPlayInterval);!0===d.browser.isTouch||d.$owlWrapper.hasClass("grabbing")||d.$owlWrapper.addClass("grabbing");d.newPosX=0;d.newRelativeX=0;f(this).css(d.removeTransition());e=f(this).position();h.relativePos=e.left;h.offsetX=a(c).x-e.left;h.offsetY=a(c).y-e.top;b("on");h.sliding=!1;h.targetElement=c.target||c.srcElement}})},getNewPosition:function(){var a=this.closestItem();a>this.maximumItem?a=this.currentItem=this.maximumItem:0<=this.newPosX&&(this.currentItem=
+a=0);return a},closestItem:function(){var a=this,b=!0===a.options.scrollPerPage?a.pagesInArray:a.positionsInArray,e=a.newPosX,c=null;f.each(b,function(d,g){e-a.itemWidth/20>b[d+1]&&e-a.itemWidth/20<g&&"left"===a.moveDirection()?(c=g,a.currentItem=!0===a.options.scrollPerPage?f.inArray(c,a.positionsInArray):d):e+a.itemWidth/20<g&&e+a.itemWidth/20>(b[d+1]||b[d]-a.itemWidth)&&"right"===a.moveDirection()&&(!0===a.options.scrollPerPage?(c=b[d+1]||b[b.length-1],a.currentItem=f.inArray(c,a.positionsInArray)):
+(c=b[d+1],a.currentItem=d+1))});return a.currentItem},moveDirection:function(){var a;0>this.newRelativeX?(a="right",this.playDirection="next"):(a="left",this.playDirection="prev");return a},customEvents:function(){var a=this;a.$elem.on("owl.next",function(){a.next()});a.$elem.on("owl.prev",function(){a.prev()});a.$elem.on("owl.play",function(b,e){a.options.autoPlay=e;a.play();a.hoverStatus="play"});a.$elem.on("owl.stop",function(){a.stop();a.hoverStatus="stop"});a.$elem.on("owl.goTo",function(b,e){a.goTo(e)});
+a.$elem.on("owl.jumpTo",function(b,e){a.jumpTo(e)})},stopOnHover:function(){var a=this;!0===a.options.stopOnHover&&!0!==a.browser.isTouch&&!1!==a.options.autoPlay&&(a.$elem.on("mouseover",function(){a.stop()}),a.$elem.on("mouseout",function(){"stop"!==a.hoverStatus&&a.play()}))},lazyLoad:function(){var a,b,e,c,d;if(!1===this.options.lazyLoad)return!1;for(a=0;a<this.itemsAmount;a+=1)b=f(this.$owlItems[a]),"loaded"!==b.data("owl-loaded")&&(e=b.data("owl-item"),c=b.find(".lazyOwl"),"string"!==typeof c.data("src")?
+b.data("owl-loaded","loaded"):(void 0===b.data("owl-loaded")&&(c.hide(),b.addClass("loading").data("owl-loaded","checked")),(d=!0===this.options.lazyFollow?e>=this.currentItem:!0)&&e<this.currentItem+this.options.items&&c.length&&this.lazyPreload(b,c)))},lazyPreload:function(a,b){function e(){a.data("owl-loaded","loaded").removeClass("loading");b.removeAttr("data-src");"fade"===d.options.lazyEffect?b.fadeIn(400):b.show();"function"===typeof d.options.afterLazyLoad&&d.options.afterLazyLoad.apply(this,
+[d.$elem])}function c(){f+=1;d.completeImg(b.get(0))||!0===k?e():100>=f?g.setTimeout(c,100):e()}var d=this,f=0,k;"DIV"===b.prop("tagName")?(b.css("background-image","url("+b.data("src")+")"),k=!0):b[0].src=b.data("src");c()},autoHeight:function(){function a(){var a=f(e.$owlItems[e.currentItem]).height();e.wrapperOuter.css("height",a+"px");e.wrapperOuter.hasClass("autoHeight")||g.setTimeout(function(){e.wrapperOuter.addClass("autoHeight")},0)}function b(){d+=1;e.completeImg(c.get(0))?a():100>=d?g.setTimeout(b,
+100):e.wrapperOuter.css("height","")}var e=this,c=f(e.$owlItems[e.currentItem]).find("img"),d;void 0!==c.get(0)?(d=0,b()):a()},completeImg:function(a){return!a.complete||"undefined"!==typeof a.naturalWidth&&0===a.naturalWidth?!1:!0},onVisibleItems:function(){var a;!0===this.options.addClassActive&&this.$owlItems.removeClass("active");this.visibleItems=[];for(a=this.currentItem;a<this.currentItem+this.options.items;a+=1)this.visibleItems.push(a),!0===this.options.addClassActive&&f(this.$owlItems[a]).addClass("active");
+this.owl.visibleItems=this.visibleItems},transitionTypes:function(a){this.outClass="owl-"+a+"-out";this.inClass="owl-"+a+"-in"},singleItemTransition:function(){var a=this,b=a.outClass,e=a.inClass,c=a.$owlItems.eq(a.currentItem),d=a.$owlItems.eq(a.prevItem),f=Math.abs(a.positionsInArray[a.currentItem])+a.positionsInArray[a.prevItem],g=Math.abs(a.positionsInArray[a.currentItem])+a.itemWidth/2;a.isTransition=!0;a.$owlWrapper.addClass("owl-origin").css({"-webkit-transform-origin":g+"px","-moz-perspective-origin":g+
+"px","perspective-origin":g+"px"});d.css({position:"relative",left:f+"px"}).addClass(b).on("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend",function(){a.endPrev=!0;d.off("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend");a.clearTransStyle(d,b)});c.addClass(e).on("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend",function(){a.endCurrent=!0;c.off("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend");a.clearTransStyle(c,e)})},clearTransStyle:function(a,
+b){a.css({position:"",left:""}).removeClass(b);this.endPrev&&this.endCurrent&&(this.$owlWrapper.removeClass("owl-origin"),this.isTransition=this.endCurrent=this.endPrev=!1)},owlStatus:function(){this.owl={userOptions:this.userOptions,baseElement:this.$elem,userItems:this.$userItems,owlItems:this.$owlItems,currentItem:this.currentItem,prevItem:this.prevItem,visibleItems:this.visibleItems,isTouch:this.browser.isTouch,browser:this.browser,dragDirection:this.dragDirection}},clearEvents:function(){this.$elem.off(".owl owl mousedown.disableTextSelect");
+f(k).off(".owl owl");f(g).off("resize",this.resizer)},unWrap:function(){0!==this.$elem.children().length&&(this.$owlWrapper.unwrap(),this.$userItems.unwrap().unwrap(),this.owlControls&&this.owlControls.remove());this.clearEvents();this.$elem.attr("style",this.$elem.data("owl-originalStyles")||"").attr("class",this.$elem.data("owl-originalClasses"))},destroy:function(){this.stop();g.clearInterval(this.checkVisible);this.unWrap();this.$elem.removeData()},reinit:function(a){a=f.extend({},this.userOptions,
+a);this.unWrap();this.init(a,this.$elem)},addItem:function(a,b){var e;if(!a)return!1;if(0===this.$elem.children().length)return this.$elem.append(a),this.setVars(),!1;this.unWrap();e=void 0===b||-1===b?-1:b;e>=this.$userItems.length||-1===e?this.$userItems.eq(-1).after(a):this.$userItems.eq(e).before(a);this.setVars()},removeItem:function(a){if(0===this.$elem.children().length)return!1;a=void 0===a||-1===a?-1:a;this.unWrap();this.$userItems.eq(a).remove();this.setVars()}};f.fn.owlCarousel=function(a){return this.each(function(){if(!0===
+f(this).data("owl-init"))return!1;f(this).data("owl-init",!0);var b=Object.create(l);b.init(a,this);f.data(this,"owlCarousel",b)})};f.fn.owlCarousel.options={items:5,itemsCustom:!1,itemsDesktop:[1199,4],itemsDesktopSmall:[979,3],itemsTablet:[768,2],itemsTabletSmall:!1,itemsMobile:[479,1],singleItem:!1,itemsScaleUp:!1,slideSpeed:200,paginationSpeed:800,rewindSpeed:1E3,autoPlay:!1,stopOnHover:!1,navigation:!1,navigationText:["prev","next"],rewindNav:!0,scrollPerPage:!1,pagination:!0,paginationNumbers:!1,
+responsive:!0,responsiveRefreshRate:200,responsiveBaseWidth:g,baseClass:"owl-carousel",theme:"owl-theme",lazyLoad:!1,lazyFollow:!0,lazyEffect:"fade",autoHeight:!1,jsonPath:!1,jsonSuccess:!1,dragBeforeAnimFinish:!0,mouseDrag:!0,touchDrag:!0,addClassActive:!1,transitionStyle:!1,beforeUpdate:!1,afterUpdate:!1,beforeInit:!1,afterInit:!1,beforeMove:!1,afterMove:!1,afterAction:!1,startDragging:!1,afterLazyLoad:!1}})(jQuery,window,document);
@@ -0,0 +1,10 @@
+/*!
+ * Retina.js v1.4.0
+ *
+ * Copyright 2016 Imulus, LLC
+ * Released under the MIT license
+ *
+ * Retina.js is an open source script that makes it easy to serve
+ * high-resolution images to devices with retina displays.
+ */
+!function(){function a(){}function b(a){return f.retinaImageSuffix+a}function c(a,c){if(this.path=a||"","undefined"!=typeof c&&null!==c)this.at_2x_path=c,this.perform_check=!1;else{if(void 0!==document.createElement){var d=document.createElement("a");d.href=this.path,d.pathname=d.pathname.replace(g,b),this.at_2x_path=d.href}else{var e=this.path.split("?");e[0]=e[0].replace(g,b),this.at_2x_path=e.join("?")}this.perform_check=!0}}function d(a){this.el=a,this.path=new c(this.el.getAttribute("src"),this.el.getAttribute("data-at2x"));var b=this;this.path.check_2x_variant(function(a){a&&b.swap()})}var e="undefined"==typeof exports?window:exports,f={retinaImageSuffix:"@2x",check_mime_type:!0,retinaImgTagSelector:"body img",force_original_dimensions:!0};e.Retina=a,a.configure=function(a){null===a&&(a={});for(var b in a)a.hasOwnProperty(b)&&(f[b]=a[b])},a.init=function(a){null===a&&(a=e),a.addEventListener("load",function(){var a,b,c=document.querySelectorAll(f.retinaImgTagSelector),e=[];for(a=0;a<c.length;a+=1)b=c[a],b.getAttributeNode("data-no-retina")||b.src&&e.push(new d(b))})},a.isRetina=function(){var a="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)";return e.devicePixelRatio>1?!0:!(!e.matchMedia||!e.matchMedia(a).matches)};var g=/\.[\w\?=]+$/;e.RetinaImagePath=c,c.confirmed_paths=[],c.prototype.is_external=function(){return!(!this.path.match(/^(https?\:|\/\/)/i)||this.path.match("//"+document.domain))},c.prototype.check_2x_variant=function(a){var b,d=this;return this.perform_check||"undefined"==typeof this.at_2x_path||null===this.at_2x_path?this.at_2x_path in c.confirmed_paths?a(!0):this.is_external()?a(!1):(b=new XMLHttpRequest,b.open("HEAD",this.at_2x_path),b.onreadystatechange=function(){if(4!==b.readyState)return a(!1);if(b.status>=200&&b.status<=399){if(f.check_mime_type){var e=b.getResponseHeader("Content-Type");if(null===e||!e.match(/^image/i))return a(!1)}return c.confirmed_paths.push(d.at_2x_path),a(!0)}return a(!1)},b.send(),void 0):a(!0)},e.RetinaImage=d,d.prototype.swap=function(a){function b(){c.el.complete?(f.force_original_dimensions&&(0===c.el.offsetWidth&&0===c.el.offsetHeight?(c.el.setAttribute("width",c.el.naturalWidth),c.el.setAttribute("height",c.el.naturalHeight)):(c.el.setAttribute("width",c.el.offsetWidth),c.el.setAttribute("height",c.el.offsetHeight))),c.el.setAttribute("src",a)):setTimeout(b,5)}"undefined"==typeof a&&(a=this.path.at_2x_path);var c=this;b()},a.isRetina()&&a.init(e)}();
@@ -0,0 +1,8 @@
+// Generated by CoffeeScript 1.6.2
+/*
+Sticky Elements Shortcut for jQuery Waypoints - v2.0.5
+Copyright (c) 2011-2014 Caleb Troughton
+Licensed under the MIT license.
+https://github.com/imakewebthings/jquery-waypoints/blob/master/licenses.txt
+*/
+(function(){(function(t,n){if(typeof define==="function"&&define.amd){return define(["jquery","waypoints"],n)}else{return n(t.jQuery)}})(window,function(t){var n,i;n={wrapper:'<div class="sticky-wrapper" />',stuckClass:"stuck",direction:"down right"};i=function(t,n){var i;t.wrap(n.wrapper);i=t.parent();return i.data("isWaypointStickyWrapper",true)};t.waypoints("extendFn","sticky",function(r){var e,a,s;a=t.extend({},t.fn.waypoint.defaults,n,r);e=i(this,a);s=a.handler;a.handler=function(n){var i,r;i=t(this).children(":first");r=a.direction.indexOf(n)!==-1;i.toggleClass(a.stuckClass,r);e.height(r?i.outerHeight():"");if(s!=null){return s.call(this,n)}};e.waypoint(a);return this.data("stuckClass",a.stuckClass)});return t.waypoints("extendFn","unsticky",function(){var t;t=this.parent();if(!t.data("isWaypointStickyWrapper")){return this}t.waypoint("destroy");this.unwrap();return this.removeClass(this.data("stuckClass"))})})}).call(this);
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset
+      xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
+            http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
+<!-- created with Free Online Sitemap Generator www.xml-sitemaps.com -->
+
+<url>
+  <loc>https://recruteur.talentstube.com/offre-emploi-originale</loc>
+  <lastmod>2021-02-10T16:05:39+00:00</lastmod>
+  <priority>1.00</priority>
+</url>
+<url>
+  <loc>https://recruteur.talentstube.com/</loc>
+  <lastmod>2020-11-18T16:05:39+00:00</lastmod>
+  <priority>1.00</priority>
+</url>
+<url>
+  <loc>https://recruteur.talentstube.com/offre-emploi-video</loc>
+  <lastmod>2020-11-18T16:05:39+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://recruteur.talentstube.com/marque-employeur-video</loc>
+  <lastmod>2020-11-18T16:05:39+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://recruteur.talentstube.com/candidatures-video</loc>
+  <lastmod>2020-11-18T16:05:39+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://recruteur.talentstube.com/mentions-legales</loc>
+  <lastmod>2020-11-18T16:05:39+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://recruteur.talentstube.com/cgu</loc>
+  <lastmod>2020-11-18T16:05:39+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://recruteur.talentstube.com/politique-confidentialite</loc>
+  <lastmod>2020-11-18T16:05:39+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://recruteur.talentstube.com/abonnement</loc>
+  <lastmod>2020-11-18T16:05:39+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://recruteur.talentstube.com/register/</loc>
+  <lastmod>2020-11-18T16:05:39+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+
+
+</urlset>
Author	SHA1	Message	Date
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
				`@@ -0,0 +1 @@`
				(function($){"use strict";$.ajaxChimp={responses:{"We have sent you a confirmation email":0,"Please enter a value":1,"An email address must contain a single @":2,"The domain portion of the email address is invalid (the portion after the @: )":3,"The username portion of the email address is invalid (the portion before the @: )":4,"This email address looks fake or invalid. Please enter a real email address":5},translations:{en:null},init:function(selector,options){$(selector).ajaxChimp(options)}};$.fn.ajaxChimp=function(options){$(this).each(function(i,elem){var form=$(elem);var email=form.find("input[type=email]");var label=form.find("label[for="+email.attr("id")+"]");var settings=$.extend({url:form.attr("action"),language:"en"},options);var url=settings.url.replace("/post?","/post-json?").concat("&c=?");form.attr("novalidate","true");email.attr("name","EMAIL");form.submit(function(){var msg;function successCallback(resp){if(resp.result==="success"){msg="We have sent you a confirmation email";label.removeClass("error").addClass("valid");email.removeClass("error").addClass("valid")}else{email.removeClass("valid").addClass("error");label.removeClass("valid").addClass("error");var index=-1;try{var parts=resp.msg.split(" - ",2);if(parts[1]===undefined){msg=resp.msg}else{var i=parseInt(parts[0],10);if(i.toString()===parts[0]){index=parts[0];msg=parts[1]}else{index=-1;msg=resp.msg}}}catch(e){index=-1;msg=resp.msg}}if(settings.language!=="en"&&$.ajaxChimp.responses[msg]!==undefined&&$.ajaxChimp.translations&&$.ajaxChimp.translations[settings.language]&&$.ajaxChimp.translations[settings.language][$.ajaxChimp.responses[msg]]){msg=$.ajaxChimp.translations[settings.language][$.ajaxChimp.responses[msg]]}label.html(msg);label.show(2e3);if(settings.callback){settings.callback(resp)}}var data={};var dataArray=form.serializeArray();$.each(dataArray,function(index,item){data[item.name]=item.value});$.ajax({url:url,data:data,success:successCallback,dataType:"jsonp",error:function(resp,text){console.log("mailchimp ajax submit error: "+text)}});var submitMsg="Submitting...";if(settings.language!=="en"&&$.ajaxChimp.translations&&$.ajaxChimp.translations[settings.language]&&$.ajaxChimp.translations[settings.language]["submit"]){submitMsg=$.ajaxChimp.translations[settings.language]["submit"]}label.html(submitMsg).show(2e3);return false})});return this}})(jQuery);