Fix : dashboard entreprise - ajout ad

volume/www/website/www/app/DoctrineMigrations/Version20200818075231.php

@@ -0,0 +1,29 @@
+<?php declare(strict_types=1);
+
+namespace Application\Migrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Auto-generated Migration: Please modify to your needs!
+ */
+final class Version20200818075231 extends AbstractMigration
+{
+    public function up(Schema $schema) : void
+    {
+        // this up() migration is auto-generated, please modify it to your needs
+        $this->abortIf($this->connection->getDatabasePlatform()->getName() !== 'postgresql', 'Migration can only be executed safely on \'postgresql\'.');
+
+        $this->addSql('ALTER TABLE ad ADD beneficiaire TEXT DEFAULT NULL');
+    }
+
+    public function down(Schema $schema) : void
+    {
+        // this down() migration is auto-generated, please modify it to your needs
+        $this->abortIf($this->connection->getDatabasePlatform()->getName() !== 'postgresql', 'Migration can only be executed safely on \'postgresql\'.');
+
+        $this->addSql('CREATE SCHEMA public');
+        $this->addSql('ALTER TABLE ad DROP beneficiaire');
+    }
+}

volume/www/website/www/app/Resources/FOSUserBundle/views/Registration/check_emailV2.html.twig

@@ -0,0 +1,183 @@
+{% extends 'basev2.html.twig' %}
+
+{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
+{% trans_default_domain 'FOSUserBundle' %}
+{% block content %}
+<main id="content">
+  <div class="container space-2  ">
+    <div class="row row justify-content-lg-end ">
+      <div class="col-md-12 ">
+        <div class="text-center mb-4">
+          <h1 class="h3 mb-0"></h1>
+          <p></p>
+        </div>
+        <!-- End Title -->
+        <div class="container contentWrapper">
+          <div class="row">
+            <div class="col push-s3 s6">
+              <h1 class="m-t-20 alttitle center-align">{{'user.register.title'|trans({},"messages") }}</h1>
+              <p>{{ 'registration.check_email'|trans({'%email%': user.email}) }}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</main>
+<!-- ========== END MAIN CONTENT ========== -->
+
+{% include 'defaultv2/accueil/footer.html.twig' %}
+
+
+
+<!-- Begin Panel Login -->
+{% include 'defaultv2/accueil/blocLogin.html.twig'
+with {
+    'csrf_token': csrf_token,
+    'error' : error
+  } %}
+
+<!-- Go to Top -->
+<a class="js-go-to u-go-to" href="javascript:;" data-position='{"bottom": 30, "right": 100 }' data-type="fixed"
+  data-offset-top="400" data-compensation="#header" data-show-effect="slideInUp" data-hide-effect="slideOutDown">
+  <i class="fa fa-arrow-up u-go-to__inner"></i>
+</a>
+<!-- End Go to Top -->
+
+<!-- JS Global Compulsory -->
+<script src="{{ asset('v2/vendor/jquery/dist/jquery.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-migrate/dist/jquery-migrate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/popper.js/dist/umd/popper.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/bootstrap/bootstrap.min.js') }}"></script>
+
+<!-- JS Implementing Plugins -->
+<script src="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-validation/dist/jquery.validate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.legacy.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/typed.js/lib/typed.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/slick-carousel/slick/slick.js') }}"></script>
+<script src="{{ asset('v2/vendor/cubeportfolio/js/jquery.cubeportfolio.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/fancybox/jquery.fancybox.min.js') }}"></script>
+
+<!-- JS Space -->
+<script src="{{ asset('v2/js/hs.core.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.header.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.unfold.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.validation.js') }}"></script>
+<script src="{{ asset('v2/js/helpers/hs.focus-state.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.malihu-scrollbar.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.fancybox.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.modal-window.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.show-animation.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.slick-carousel.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.cubeportfolio.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.g-map.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.go-to.js') }}"></script>
+
+
+
+<!-- JS Plugins Init. -->
+<script>
+  // initialization of google map
+  {
+    #
+    function initMap() {
+      $.HSCore.components.HSGMap.init('.js-g-map');
+    }#
+  }
+
+  $(window).on('load', function () {
+    // initialization of HSMegaMenu component
+    $('.js-mega-menu').HSMegaMenu({
+      event: 'hover',
+      pageContainer: $('.container'),
+      breakpoint: 767,
+      hideTimeOut: 0
+    });
+  });
+
+  $(document).on('ready', function () {
+    // initialization of header
+    $.HSCore.components.HSHeader.init($('#header'));
+
+    // initialization of fancybox
+    $.HSCore.components.HSFancyBox.init('.js-fancybox');
+
+    // initialization of unfold component
+    $.HSCore.components.HSUnfold.init($('[data-unfold-target]'), {
+      afterOpen: function () {
+        if (!$('body').hasClass('IE11')) {
+          $(this).find('input[type="search"]').focus();
+        }
+      }
+    });
+
+    // initialization of form validation
+    $.HSCore.components.HSValidation.init('.js-validate', {
+      rules: {
+        confirmPassword: {
+          equalTo: '#password'
+        }
+      }
+    });
+
+    // initialization of forms
+    $.HSCore.helpers.HSFocusState.init();
+
+    // initialization of malihu scrollbar
+    $.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar'));
+
+    // initialization of autonomous popups
+    $.HSCore.components.HSModalWindow.init('[data-modal-target]', '.js-signup-modal', {
+      autonomous: true
+    });
+
+    // initialization of show animations
+    $.HSCore.components.HSShowAnimation.init('.js-animation-link');
+
+    // initialization of slick carousel
+    $.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
+
+    $('.u-text-animation.u-text-animation').html("");
+    // initialization of text animation (typing)
+    var typed = new Typed(".u-text-animation.u-text-animation--typing", {
+      strings: ["Recrutez les candidats", "Boostez vos recrutements", "Valorisez vos collaborateurs"],
+      typeSpeed: 60,
+      loop: true,
+      backSpeed: 25,
+      backDelay: 3000
+    });
+
+    // initialization of cubeportfolio
+    $.HSCore.components.HSCubeportfolio.init('.cbp');
+
+    // initialization of go to
+    $.HSCore.components.HSGoTo.init('.js-go-to');
+
+
+  });
+
+
+  $(document).ready(function () {
+    $(window).scroll(function () { // check if scroll event happened
+      if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
+        $("#logoAndNav").css("background-color",
+        "#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
+        $("#sidebarNavToggler").css("color", "#fff");
+      } else {
+        $("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
+        $("#sidebarNavToggler").css("color", "#000");
+      }
+    });
+  });
+</script>
+
+{% endblock %}
+
+{% block javascripts %}
+{{ parent() }}
+<script src="https://player.vimeo.com/api/player.js"></script>
+{% endblock %}

volume/www/website/www/app/Resources/FOSUserBundle/views/Registration/confirmed.html.twig

@@ -1,4 +1,4 @@
-{% extends "base.html.twig" %}
+{% extends "basetemporaire.html.twig" %}
 
 {% trans_default_domain 'FOSUserBundle' %}
 

volume/www/website/www/app/Resources/FOSUserBundle/views/Registration/register_content.html.twig

@@ -2,46 +2,46 @@
 <div class="row">
     <div class="col s8 offset-s2">
     {#<h3>Je suis ?</h3>#}
-    <h3>Merci de sélectionner votre profil :</h3>
+    {# <h3>Merci de sélectionner votre profil :</h3>
     <button class="waves-effect waves-light btn btn-dark roleUser active" data-value="TALENT">Je suis un talent</button> 
-    <button class="waves-effect waves-light btn btn-dark roleUser" data-value="COMPANY">Je suis une entreprise</button>
+    <button class="waves-effect waves-light btn btn-dark roleUser" data-value="COMPANY">Je suis une entreprise</button> #}
     <h3>Mes informations</h3>
     {{ form_start(form, {'method': 'post', 'action': path('fos_user_registration_register'), 'attr': {'class': 'fos_user_registration_register'}}) }}
         {{ form_errors(form) }}
-        <div class="row">
+        <div class="js-form-message mb-3">
             <div class="input-field col s12">
-                {{ form_row(form.firstname, {'label': 'Prénom'}) }}
+                {{ form_row(form.firstname, {'label': 'Prénom', 'attr': {'class': 'form-control'}}) }}
             </div>
         </div>
-        <div class="row">
+        <div class="js-form-message mb-3">
             <div class="input-field col s12">
-                {{ form_row(form.lastname, {'label': 'Nom'}) }}
+                {{ form_row(form.lastname, {'label': 'Nom', 'attr': {'class': 'form-control'}}) }}
             </div>
         </div>
-        <div class="row">
+        <div class="js-form-message mb-3">
             <div class="input-field col s12">
-                {{ form_row(form.email, {'label': 'E-mail'}) }}
+                {{ form_row(form.email, {'label': 'E-mail', 'attr': {'class': 'form-control'}}) }}
             </div>
         </div>
-        <div class="row">
+        <div class="js-form-message mb-3">
             <div class="input-field col s12">
-                {{ form_row(form.username, {'label': 'Nom d\'utilisateur'}) }}
+                {{ form_row(form.username, {'label': 'Nom d\'utilisateur', 'attr': {'class': 'form-control'}}) }}
             </div>
         </div>
-        <div class="row">
+        <div class="js-form-message mb-3">
             <div class="input-field col s12">
-            {{ form_row(form.plainPassword.first, {'label': 'Mot de passe'}) }}
+            {{ form_row(form.plainPassword.first, {'label': 'Mot de passe', 'attr': {'class': 'form-control'}}) }}
             </div>
         </div>
-        <div class="row">
+        <div class="js-form-message mb-3">
             <div class="input-field col s12">
-            {{ form_row(form.plainPassword.second, {'label': 'Répéter le mot de passe'}) }}
+            {{ form_row(form.plainPassword.second, {'label': 'Répéter le mot de passe', 'attr': {'class': 'form-control'}}) }}
             </div>
         </div>
         {% if destination_login is defined %}
             <input type="hidden" name="_target_path" value="{{ destination_login }}" />
         {% endif %}
-         <div class="row">
+         <div class="js-form-message mb-3">
             <div class="input-field col s12">
             {% set label = 'user.cgu.label'|trans({'%link_start%' : '<a href="'~path('service_cgu')~'">', '%link_end%' : '</a>'}, 'messages') | raw %}
             {{ form_errors(form.cgu) }}
@@ -49,20 +49,20 @@
             {{ form_label(form.cgu) }}
             </div>
         </div>
-        <div class="row">
+        <div class="js-form-message mb-3">
             <div class="input-field col s12">
-                Lire les conditions générales d'utilisations</a>
+                <a href="mentions-legales">Lire les conditions générales d'utilisations</a>
                 <br /><br />
             </div>
         </div>
-        <div class="row">
+        <div class="js-form-message mb-3">
             <div class="input-field col s12">
             {{ form_rest(form) }}
             </div>
         </div>
-        <div>
-            <input class="btn btn-default" type="submit" value="{{ 'registration.submit'|trans }}" />
-            {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
+        <div class="js-form-message mb-3">
+            <button type="submit" class="btn btn-block btn-primary">{{ 'registration.submit'|trans }}</button>
+            {# {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
                 {{ 'layout.logged_in_as'|trans({'%username%': app.user.username}, 'FOSUserBundle') }} |
                 <a href="{{ path('fos_user_security_logout') }}">
                     {{ 'layout.logout'|trans({}, 'FOSUserBundle') }}
@@ -73,7 +73,7 @@
                     Je possède déjà un compte Talents Tube
                     </span>
                 </a>
-            {% endif %}
+            {% endif %} #}
         </div>
     {{ form_end(form) }}
     </div>

volume/www/website/www/app/Resources/FOSUserBundle/views/Resetting/check_email.html.twig

@@ -1,20 +1,22 @@
 {% trans_default_domain 'FOSUserBundle' %}
 
-{% extends "base.html.twig" %}
+{% extends "basev2.html.twig" %}
 
 {% block content %}
-<div class="container contentWrapper">
-  <div class="row">
-        <div class="col push-s3 s6">
-          <h1 class="m-t-18 alttitle center-align">{{'user.resetpassword.title'|trans({},"messages") }}</h1>
-          <p>
+<main id="content">
+  <div class="container space-2  ">
+    <div class="row row justify-content-lg-end ">
+      <div class="col-md-12 ">
+        <h1 class="m-t-18 alttitle center-align">{{'user.resetpassword.title'|trans({},"messages") }}</h1>
+        <p>
           {{ 'resetting.check_email'|trans({'%tokenLifetime%': tokenLifetime})|nl2br }}
-          </p>
-        </div>
+        </p>
+      </div>
+    </div>
   </div>
-</div>
+</main>
 {% endblock %}
 
 {% block metarobot %}
-    <meta name="robots" content="noindex,nofollow">
-{% endblock %}
+<meta name="robots" content="noindex,nofollow">
+{% endblock %}

volume/www/website/www/app/Resources/FOSUserBundle/views/Resetting/request.html.twig

@@ -1,16 +1,18 @@
-{% extends "base.html.twig" %}
+{% extends "basev2.html.twig" %}
 
 {% block content %}
-<div class="container contentWrapper">
-  <div class="row">
-        <div class="col push-s3 s6">
-          <h1 class="m-t-18 alttitle center-align">{{'user.resetpassword.title'|trans({},"messages") }}</h1>
-          {% include "@FOSUser/Resetting/request_content.html.twig" %}
-        </div>
+<main id="content">
+  <div class="container space-2  ">
+    <div class="row row justify-content-lg-end ">
+      <div class="col-md-12 ">
+        <h1 class="m-t-18 alttitle center-align">{{'user.resetpassword.title'|trans({},"messages") }}</h1>
+        {% include "@FOSUser/Resetting/request_content.html.twig" %}
+      </div>
+    </div>
   </div>
-</div>
+</main>
 {% endblock %}
 
 {% block metarobot %}
-    <meta name="robots" content="noindex,nofollow">
-{% endblock %}
+<meta name="robots" content="noindex,nofollow">
+{% endblock %}

volume/www/website/www/app/Resources/FOSUserBundle/views/Resetting/request_content.html.twig

@@ -1,11 +1,13 @@
 {% trans_default_domain 'FOSUserBundle' %}
 <form action="{{ path('fos_user_resetting_send_email') }}" method="POST" class="fos_user_resetting_request">
-    <div>
+    <div class="col-md-12 ">
         <label for="username">{{ 'resetting.request.username'|trans }}</label>
-        <input type="text" id="username" name="username" required="required" />
+        <input type="text" id="username" name="username" required="required" class="form-control" />
     </div>
-    <div>
-        <input class="btn btn-default" type="submit" value="{{ 'resetting.request.submit'|trans }}" />
+     <div class="col-md-6 ">&nbsp;
+     </div>
+    <div class="col-md-5 ">
+        <button type="submit" class="btn btn-block btn-primary">{{ 'resetting.request.submit'|trans }}</button>
     </div>
 </form>
 <br /><br />

volume/www/website/www/app/Resources/FOSUserBundle/views/Resetting/reset.html.twig

@@ -1,24 +1,27 @@
-{% extends "base.html.twig" %}
+{% extends "basev2.html.twig" %}
 
 {% block title %}
-    Mot de passe oublié TalentsTube
+Mot de passe oublié TalentsTube
 {% endblock %}
 
 {% block description %}
-    Mot de passe oublié TalentsTube
+Mot de passe oublié TalentsTube
 {% endblock %}
 
 {% block content %}
-<div class="container contentWrapper">
-    <div class="row">
-        <div class="col push-s3 s6">
-            <h1 class="m-t-18 alttitle center-align">{{'user.resetpassword.title'|trans({},"messages") }}</h1>
-            {% include "@FOSUser/Resetting/reset_content.html.twig" %}
+<main id="content">
+    <div class="container space-2  ">
+        <div class="row row justify-content-lg-end ">
+            <div class="col-md-12 ">
+             <h1 class="m-t-18 alttitle center-align">
+                {{'user.resetpassword.title'|trans({},"messages") }}</h1>
+                {% include "@FOSUser/Resetting/reset_content.html.twig" %}
+            </div>
         </div>
     </div>
-</div>
+</main>
 {% endblock %}
 
 {% block metarobot %}
-    <meta name="robots" content="noindex,nofollow">
-{% endblock %}
+<meta name="robots" content="noindex,nofollow">
+{% endblock %}

volume/www/website/www/app/Resources/FOSUserBundle/views/Security/login.html copy.twig

@@ -0,0 +1,33 @@
+
+{% extends "base.html.twig" %}
+
+{% block title %}
+    Login TalentsTube
+{% endblock %}
+
+{% block description %}
+    Login TalentsTube
+{% endblock %}
+
+{% block content %}
+<div class="container contentWrapper">
+    <div class="row">
+        <div class="col s4 offset-s1">
+            <h3>Connexion</h3>
+            {% block fos_user_content %}
+            {{ include('@FOSUser/Security/login_content.html.twig') }}
+            {% endblock fos_user_content %}
+            <br />
+        </div>
+        <div class="col s4 offset-s2">
+            <h3>Devenez Talents Tubeur(se) !</h3>
+            <p><a class="btn btn-default" href="{{ path('fos_user_registration_register') }}" title="inscription Talents Tube">Inscrivez-vous, c'est gratuit !</a></p>
+        </div>
+    </div>
+</div>
+{% endblock %}
+
+{% block metarobot %}
+        <meta name="robots" content="noindex,nofollow">
+{% endblock %}
+

volume/www/website/www/app/Resources/FOSUserBundle/views/Security/login.html.twig

@@ -1,32 +1,197 @@
-{% extends "base.html.twig" %}
+{% extends 'basev2.html.twig' %}
 
-{% block title %}
-    Login TalentsTube
+{% block title %}Talents Tube - Solution de recrutement en vidéo{% endblock %}
+{% block meta %}
+  <meta name="description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo.">
+  
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@TalentsTube">
+  <meta name="twitter:title" content="Talents Tube - Solution de recrutement en vidéo">
+  <meta name="twitter:description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo.">
+  <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
+
+  {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
+  <meta property="og:title" content="Talents Tube - Solution de recrutement en vidéo" />
+  <meta property="og:type" content="article" />
+  <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
+  <meta property="og:description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo." />
+  <meta property="og:site_name" content="Talents Tube" />
+  <meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
+  <meta http-equiv="refresh" content="1;URL=/">
 {% endblock %}
-
-{% block description %}
-    Login TalentsTube
-{% endblock %}
-
 {% block content %}
-<div class="container contentWrapper">
-    <div class="row">
-        <div class="col s4 offset-s1">
-            <h3>Connexion</h3>
-            {% block fos_user_content %}
-            {{ include('@FOSUser/Security/login_content.html.twig') }}
-            {% endblock fos_user_content %}
-            <br />
-        </div>
-        <div class="col s4 offset-s2">
-            <h3>Devenez Talents Tubeur(se) !</h3>
-            <p><a class="btn btn-default" href="{{ path('fos_user_registration_register') }}" title="inscription Talents Tube">Inscrivez-vous, c'est gratuit !</a></p>
-        </div>
-    </div>
-</div>
-{% endblock %}
-
-{% block metarobot %}
-        <meta name="robots" content="noindex,nofollow">
+<main id="content">
+  {% include 'defaultv2/accueil/blocPhoto.html.twig' 
+  with {
+    'urlImage': 'v2/img/1920x800/recrutement-video.jpg',
+    'textParDefaut' : 'Recrutez les candidats',
+    'textVideo' : 'avec la vidéo'
+  } %}
+  
+  {% include 'defaultv2/accueil/blocDegrade.html.twig' %}
+      
+  {% include 'defaultv2/accueil/blocPlateforme.html.twig' %}
+  
+  {% include 'defaultv2/accueil/blocCandidat.html.twig' %}
+  
+  {% include 'defaultv2/accueil/blocRecrutez.html.twig' %}
+  
+  {% include 'defaultv2/accueil/blocEmployeur.html.twig' %}
+
+  {% include 'defaultv2/accueil/blocTemoignages.html.twig' %}
+  
+  {% include 'defaultv2/accueil/blocConfiance.html.twig' %}
+  
+</main>
+<!-- ========== END MAIN CONTENT ========== -->
+
+{% include 'defaultv2/accueil/footer.html.twig' %}
+
+
+
+<!-- Begin Panel Login -->
+{% include 'defaultv2/accueil/blocLogin.html.twig'
+with {
+    'csrf_token': csrf_token,
+    'error' : error
+  } %}
+
+<!-- Go to Top -->
+<a class="js-go-to u-go-to" href="javascript:;" data-position='{"bottom": 30, "right": 100 }' data-type="fixed"
+  data-offset-top="400" data-compensation="#header" data-show-effect="slideInUp" data-hide-effect="slideOutDown">
+  <i class="fa fa-arrow-up u-go-to__inner"></i>
+</a>
+<!-- End Go to Top -->
+
+<!-- JS Global Compulsory -->
+<script src="{{ asset('v2/vendor/jquery/dist/jquery.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-migrate/dist/jquery-migrate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/popper.js/dist/umd/popper.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/bootstrap/bootstrap.min.js') }}"></script>
+
+<!-- JS Implementing Plugins -->
+<script src="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-validation/dist/jquery.validate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.legacy.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/typed.js/lib/typed.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/slick-carousel/slick/slick.js') }}"></script>
+<script src="{{ asset('v2/vendor/cubeportfolio/js/jquery.cubeportfolio.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/fancybox/jquery.fancybox.min.js') }}"></script>
+
+<!-- JS Space -->
+<script src="{{ asset('v2/js/hs.core.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.header.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.unfold.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.validation.js') }}"></script>
+<script src="{{ asset('v2/js/helpers/hs.focus-state.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.malihu-scrollbar.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.fancybox.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.modal-window.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.show-animation.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.slick-carousel.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.cubeportfolio.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.g-map.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.go-to.js') }}"></script>
+
+  
+
+<!-- JS Plugins Init. -->
+<script>
+  // initialization of google map
+  {# function initMap() {
+    $.HSCore.components.HSGMap.init('.js-g-map');
+  } #}
+
+  $(window).on('load', function () {
+    // initialization of HSMegaMenu component
+    $('.js-mega-menu').HSMegaMenu({
+      event: 'hover',
+      pageContainer: $('.container'),
+      breakpoint: 767,
+      hideTimeOut: 0
+    });
+  });
+
+  $(document).on('ready', function () {
+    // initialization of header
+    $.HSCore.components.HSHeader.init($('#header'));
+
+    // initialization of fancybox
+    $.HSCore.components.HSFancyBox.init('.js-fancybox');
+
+    // initialization of unfold component
+    $.HSCore.components.HSUnfold.init($('[data-unfold-target]'), {
+      afterOpen: function () {
+        if (!$('body').hasClass('IE11')) {
+          $(this).find('input[type="search"]').focus();
+        }
+      }
+    });
+
+    // initialization of form validation
+    $.HSCore.components.HSValidation.init('.js-validate', {
+      rules: {
+        confirmPassword: {
+          equalTo: '#password'
+        }
+      }
+    });
+
+    // initialization of forms
+    $.HSCore.helpers.HSFocusState.init();
+
+    // initialization of malihu scrollbar
+    $.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar'));
+
+    // initialization of autonomous popups
+    $.HSCore.components.HSModalWindow.init('[data-modal-target]', '.js-signup-modal', {
+      autonomous: true
+    });
+
+    // initialization of show animations
+    $.HSCore.components.HSShowAnimation.init('.js-animation-link');
+
+    // initialization of slick carousel
+    $.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
+
+    $('.u-text-animation.u-text-animation').html("");
+    // initialization of text animation (typing)
+    var typed = new Typed(".u-text-animation.u-text-animation--typing", {
+      strings: ["Recrutez les candidats", "Boostez vos recrutements", "Valorisez vos collaborateurs"],
+      typeSpeed: 60,
+      loop: true,
+      backSpeed: 25,
+      backDelay: 3000
+    });
+
+    // initialization of cubeportfolio
+    $.HSCore.components.HSCubeportfolio.init('.cbp');
+
+    // initialization of go to
+    $.HSCore.components.HSGoTo.init('.js-go-to');
+
+    
+  });
+
+
+  $(document).ready(function () {
+    $(window).scroll(function () { // check if scroll event happened
+      if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
+        $("#logoAndNav").css("background-color","#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
+        $("#sidebarNavToggler").css("color","#fff");
+      } else {
+        $("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
+        $("#sidebarNavToggler").css("color", "#000");
+      }
+    });
+  });
+</script>
+
 {% endblock %}
 
+{% block javascripts %}
+{{ parent() }}
+<script src="https://player.vimeo.com/api/player.js"></script>
+{% endblock %}

volume/www/website/www/app/Resources/FOSUserBundle/views/Security/loginModalV2.html.twig

@@ -150,14 +150,14 @@
                 {% endblock %}
             </div>
             <div class="mb-3">
-                {{ form_row(register_form._token) }}
-                token {{ csrf_token }}
-                      {% if csrf_token %}
-                    <input type="hidden" name="_csrf_token" ID="_csrf_token" value="{{ csrf_token }}" />
-                    {% endif %}  
-                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
+
+
+                {% if csrf_token %}
+                <input type="hidden" name="_csrf_token" ID="_csrf_token" value="{{ csrf_token }}" />
+                {% endif %}
+
                 <input class="btn btn-default btn-round" type="submit" id="_submit_register" name="_submit_register"
-                    value="Créer un compte!" />
+                    value="Créer un compte" />
                 <button type="submit" class="btn btn-block btn-primary">S'inscrire</button>
             </div>
 
@@ -179,8 +179,8 @@
             <div class="text-center mb-3">
                 <p class="text-muted">
                     <!-- End Divider -->
-                    
-                    
+
+
                     {% if destination_login is defined %}
                     <input type="hidden" name="_target_path" value="{{ destination_login }}" />
 

volume/www/website/www/app/Resources/FOSUserBundle/views/layout_register.html.twig

@@ -1,27 +1,57 @@
-{% extends "base.html.twig" %}
+{% extends "basev2.html.twig" %}
 
-    {% block title %}
-        Inscription à TalentsTube
-    {% endblock %}
+{% block title %}Inscription à la première solution de recrutement en vidéo{% endblock %}
+{% block meta %}
+<meta name="description" content="Inscrivez-vous à TalentsTube la première plateforme de recrutement vidéo.">
+
+<meta name="twitter:card" content="summary">
+<meta name="twitter:site" content="@TalentsTube">
+<meta name="twitter:title" content="Talents Tube - Solution de recrutement en vidéo">
+<meta name="twitter:description"
+    content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo.">
+<meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
+
+{#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
+<meta property="og:title" content="Talents Tube - Solution de recrutement en vidéo" />
+<meta property="og:type" content="article" />
+<meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
+<meta property="og:description"
+    content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo." />
+<meta property="og:site_name" content="Talents Tube" />
+<meta property="og:url"
+    content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
 
-{% block description %}
-    Inscrivez-vous à TalentsTube la première plateforme de recrutement vidéo.
 {% endblock %}
 
-    {% block content %}
-        {% for type, messages in app.session.flashBag.all %}
-            {% for message in messages %}
+
+{% block content %}
+<main id="content">
+    <div class="container space-2  ">
+        <div class="row row justify-content-lg-end ">
+            <div class="col-md-12 ">
+                {% for type, messages in app.session.flashBag.all %}
+                {% for message in messages %}
                 <div class="{{ type }}">
                     {{ message|trans({}, 'FOSUserBundle') }}
                 </div>
-            {% endfor %}
-        {% endfor %}
-        <div>
-            {% block fos_user_content %}
-            {% endblock fos_user_content %}
+                {% endfor %}
+                {% endfor %}
+                <div>
+                    {% block fos_user_content %}
+                    {% endblock fos_user_content %}
+                </div>
+            </div>
         </div>
-    {% endblock %}
+    </div>
+</main>
+{% endblock %}
 
-{% block metarobot %}
-    <meta name="robots" content="noindex,nofollow">
+{% block javascripts %}
+    {% javascripts
+    '@vendors'
+    '@global'
+    output='assetic/main.js' filter='?uglifyjs2' %}
+    <script src="{{ asset_url }}"></script>
+    
+    {% endjavascripts %}
 {% endblock %}

volume/www/website/www/app/Resources/FairlaneCookieConsentBundle/views/cookie-info.html.twig

@@ -10,7 +10,7 @@
     {% endif %}
     <div id="fairlane-cookie-consent" {% if fairlane_cookie_consent.useBootstrap == true %}class="navbar navbar-fixed-top"{% endif %}>
         <div class="container">
-            <div class="row">
+            <div class="">
                 <div class="col s8">
                     <p>{{ text_info }}
                     {% if fairlane_cookie_consent.twig.url_additional_info| length > 1 and text_additional_info_link | length > 1 %}

volume/www/website/www/app/Resources/translations/messages.fr.xlf

@@ -109,6 +109,10 @@
                 <source>company.menu.ads.label</source>
                 <target>Espace offres d'emploi</target>
             </trans-unit>
+            <trans-unit id="company.menu.users.label">
+                <source>company.menu.users.label</source>
+                <target>Utilisateurs</target>
+            </trans-unit>
             <trans-unit id="company.title.ads.label">
                 <source>company.title.ads.label</source>
                 <target>Mes offres d'emploi</target>
@@ -228,7 +232,7 @@
             </trans-unit>
             <trans-unit id="profile.company.tags">
                 <source>profile.company.tags</source>
-                <target>Mots clés : merci de séparer vos mots clés par une virgule</target>
+                <target>Mots clés</target>
             </trans-unit>
             <trans-unit id="profile.company.logo">
                 <source>profile.company.logo</source>
@@ -259,6 +263,10 @@
                 <target>Mon profil</target>
             </trans-unit>
             <!-- ANNONCE-->
+            <trans-unit id="ad.company.list.label">
+                <source>ad.company.list.label</source>
+                <target>Liste de mes offres</target>
+            </trans-unit>
             <trans-unit id="ad.company.add.label">
                 <source>ad.company.add.label</source>
                 <target>Ajouter une offre</target>
@@ -307,6 +315,36 @@
                 <source>ad.save.extension.title</source>
                 <target>La prolongation pour l'annonce a bien été pris en compte.</target>
             </trans-unit>
+            <!-- USERS-->
+            <trans-unit id="user.add.label">
+                <source>user.add.label</source>
+                <target>Ajouter un utilisateur</target>
+            </trans-unit>
+            <trans-unit id="label.users">
+                <source>label.users</source>
+                <target>Utilisateurs</target>
+            </trans-unit>
+            <trans-unit id="user.list.nom">
+                <source>user.list.nom</source>
+                <target>Nom</target>
+            </trans-unit>
+            <trans-unit id="user.list.prenom">
+                <source>user.list.prenom</source>
+                <target>Prénom</target>
+            </trans-unit>
+            <trans-unit id="user.list.email">
+                <source>user.list.email</source>
+                <target>Mail</target>
+            </trans-unit>
+            <trans-unit id="user.list.actions">
+                <source>user.list.actions</source>
+                <target>Actions</target>
+            </trans-unit>
+            <trans-unit id="user.edit.label">
+                <source>user.edit.label</source>
+                <target>Editer</target>
+            </trans-unit>
+            <!-- FIN USERS-->
             <!-- MEDIA -->
             <trans-unit id="media.delete.video.label">
                 <source>media.delete.video.label</source>

volume/www/website/www/app/Resources/views/admin/base_admin.html.twig

@@ -3,6 +3,7 @@
 <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="robots" content="noindex,nofollow">
     <title>TT | Admin</title>
     <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
     <link rel="stylesheet" href="{{ asset('css/admin.css') }}">

volume/www/website/www/app/Resources/views/admin/base_dashboard.html.twig

@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+  <meta charset="utf-8" />
+  <title>Pages - Admin Dashboard UI Kit - Dashboard</title>
+  <meta name="viewport"
+    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no" />
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-touch-fullscreen" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="default">
+  <meta content="Meet pages - The simplest and fastest way to build web UI for your dashboard or app."
+    name="description" />
+  <meta content="Ace" name="author" />
+  <link href="{{ asset('dashboard/plugins/pace/pace-theme-flash.css') }}" rel="stylesheet" type="text/css" />
+  <link href="{{ asset('dashboard/plugins/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+  <link href="{{ asset('dashboard/plugins/jquery-scrollbar/jquery.scrollbar.css') }}" rel="stylesheet" type="text/css"
+    media="screen" />
+  <link href="{{ asset('dashboard/plugins/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css"
+    media="screen" />
+  <link href="{{ asset('dashboard/plugins/nvd3/nv.d3.min.css') }}" rel="stylesheet" type="text/css" media="screen" />
+  <link href="{{ asset('dashboard/plugins/mapplic/css/mapplic.css') }}" rel="stylesheet" type="text/css" />
+  <link href="{{ asset('dashboard/plugins/rickshaw/rickshaw.min.css') }}" rel="stylesheet" type="text/css" />
+  <link class="main-stylesheet" href="{{ asset('dashboard/pages/css/themes/corporate.css') }}" rel="stylesheet"
+    type="text/css" />
+  <!-- Please remove the file below for production: Contains demo classes -->
+  <link class="main-stylesheet" href="{{ asset('dashboard/css/style.css') }}" rel="stylesheet" type="text/css" />
+</head>
+
+<body class="fixed-header dashboard menu-pin menu-behind">
+  {{ include('admin/navigation_gauche.html.twig') }}
+
+
+  <!-- START PAGE-CONTAINER -->
+  <div class="page-container ">
+    {{ include('admin/base_dashboard_header.html.twig') }}
+    <!-- START PAGE CONTENT WRAPPER -->
+    <div class="page-content-wrapper ">
+      <div class="content ">
+        {% block dashContent %}
+        Dashboard Company
+        {% endblock %}
+
+      </div>
+
+    </div>
+    <!-- END PAGE CONTENT WRAPPER -->
+  </div>
+  <!-- END PAGE CONTAINER -->
+
+
+  {% block javascripts %}
+  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places">
+  </script>
+  {% javascripts
+    '@vendors'
+    '@global'
+    '@company'
+    output='assetic/main.dash.company.js' filter='?uglifyjs2' %}
+  <script src="{{ asset_url }}"></script>
+  {% endjavascripts %}
+
+  {% endblock %}
+  <!-- BEGIN VENDOR JS -->
+  <script src="{{ asset('dashboard/plugins/pace/pace.min.js') }}" type="text/javascript"></script>
+  <!--  A polyfill for browsers that don't support ligatures: remove liga.js if not needed-->
+  <script src="{{ asset('dashboard/plugins/liga.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/jquery/jquery-3.2.1.min.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/modernizr.custom.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/jquery-ui/jquery-ui.min.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/popper/umd/popper.min.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/bootstrap/js/bootstrap.min.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/jquery/jquery-easy.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/jquery-unveil/jquery.unveil.min.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/jquery-ios-list/jquery.ioslist.min.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/jquery-actual/jquery.actual.min.js') }}"></script>
+  <script src="{{ asset('dashboard/plugins/jquery-scrollbar/jquery.scrollbar.min.js') }}"></script>
+  <script type="text/javascript" src="{{ asset('dashboard/plugins/select2/js/select2.full.min.js') }}"></script>
+  <script type="text/javascript" src="{{ asset('dashboard/plugins/classie/classie.js') }}"></script>
+  <script src="{{ asset('dashboard/plugins/nvd3/lib/d3.v3.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/nvd3/nv.d3.min.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/nvd3/src/utils.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/nvd3/src/tooltip.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/nvd3/src/interactiveLayer.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/nvd3/src/models/axis.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/nvd3/src/models/line.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/nvd3/src/models/lineWithFocusChart.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/mapplic/js/hammer.min.js') }}"></script>
+  <script src="{{ asset('dashboard/plugins/mapplic/js/jquery.mousewheel.js') }}"></script>
+  <script src="{{ asset('dashboard/plugins/mapplic/js/mapplic.js') }}"></script>
+  <script src="{{ asset('dashboard/plugins/rickshaw/rickshaw.min.js') }}"></script>
+  <script src="{{ asset('dashboard/plugins/jquery-sparkline/jquery.sparkline.min.js') }}" type="text/javascript">
+  </script>
+  <script src="{{ asset('dashboard/plugins/skycons/skycons.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('dashboard/plugins/quill/quill.min.js') }}" type="text/javascript"></script>
+  <!-- END VENDOR JS -->
+  <!-- BEGIN CORE TEMPLATE JS -->
+  <!-- BEGIN CORE TEMPLATE JS -->
+  <script src="{{ asset('dashboard/pages/js/pages.js') }}"></script>
+  <script src="{{ asset('dashboard/pages/js/pages.email.js') }}"></script>
+  <!-- END CORE TEMPLATE JS -->
+  <!-- BEGIN PAGE LEVEL JS -->
+  <script src="{{ asset('dashboard/js/scripts.js') }}" type="text/javascript"></script>
+  <!-- END PAGE LEVEL JS -->
+  <!-- END CORE TEMPLATE JS -->
+  <!-- BEGIN PAGE LEVEL JS -->
+  <script src="{{ asset('dashboard/js/dashboard.js') }}" type="text/javascript"></script>
+
+  <!-- END PAGE LEVEL JS -->
+</body>
+
+</html>

volume/www/website/www/app/Resources/views/admin/base_dashboard_header.html.twig

@@ -0,0 +1,33 @@
+<!-- START HEADER -->
+      <div class="header ">
+        <!-- START MOBILE SIDEBAR TOGGLE -->
+        <a href="#" class="btn-link toggle-sidebar d-lg-none pg-icon btn-icon-link" data-toggle="sidebar">
+      		menu</a>
+        <!-- END MOBILE SIDEBAR TOGGLE -->
+        <div class="">
+          <div class="brand inline   m-l-10">
+            <img src="{{ asset('/img/Logo-header.png') }}" alt="logo" data-src="{{ asset('/img/Logo-header.png') }}" data-src-retina="{{ asset('/img/Logo-header.png') }}" width="78" height="22">
+          </div>
+        </div>
+        <div class="d-flex align-items-center">
+          <!-- START User Info-->
+          <div class="dropdown pull-right d-lg-block d-none">
+            <button class="profile-dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="profile dropdown">
+              <span class="thumbnail-wrapper d32 circular inline">
+      					<img src="{{ asset('dashboard/img/profiles/account-avatar-default.svg') }}" alt="" data-src="{{ asset('dashboard/img/profiles/account-avatar-default.svg') }}"
+      						data-src-retina="{{ asset('dashboard/img/profiles/account-avatar-default.svg') }}" width="32" height="32">
+      				</span>
+            </button>
+            <div class="dropdown-menu dropdown-menu-right profile-dropdown" role="menu">
+              
+              <a href="/logout" class="dropdown-item">Se déconnecter</a>
+              
+            </div>
+          </div>
+          <!-- END User Info-->
+          <a href="#" class="header-icon m-l-5 sm-no-margin d-inline-block" data-toggle="quickview" data-toggle-element="#quickview">
+            <i class="pg-icon btn-icon-link">menu_add</i>
+          </a>
+        </div>
+      </div>
+      <!-- END HEADER -->

volume/www/website/www/app/Resources/views/admin/navigation_gauche.html.twig

@@ -0,0 +1,141 @@
+<!-- BEGIN SIDEBPANEL-->
+<nav class="page-sidebar" data-pages="sidebar">
+  <!-- BEGIN SIDEBAR MENU TOP TRAY CONTENT-->
+  <div class="sidebar-overlay-slide from-top" id="appMenu">
+    <div class="row">
+      <div class="col-xs-6 no-padding">
+        <a href="#" class="p-l-40"><img src="{{ asset('dashboard/img/demo/social_app.svg') }}" alt="socail">
+        </a>
+      </div>
+      <div class="col-xs-6 no-padding">
+        <a href="#" class="p-l-10"><img src="{{ asset('dashboard/img/demo/email_app.svg') }}" alt="socail">
+        </a>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xs-6 m-t-20 no-padding">
+        <a href="#" class="p-l-40"><img src="{{ asset('dashboard/img/demo/calendar_app.svg') }}" alt="socail">
+        </a>
+      </div>
+      <div class="col-xs-6 m-t-20 no-padding">
+        <a href="#" class="p-l-10"><img src="{{ asset('dashboard/img/demo/add_more.svg') }}" alt="socail">
+        </a>
+      </div>
+    </div>
+  </div>
+  <!-- END SIDEBAR MENU TOP TRAY CONTENT-->
+  <!-- BEGIN SIDEBAR MENU HEADER-->
+  <div class="sidebar-header">
+    <img src="{{ asset('dashboard/img/logo_white.png') }}" alt="logo" class="brand"
+      data-src="{{ asset('dashboard/img/logo_white.png') }}"
+      data-src-retina="{{ asset('dashboard/img/logo_white_2x.png') }}" width="78" height="22">
+    <div class="sidebar-header-controls">
+      <button aria-label="Toggle Drawer" type="button"
+        class="btn btn-icon-link invert sidebar-slide-toggle m-l-20 m-r-10" data-pages-toggle="#appMenu">
+        <i class="pg-icon">chevron_down</i>
+      </button>
+      <button aria-label="Pin Menu" type="button"
+        class="btn btn-icon-link invert d-lg-inline-block d-xlg-inline-block d-md-inline-block d-sm-none d-none"
+        data-toggle-pin="sidebar">
+        <i class="pg-icon"></i>
+      </button>
+    </div>
+  </div>
+  <!-- END SIDEBAR MENU HEADER-->
+  <!-- START SIDEBAR MENU -->
+  <div class="sidebar-menu">
+    <!-- BEGIN SIDEBAR MENU ITEMS-->
+    <ul class="menu-items">
+
+      <li class="m-t-20 ">
+        <a href="{{ path('company_dashboard') }}" class="detailed">
+          <span class="">Tableau de bord</span>
+          <span class="details"></span>
+        </a>
+        <span class="icon-thumbnail"><span class="material-icons">
+            home
+          </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>
+            <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_ad') }}">
+          <span class="">Offres d'emploi</span>
+        </a>
+        <span class="icon-thumbnail">
+          <span class="material-icons">
+            work
+          </span>
+        </span>
+      </li>
+      <li class="">
+        <a href="{{ path('company_answer_list') }}">
+          <span class="">Candidatures</span>
+        </a>
+        <span class="icon-thumbnail">
+          <span class="material-icons">
+            face
+          </span>
+        </span>
+      </li>
+      <li class="">
+        <a href="{{ path('company_my_account') }}">
+          <span class="">Mes paramètres</span>
+        </a>
+        <span class="icon-thumbnail">
+          <span class="material-icons">
+            settings
+          </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>
+
+
+    </ul>
+    <div class="clearfix"></div>
+  </div>
+  <!-- END SIDEBAR MENU -->
+</nav>
+<!-- END SIDEBAR -->
+<!-- END SIDEBPANEL-->

volume/www/website/www/app/Resources/views/admin/template.html.twig

@@ -0,0 +1,3 @@
+{% extends 'admin/base_dashboard.html.twig' %}
+
+

volume/www/website/www/app/Resources/views/base.html.twig

@@ -12,18 +12,21 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
     <script type="text/javascript" defer="defer" src="https://extend.vimeocdn.com/ga/64189815.js"></script>
 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <meta name="robots" content="noindex,nofollow">
     <title>{% block title %}Talents Tube : La 1ère plateforme pour l’emploi 100% vidéo{% endblock %}</title>
 
     <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}"/>
-    {% block metarobot %}<meta name="robots" content="index,follow">{% endblock %}
+    {% block metarobot %} <meta name="robots" content="noindex,nofollow">{% endblock %}
     <meta name="description" content="{% block description %}
     Talents Tube est la première plateforme réservée aux offres d'emploi et aux CV vidéos. Découvrez un nouvelle méthode de recrutement !
 {% endblock %}">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <meta name="robots" content="index,follow">
     {# OG et TC #}
     {% if app.request.attributes.get('_route') != null %}
         {% block ogtc %}
             {#Twitter Card data pour les données enrichies sur Twitter#}
+            
             <meta name="twitter:card" content="summary">
             <meta name="twitter:site" content="@TalentsTube">
             <meta name="twitter:title" content="Talents Tube : Le 1er job board 100% vidéo">

volume/www/website/www/app/Resources/views/base_dashboard.html.twig

@@ -15,7 +15,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
     <title>{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}</title>
 
     <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}"/>
-    <meta name="robots" content="index,follow">
+    <meta name="robots" content="noindex,nofollow">
     <meta name="description" content="{% block description %}
     Talents Tube est la première plateforme réservée aux offres d'emploi et aux CV vidéos. Découvrez un nouvelle méthode de recrutement !
 {% endblock %}">

volume/www/website/www/app/Resources/views/basetemporaire.html.twig

@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+
+    <!-- Google Tag Manager -->
+    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-P4G65WJ');</script>
+    <!-- End Google Tag Manager -->
+    <script type="text/javascript" defer="defer" src="https://extend.vimeocdn.com/ga/64189815.js"></script>
+
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <meta name="robots" content="noindex,nofollow">
+    <title>{% block title %}Talents Tube : La 1ère plateforme pour l’emploi 100% vidéo{% endblock %}</title>
+
+    <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}"/>
+    {% block metarobot %} <meta name="robots" content="noindex,nofollow">{% endblock %}
+    <meta name="description" content="{% block description %}
+    Talents Tube est la première plateforme réservée aux offres d'emploi et aux CV vidéos. Découvrez un nouvelle méthode de recrutement !
+{% endblock %}">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <meta name="robots" content="index,follow">
+    {# OG et TC #}
+    {% if app.request.attributes.get('_route') != null %}
+        {% block ogtc %}
+            {#Twitter Card data pour les données enrichies sur Twitter#}
+            
+            <meta name="twitter:card" content="summary">
+            <meta name="twitter:site" content="@TalentsTube">
+            <meta name="twitter:title" content="Talents Tube : Le 1er job board 100% vidéo">
+            <meta name="twitter:description" content="Talents Tube est la première plateforme réservée aux offres d'emploi et aux CV vidéos. Découvrez un nouvelle méthode de recrutement !">
+            <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
+
+            {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
+            <meta property="og:title" content="Talents Tube : Le 1er job board 100% vidéo" />
+            <meta property="og:type" content="article" />
+            <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
+            <meta property="og:description" content="Talents Tube est la première plateforme réservée aux offres d'emploi et aux CV vidéos. Découvrez un nouvelle méthode de recrutement !" />
+            <meta property="og:site_name" content="Talents Tube" />
+            <meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
+            
+        {% endblock %}
+        <meta http-equiv="refresh" content="3; URL=/"> 
+        {# Canonical #}
+        <link rel="canonical"
+            href="{% block urlCanonical %}{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}{% endblock %}">
+    {% endif %}
+    {# CSS #}
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Varela+Round" rel="stylesheet">
+    <link rel="stylesheet" href="{{ asset('css/styles.css') }}">
+    {% block stylesheets %}
+    {% endblock %}
+    <script type="text/javascript"> window.$crisp=[];window.CRISP_WEBSITE_ID="78ec5756-1cd5-4f3f-b0db-cb408c8171da";(function(){ d=document;s=d.createElement("script"); s.src="https://client.crisp.chat/l.js"; s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})(); </script>
+</head>
+<body>
+<!-- Google Tag Manager (noscript) -->
+<noscript>
+    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P4G65WJ"
+            height="0" width="0" style="display:none;visibility:hidden"></iframe>
+</noscript>
+<!-- End Google Tag Manager (noscript) -->
+{#{% include 'default/alert.html.twig' %}#}
+{% include 'default/user_switch.html.twig' %}
+{% include 'default/headertemporaire.html.twig' %}
+{% include 'default/props_settings.html.twig' %}
+{% block content %}
+{% endblock %}
+{% include 'default/footertemporaire.html.twig' %}
+{% block javascripts %}
+    {% javascripts
+    '@vendors'
+    '@global'
+    output='assetic/main.js' filter='?uglifyjs2' %}
+    <script src="{{ asset_url }}"></script>
+    
+    {% endjavascripts %}
+{% endblock %}
+{{ include('FairlaneCookieConsentBundle::cookie-info.html.twig') }}
+</body>
+</html>

volume/www/website/www/app/Resources/views/basev2.html.twig

@@ -2,11 +2,14 @@
 <html lang="fr">
 <head>
   <!-- Title -->
-  <title>Talents Tube : Le 1er job board 100% vidéo</title>
+  <title>{% block title %}{% endblock %}</title>
 
   <!-- Required Meta Tags Always Come First -->
   <meta charset="utf-8">
+  <meta name="robots" content="noindex,nofollow">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  {% block meta %}
+  {% endblock %}
     <!-- Google Fonts -->
     <link href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
 
@@ -19,7 +22,7 @@
     <link rel="stylesheet" href="{{ asset('v2/vendor/slick-carousel/slick/slick.css') }}">
     <link rel="stylesheet" href="{{ asset('v2/vendor/cubeportfolio/css/cubeportfolio.min.css') }}">
     <link rel="stylesheet" href="{{ asset('v2/vendor/fancybox/jquery.fancybox.css') }}">
-
+    
     <!-- CSS Space Template -->
     <link rel="stylesheet" href="{{ asset('v2/css/theme.css') }}">  
     <script type="text/javascript"> window.$crisp=[];window.CRISP_WEBSITE_ID="78ec5756-1cd5-4f3f-b0db-cb408c8171da";(function(){ d=document;s=d.createElement("script"); s.src="https://client.crisp.chat/l.js"; s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})(); </script>
@@ -36,6 +39,9 @@
 {% include 'defaultv2/header.html.twig' %}
 {#{% include 'defaultv2/props_settings.html.twig' %} #}
 {% block content %}
+{% endblock %}
+{% block javascripts %}
+
 {% endblock %}
 {# {% include 'defaultv2/footer.html.twig' %} #}
 {{ include('FairlaneCookieConsentBundle::cookie-info.html.twig') }}

volume/www/website/www/app/Resources/views/company/ad_breadcrumb.html.twig

@@ -1,7 +1,7 @@
 <div class="col s12" id="breadcrumb">
-    <a href="{{ path('company_ad') }}">
+    {# <a href="{{ path('company_ad') }}">
         <span>{% trans %}label.offers{% endtrans %}</span>
-    </a>
+    </a> #}
     {% if step > 1 %}
     <span class="sepa-breadcrumb">></span>
     <a href="{{ path('company_ad_answer_list',{'id':ad.id}) }}">
@@ -17,3 +17,5 @@
 
 
 
+
+

volume/www/website/www/app/Resources/views/company/ad_create.html.twig

@@ -1,23 +1,233 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}
 
 {% block dashContent %}
-    <div class="row bg-bordered p-0">
-        {% include 'company/ad_steps.html.twig' with {'tab':1} %}
-        <div class="p-20">
-
-            {% if form_errors(form) %}
-                <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
-            {% endif %}
-            {{ form_start(form) }}
-            {{ form_widget(form) }}
-            <br/>
-            <div style="text-align: right;">
-                <button class="btn btn-default" type="submit">Je crée mon annonce</button>
-
-            </div>
-            {{ form_end(form) }}
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="/">Accueil</a></li>
+                <li class="breadcrumb-item"><a href="{{ path('company_ad') }}">Offres d'emploi</a></li>
+                <li class="breadcrumb-item active">Ajouter une offre d'emploi</li>
+            </ol>
+            <!-- END BREADCRUMB -->
+            
         </div>
     </div>
+</div>
+<!-- END JUMBOTRON -->
+<!-- START CONTAINER FLUID -->
+<div class=" container-fluid   container-fixed-lg">
+    <div id="rootwizard" class="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': ''}}) }}
 
-{% endblock %}
+            <div class="tab-pane padding-20 sm-no-padding active slide-left" id="tab1">
+                <div class="row row-same-height">
+                    <div class="col-md-5 b-r b-dashed b-grey sm-b-b">
+                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
+                            <i class="material-icons hint-text">info</i>
+                            <h2>Etape 1</h2>
+                            <p>Discover goods you'll love from brands that inspire. The easiest way to open your own
+                                online store. Discover amazing stuff or open your own store for free!</p>
+                            <p class="small hint-text">Below is a sample page for your cart , Created using pages design
+                                UI Elementes</p>
+                            
+                        </div>
+                    </div>
+                    <div class="col-md-7">
+                        <div class="padding-30 sm-padding-5">
+                          
+                            <table class="table table-condensed ">
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
+                                       {% if form_errors(form) %}
+                                        <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
+                                        {% endif %}
+                                    </td>
+                                </tr>
+                                <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) }}
+                                    </td> 
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.location_gmap) }}
+                                       {{ form_row(form.location) }}
+                                    </td>   
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.description) }}
+                                    </td>   
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.contract_type) }}
+                                    </td>   
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.publicTag) }}
+                                    </td> 
+ 
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
+                                        <button aria-label="" type="submit" class="btn btn-primary btn-cons btn-animated from-left pull-right"
+                                            type="button">
+                                            <span>{% if type is defined and type == 'update' %}Sauvegarde et étape suivante {% else %}Je crée mon annonce{% endif %}</span>
+                                            <span class="hidden-block">
+                                                <i class="material-icons fs-16">videocam</i>
+                                            </span>
+                                       </button>
+                                       {# <button class="btn btn-default" type="submit">Je crée mon annonce!</button> #}
+                                    </td>
+                                    
+                                </tr>
+                                
+                            </table>
+                            
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+            {{ form_end(form) }}
+            <div class="tab-pane slide-left padding-20 sm-no-padding disabled" id="tab2">
+                <div class="row row-same-height">
+                    <div class="col-md-5 b-r b-dashed b-grey ">
+                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
+                            
+                        </div>
+                    </div>
+                    <div class="col-md-7">
+                        <div class="padding-30 sm-padding-5">
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="tab-pane slide-left padding-20 sm-no-padding disabled" id="tab3">
+                <div class="row row-same-height">
+                    <div class="col-md-5 b-r b-dashed b-grey ">
+                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
+                            <h2>We Secured Your Line</h2>
+                            <p>Below is a sample page for your cart , Created using pages design UI Elementes</p>
+                            <p class="small hint-text">Below is a sample page for your cart , Created using pages design
+                                UI Elementes</p>
+                            <table class="table table-condensed">
+                                <tr>
+                                    <td class=" col-md-9">
+                                        <span class="m-l-10 font-montserrat fs-11 all-caps">Webarch UI Framework</span>
+                                        <span class="m-l-10 ">Dashboard UI Pack</span>
+                                    </td>
+                                    <td class=" col-md-3 text-right">
+                                        <span>Qty 1</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class=" col-md-9">
+                                        <span class="m-l-10 font-montserrat fs-11 all-caps">Pages UI Framework</span>
+                                        <span class="m-l-10 ">Next Gen UI Pack</span>
+                                    </td>
+                                    <td class=" col-md-3 text-right">
+                                        <span>Qty 1</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td colspan="2" class=" col-md-3 text-right">
+                                        <h4 class="text-primary no-margin font-montserrat">$27</h4>
+                                    </td>
+                                </tr>
+                            </table>
+                            <p class="small">Invoice are issued on the date of despatch. Payment terms: Pre-orders:
+                                within 10 days of invoice date with 4% discount, from the 11th to the 30th day net.
+                                Re-orders: non-reduced stock items are payable net after 20 days. </p>
+                            <p class="small">By pressing Pay Now You will Agree to the Payment <a href="#">Terms &amp;
+                                    Conditions</a></p>
+                        </div>
+                    </div>
+                    <div class="col-md-7">
+                        <div class="padding-30 sm-padding-5">
+                            
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+            
+            <div class="padding-20 sm-padding-5 sm-m-b-20 sm-m-t-20 bg-white clearfix">
+                {# <ul class="pager wizard no-style">
+                    <li class="next">
+                        <button aria-label="" class="btn btn-primary btn-cons btn-animated from-left pull-right"
+                            type="button">
+                            <span>Je crée mon annonce</span>
+                            <span class="hidden-block">
+                                <i class="material-icons fs-16">local_shipping</i>
+                            </span>
+                        </button>
+                    </li>
+                    <li class="next finish hidden">
+                        <button aria-label="" class="btn btn-primary btn-cons btn-animated from-left pull-right"
+                            type="button">
+                            <span>Finish</span>
+                            <span class="hidden-block">
+                                <i class="material-icons fs-16">settings</i>
+                            </span>
+                        </button>
+                    </li>
+                    <li class="previous first hidden">
+                        <button aria-label="" class="btn btn-default btn-cons btn-animated from-left pull-right"
+                            type="button">
+                            <span>First</span>
+                            <span class="hidden-block">
+                                <i class="material-icons fs-16">settings</i>
+                            </span>
+                        </button>
+                    </li>
+                    <li class="previous">
+                        <button aria-label="" class="btn btn-default btn-cons btn-animated from-left pull-right"
+                            type="button">
+                            <span>Previous</span>
+                            <span class="hidden-block">
+                                <i class="material-icons fs-14">settings</i>
+                            </span>
+                        </button>
+                    </li>
+                </ul> #}
+            </div>
+            <div class="wizard-footer padding-20 bg-contrast-low">
+                <p class="small hint-text pull-left no-margin">
+                    
+                </p>
+                <div class="pull-right">
+                    
+                </div>
+                <div class="clearfix"></div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- END CONTAINER FLUID -->
 
+{% endblock %}

volume/www/website/www/app/Resources/views/company/ad_edit.html.twig

@@ -1,29 +1,230 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}
 
 {% block dashContent %}
-    <div class="row bg-bordered p-0">
-        {% include 'company/ad_steps.html.twig' with {'tab':1} %}
+<div class="row bg-bordered p-0">
+    {# {% include 'company/ad_steps.html.twig' with {'tab':1} %} #}
+    <div class="p-20">
 
-        <div class="p-20">
-            {% if form_errors(form) %}
-                <div class="card-panel">
-        <span class="red-text text-darken-2">
-        {{ form_errors(form) }}
-        </span>
+        {# {% if form_errors(form) %}
+        <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
+        {% endif %}
+        {{ form_start(form) }}
+        {{ form_widget(form) }}
+        <br />
+        <div style="text-align: right;">
+            <button class="btn btn-default" type="submit">Je crée mon annonce!</button>
+
+        </div>
+        {{ form_end(form) }} #}
+    </div>
+</div>
+<!-- START CONTAINER FLUID -->
+<div class=" container-fluid   container-fixed-lg">
+    <div id="rootwizard" class="m-t-50">
+        {% include 'company/ad_stepsV2.html.twig' with {'tab':1} %}
+        
+        <div class="tab-content">
+            <div class="tab-pane padding-20 sm-no-padding active slide-left" id="tab1">
+                <div class="row row-same-height">
+                    <div class="col-md-5 b-r b-dashed b-grey sm-b-b">
+                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
+                            <i class="material-icons hint-text">shopping_cart</i>
+                            <h2>Etape 1</h2>
+                            <p>Discover goods you'll love from brands that inspire. The easiest way to open your own
+                                online store. Discover amazing stuff or open your own store for free!</p>
+                            <p class="small hint-text">Below is a sample page for your cart , Created using pages design
+                                UI Elementes</p>
+                        </div>
+                    </div>
+                    <div class="col-md-7">
+                        <div class="padding-30 sm-padding-5">
+                          {{ form_start(form, {'attr': {'class': 'form-horizontal'}}) }}
+                            <table class="table table-condensed form-horizontal">
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
+                                       {% if form_errors(form) %}
+                                        <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
+                                        {% endif %}
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
+                                    {% if form.reference is defined%}
+                                       {{ form_row(form.reference) }}
+                                    {% endif %}
+                                    </td>
+                                </tr>
+                                 <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
+                                       {% if form.title is defined%}
+                                            {{ form_row(form.title) }}
+                                       {% endif %}
+                                    </td>  
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.beneficiaire) }}
+                                    </td> 
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.location_gmap) }}
+                                       {{ form_row(form.location) }}
+                                    </td>   
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.description) }}
+                                    </td>   
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.contract_type) }}
+                                    </td>   
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12">
+                                       {{ form_row(form.publicTag) }}
+                                    </td> 
+ 
+                                </tr>
+                                <tr>
+                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
+                                        <button aria-label="" type="submit" class="btn btn-primary btn-cons btn-animated from-left pull-right"
+                                            type="button">
+                                            <span>Je crée mon annonce</span>
+                                            <span class="hidden-block">
+                                                <i class="material-icons fs-16">local_shipping</i>
+                                            </span>
+                                       </button>
+                                       {# <button class="btn btn-default" type="submit">Je crée mon annonce!</button> #}
+                                    </td>
+                                    
+                                </tr>
+                                
+                            </table>
+                        {{ form_end(form) }}    
+                            
+                        </div>
+                    </div>
                 </div>
-            {% endif %}
-            {{ form_start(form) }}
-            {{ form_rest(form) }}
-            <br/>
-
-            {% if type is defined and type == "soft" %}
-                <button class="btn btn-default" type="submit">Enregistrer</button>
-            {% else %}
-                <button class="btn btn-default" type="submit">Etape suivante</button>
-            {% endif %}
-
-
-            {{ form_end(form) }}
+            </div>
+            <div class="tab-pane slide-left padding-20 sm-no-padding disabled" id="tab2">
+                <div class="row row-same-height">
+                    <div class="col-md-5 b-r b-dashed b-grey ">
+                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
+                            
+                        </div>
+                    </div>
+                    <div class="col-md-7">
+                        <div class="padding-30 sm-padding-5">
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="tab-pane slide-left padding-20 sm-no-padding disabled" id="tab3">
+                <div class="row row-same-height">
+                    <div class="col-md-5 b-r b-dashed b-grey ">
+                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
+                            <h2>We Secured Your Line</h2>
+                            <p>Below is a sample page for your cart , Created using pages design UI Elementes</p>
+                            <p class="small hint-text">Below is a sample page for your cart , Created using pages design
+                                UI Elementes</p>
+                            <table class="table table-condensed">
+                                <tr>
+                                    <td class=" col-md-9">
+                                        <span class="m-l-10 font-montserrat fs-11 all-caps">Webarch UI Framework</span>
+                                        <span class="m-l-10 ">Dashboard UI Pack</span>
+                                    </td>
+                                    <td class=" col-md-3 text-right">
+                                        <span>Qty 1</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class=" col-md-9">
+                                        <span class="m-l-10 font-montserrat fs-11 all-caps">Pages UI Framework</span>
+                                        <span class="m-l-10 ">Next Gen UI Pack</span>
+                                    </td>
+                                    <td class=" col-md-3 text-right">
+                                        <span>Qty 1</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td colspan="2" class=" col-md-3 text-right">
+                                        <h4 class="text-primary no-margin font-montserrat">$27</h4>
+                                    </td>
+                                </tr>
+                            </table>
+                            <p class="small">Invoice are issued on the date of despatch. Payment terms: Pre-orders:
+                                within 10 days of invoice date with 4% discount, from the 11th to the 30th day net.
+                                Re-orders: non-reduced stock items are payable net after 20 days. </p>
+                            <p class="small">By pressing Pay Now You will Agree to the Payment <a href="#">Terms &amp;
+                                    Conditions</a></p>
+                        </div>
+                    </div>
+                    <div class="col-md-7">
+                        <div class="padding-30 sm-padding-5">
+                            
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+            
+            <div class="padding-20 sm-padding-5 sm-m-b-20 sm-m-t-20 bg-white clearfix">
+                {# <ul class="pager wizard no-style">
+                    <li class="next">
+                        <button aria-label="" class="btn btn-primary btn-cons btn-animated from-left pull-right"
+                            type="button">
+                            <span>Je crée mon annonce</span>
+                            <span class="hidden-block">
+                                <i class="material-icons fs-16">local_shipping</i>
+                            </span>
+                        </button>
+                    </li>
+                    <li class="next finish hidden">
+                        <button aria-label="" class="btn btn-primary btn-cons btn-animated from-left pull-right"
+                            type="button">
+                            <span>Finish</span>
+                            <span class="hidden-block">
+                                <i class="material-icons fs-16">settings</i>
+                            </span>
+                        </button>
+                    </li>
+                    <li class="previous first hidden">
+                        <button aria-label="" class="btn btn-default btn-cons btn-animated from-left pull-right"
+                            type="button">
+                            <span>First</span>
+                            <span class="hidden-block">
+                                <i class="material-icons fs-16">settings</i>
+                            </span>
+                        </button>
+                    </li>
+                    <li class="previous">
+                        <button aria-label="" class="btn btn-default btn-cons btn-animated from-left pull-right"
+                            type="button">
+                            <span>Previous</span>
+                            <span class="hidden-block">
+                                <i class="material-icons fs-14">settings</i>
+                            </span>
+                        </button>
+                    </li>
+                </ul> #}
+            </div>
+            <div class="wizard-footer padding-20 bg-contrast-low">
+                <p class="small hint-text pull-left no-margin">
+                    
+                </p>
+                <div class="pull-right">
+                    
+                </div>
+                <div class="clearfix"></div>
+            </div>
         </div>
     </div>
+</div>
+<!-- END CONTAINER FLUID -->
+
 {% endblock %}

volume/www/website/www/app/Resources/views/company/ad_edit_extension.html.twig

@@ -3,7 +3,7 @@
 {% block dashContent %}
     {% include 'default/flash_message.html.twig' %}
     <div class="row bg-bordered p-20">
-        <h1 class="alttitle">Prolongondation de mon annonce : {{ ad.title }}</h1>
+        <h1 class="alttitle">Prolongation de mon annonce : {{ ad.title }}</h1>
         <div class="row">
             <div class="col s12">
                 Date actuelle de fin de publication de votre annonce : {{ ad.unpublishedat|date('d-m-Y') }}

volume/www/website/www/app/Resources/views/company/ad_list.html.twig

@@ -1,5 +1,5 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
-
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}
 {% block title %}
     Mes annonces
 {% endblock %}
@@ -7,14 +7,14 @@
 {% block dashContent %}
     {% include 'default/flash_message.html.twig' %}
 
-    {% include 'company/job_submenu.html.twig' with {
+    {# {% include 'company/job_submenu.html.twig' with {
         'tab' : 1
-    } %}
+    } %} #}
 
-    <div class="row bg-bordered p-20">
+    {# <div class="row bg-bordered p-20"> #}
         {% include 'company/ad_breadcrumb.html.twig' with {'step': 1} %}
         {% include 'company/ad_table_listing.html.twig' with {
             'ads' : ads
         } %}
-    </div>
+    {# </div> #}
 {% endblock %}

volume/www/website/www/app/Resources/views/company/ad_steps.html.twig

@@ -5,7 +5,7 @@
             <div class="tab col s4">
                 <a {% if tab == 1 %}class="active"{% endif %} href="#!">
                     <div class="btn btn-circle">1</div>
-                    <div>Je <b>créer</b> mon annonce</div>
+                    <div>Je <b>crée</b> mon annonce</div>
                 </a>
             </div>
             <div class="tab mid-border col s4">
@@ -14,14 +14,14 @@
                     <div>Je <b>télécharge</b> ma vidéo</div>
                 </a>
             </div>
-            <div class="tab col s4">
+            {# <div class="tab col s4">
                 <a {% if tab == 3 %}class="active"{% endif %} href="#!">
                     <div class="btn btn-circle">3</div>
                     <div>
                         Je <b>planifie</b> et <b>commande</b> mon annonce
                     </div>
                 </a>
-            </div>
+            </div> #}
         </div>
     </div>
 </div>

volume/www/website/www/app/Resources/views/company/ad_stepsV2.html.twig

@@ -0,0 +1,19 @@
+<!-- Nav tabs -->
+<ul class="nav nav-tabs nav-tabs-linetriangle nav-tabs-separator nav-stack-sm" role="tablist"
+    data-init-reponsive-tabs="dropdownfx">
+    <li class="nav-item">
+        <a class="{% if tab == 1 %}active {% else %}disabled {% endif %} d-flex align-items-center" data-toggle="tab" href="#tab1"
+            data-target="#tab1" role="tab"><i class="material-icons fs-14 tab-icon">shopping_cart</i> <span>Je
+                <b>crée</b> mon annonce</span></a>
+    </li>
+    <li class="nav-item">
+        <a class="{% if tab == 2 %}active {% else %}disabled {% endif %} d-flex align-items-center" data-toggle="tab" href="#tab2"
+            data-target="#tab2" role="tab"><i class="material-icons fs-14 tab-icon">local_shipping</i> <span>Je
+                <b>télécharge</b> ma vidéo</span></a>
+    </li>
+    {# <li class="nav-item">
+        <a class="{% if tab == 3 %}active {% else %}disabled {% endif %} d-flex align-items-center" data-toggle="tab" href="#tab3"
+            data-target="#tab3" role="tab"><i class="material-icons fs-14 tab-icon">payment</i> <span>Je <b>planifie</b>
+                et <b>commande</b> mon annonce</span></a>
+    </li> #}
+</ul>

volume/www/website/www/app/Resources/views/company/ad_table_listing.html.twig

@@ -1,89 +1,168 @@
-<table id="ads-table" class="bordered highlight responsive-table">
-    <thead>
-        <tr>
-            <th>{{ 'ad.company.list.title'|trans }}</th>
-            <th class="tdCount">{{ 'ad.company.list.answers'|trans }}</th>
-            <th class="tdCount">{{ 'ad.company.list.views'|trans }}</th>
-            <th>{{ 'ad.company.list.status'|trans }}</th>
-            <th>{{ 'ad.company.list.actions'|trans }}</th>
-        </tr>
-    </thead>
-    <tbody>
-        {% for ad in ads %}
-            <tr>
-                <td>
-                    {% if ad.countAnswers > 0 %}
-                        <a href="{{ path('company_ad_answer_list',{'id':ad.id}) }}">
-                            {{ ad.title }}
-                        </a>
-                    {% else %}
-                        {{ ad.title }}
-                    {% endif %}
-                </td>
-                <td class="tdCount">
-                    {% if ad.countAnswers > 0 %}
-                        <a href="{{ path('company_ad_answer_list',{'id':ad.id}) }}">
-                            <i class="fa fa-eye"></i>&nbsp; {{ ad.countAnswers }}
-                        </a>
-                    {% else %}
-                        0
-                    {% endif %}
-                </td>
-                <td class="tdCount">
-                    {% if arrayByAds is defined %}
-                        {{ arrayByAds[ad.id]["count"] }}
-                    {% endif %}
-                </td>
-                <td align="center" valign="center">
-                    {% if ad.getStatus() == "DECLINED" %}
-                        <div class="tooltipped" data-position="top" data-delay="50" data-tooltip="{{ ad.moderationText }}">
-                            <span class="">{{ ad.getStatus()|trans }}</span>
-                            <i class="c-pointer fa fa-info-circle color-red" aria-hidden="true"></i>
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
+                <li class="breadcrumb-item active">Offres d'emploi</li>
+            </ol>
+            <!-- END BREADCRUMB -->
+            <div class="row">
+                <div class="col-xl-12 col-lg-12 ">
+                    <!-- START card -->
+                    <div class="card card-transparent">
+                        <div class="card-header ">
                         </div>
-                    {% else %}
-                        <span class="">{{ ad.getStatus()|trans }}</span>
-                    {% endif %}
-                </td>
-                <td>
-                    {% if ad.getStatus() == "DRAFT" or ad.getStatus() == "DECLINED" %}
-                        {#Edit#}
-                        <a class="tooltipped td-none" data-position="top" data-delay="0" data-tooltip="{{ 'ad.company.edit.label'|trans }}" href="{{ path('company_ad_edit', { 'id': ad.id }) }}" style="margin-right: 10px">
-                            <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
-                        </a>
-                    {% else %}
-                        {#Soft Edit#}
-                        <a class="tooltipped td-none" data-position="top" data-delay="0" data-tooltip="{{ 'ad.company.edit.label'|trans }}" href="{{ path('company_ad_soft_edit', { 'id': ad.id }) }}" style="margin-right: 10px">
-                            <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
-                        </a>
-                    {% endif %}
+                        <div class="card-body">
 
-                    {% if ad.getStatus() == "DRAFT" or ad.getStatus() == "DECLINED" %}
-                        {#Video#}
-                        <a class="tooltipped td-none" data-position="top" data-delay="0" data-tooltip="{{ 'ad.company.video.edit.label'|trans }}" href="{{ path('create_media', { 'id': ad.id }) }}">
-                            <i class="fa fa-video-camera" aria-hidden="true"></i>
-                        </a>
-                    {% endif %}
+                            <a class="btn-square" target="_self" href="{{ path('company_ad_create') }}">
+                                <button aria-label=""
+                                    class="btn btn-primary btn-cons">{{ 'ad.company.add.label'|trans }}</button>
+                            </a>
+                        </div>
+                    </div>
+                    <!-- END card -->
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- END JUMBOTRON -->
 
-                    {% if ad.getStatus() == "PUBLISHED" %}
-                        {#Extension#}
-                        <a class="tooltipped td-none" data-position="top" data-delay="0" data-tooltip="{{ 'ad.company.dates.extension.label'|trans }}" href="{{ path('company_ad_extension', { 'id': ad.id }) }}" style="margin-right: 10px">
-                            <i class="fa fa-calendar" aria-hidden="true"></i>
-                        </a>
-                        {#Force ending#}
-                        <a class="tooltipped td-none" data-position="top" data-delay="0" data-tooltip="{{ 'ad.company.closed.label'|trans }}" href="{{ path('company_ad_closed', { 'id': ad.id }) }}" style="margin-right: 10px">
-                            <i class="fa fa-window-close-o" aria-hidden="true"></i>
-                        </a>
-                    {% endif %}
 
-                    {% if ad.getStatus() == "TO_PUBLISH" or ad.getStatus() == "VALIDATED" or ad.getStatus() == "CLOSED" or ad.getStatus() == "EXPIRED" %}
-                        {#Edit Dates#}
-                        <a class="tooltipped td-none" data-position="top" data-delay="0" data-tooltip="{{ 'ad.company.dates.edit.label'|trans }}" href="{{ path('company_ad_step3', { 'id': ad.id }) }}" style="margin-right: 10px">
-                            <i class="fa fa-calendar" aria-hidden="true"></i>
-                        </a>
-                    {% endif %}
-                </td>
 
-            </tr>
-        {% endfor %}
-    </tbody>
-</table>
+<!-- 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">Offres d'emploi
+            </div>
+        </div>
+        <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%">{{ 'ad.company.list.title'|trans }}</th>
+                            <th style="width:20%">{{ 'ad.company.list.answers'|trans }}</th>
+                            <th style="width:20%">{{ 'ad.company.list.views'|trans }}</th>
+                            <th style="width:20%">{{ 'ad.company.list.status'|trans }}</th>
+                            <th style="width:20%">{{ 'ad.company.list.actions'|trans }}</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+
+                        {% for ad in ads %}
+                        <tr>
+
+                            <td class="v-align-middle ">
+                                {% if ad.countAnswers > 0 %}
+                                <a href="{{ path('company_ad_answer_list',{'id':ad.id}) }}">
+                                    {{ ad.title }}
+                                </a>
+                                {% else %}
+                                {{ ad.title }}
+                                {% endif %}
+                            </td>
+                            <td class="v-align-middle">
+                                {% if ad.countAnswers > 0 %}
+                                <a href="{{ path('company_ad_answer_list',{'id':ad.id}) }}">
+                                    <i class="fa fa-eye"></i>&nbsp; {{ ad.countAnswers }}
+                                </a>
+                                {% else %}
+                                0
+                                {% endif %}
+                            </td>
+                            <td class="v-align-middle">
+                                {% if arrayByAds is defined %}
+                                {{ arrayByAds[ad.id]["count"] }}
+                                {% endif %}
+                            </td>
+                            <td class="v-align-middle">
+                                {% if ad.getStatus() == "DECLINED" %}
+                                <div class="tooltipped" data-position="top" data-delay="50"
+                                    data-tooltip="{{ ad.moderationText }}">
+                                    <span class="">{{ ad.getStatus()|trans }}</span>
+                                    <i class="c-pointer fa fa-info-circle color-red" aria-hidden="true"></i>
+                                </div>
+                                {% else %}
+                                <span class="">{{ ad.getStatus()|trans }}</span>
+                                {% endif %}
+                            </td>
+                            <td class="v-align-middle">
+                                {% if ad.getStatus() == "DRAFT" or ad.getStatus() == "DECLINED" %}
+                                {#Edit#}
+                                <a class="tooltipped td-none" data-position="top" data-delay="0"
+                                    data-tooltip="{{ 'ad.company.edit.label'|trans }}"
+                                    href="{{ path('company_ad_edit', { 'id': ad.id }) }}" style="margin-right: 10px">
+                                    <i class="pg-icon">pen</i>
+                                </a>
+                                {% else %}
+                                {#Soft Edit#}
+                                <a class="tooltipped td-none" data-position="top" data-delay="0"
+                                    data-tooltip="{{ 'ad.company.edit.label'|trans }}"
+                                    href="{{ path('company_ad_soft_edit', { 'id': ad.id }) }}"
+                                    style="margin-right: 10px">
+                                    <i class="pg-icon">pen</i>
+                                </a>
+                                {% endif %}
+
+                                {% if ad.getStatus() == "DRAFT" or ad.getStatus() == "DECLINED" %}
+                                {#Video#}
+                                <a class="tooltipped td-none" data-position="top" data-delay="0"
+                                    data-tooltip="{{ 'ad.company.video.edit.label'|trans }}"
+                                    href="{{ path('create_media', { 'id': ad.id }) }}">
+                                    <i class="material-icons">
+                                        videocam
+                                    </i>
+                                </a>
+                                {% endif %}
+
+                                {% if ad.getStatus() == "PUBLISHED" %}
+                                {#Extension#}
+                                <a class="tooltipped td-none" data-position="top" data-delay="0"
+                                    data-tooltip="{{ 'ad.company.dates.extension.label'|trans }}"
+                                    href="{{ path('company_ad_extension', { 'id': ad.id }) }}"
+                                    style="margin-right: 10px">
+                                    <i class="pg-icon">calendar</i>
+                                </a>
+                                {#Force ending#}
+                                <a class="tooltipped td-none" data-position="top" data-delay="0"
+                                    data-tooltip="{{ 'ad.company.closed.label'|trans }}"
+                                    href="{{ path('company_ad_closed', { 'id': ad.id }) }}" style="margin-right: 10px">
+                                    <i class="material-icons">
+                                        close
+                                    </i>
+                                </a>
+                                {% endif %}
+
+                                {% if ad.getStatus() == "TO_PUBLISH" or ad.getStatus() == "VALIDATED" or ad.getStatus() == "CLOSED" or ad.getStatus() == "EXPIRED" %}
+                                {#Edit Dates#}
+                                <a class="tooltipped td-none" data-position="top" data-delay="0"
+                                    data-tooltip="{{ 'ad.company.dates.edit.label'|trans }}"
+                                    href="{{ path('company_ad_step3', { 'id': ad.id }) }}" style="margin-right: 10px">
+                                    <i class="material-icons">
+                                        close
+                                    </i>
+                                </a>
+                                {% endif %}
+                            </td>
+
+                        </tr>
+                        {% endfor %}
+
+
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+    <!-- END card -->
+</div>
+<!-- END CONTAINER FLUID -->

volume/www/website/www/app/Resources/views/company/answer_list.html.twig

@@ -1,86 +1,142 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
-
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}
 {% block dashContent %}
-    {% include 'company/job_submenu.html.twig' with {'tab' : 2} %}
-    <div class="row bg-bordered p-20">
-        <div class="col s12">
-            <h4 class="title-table">{{ 'company.menu.answers.label'|trans }}</h4>
+
+
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
+                <li class="breadcrumb-item active">Candidatures</li>
+            </ol>
+            <!-- END BREADCRUMB -->
+
         </div>
-        <div id="reponses" class="col s12">
-                <table id="table-answers" class="bordered highlight responsive-table">
+    </div>
+</div>
+<!-- END JUMBOTRON -->
+
+
+
+<!-- START CONTAINER FLUID -->
+<div class=" container-fluid   container-fixed-lg bg-white">
+    <!-- START card -->
+    <div class="card card-transparent">
+        <div class="card-header ">
+            <div class="card-title">Candidatures
+            </div>
+        </div>
+        <div class="card-body">
+            <div class="table-responsive" id="reponses">
+                <table class="table table-hover" id="basicTable">
                     <thead>
-                    <tr>
-                        <th>{{ 'profile.talent.lastname'|trans }} {{ 'profile.talent.firstname'|trans }}</th>
-                        <th>{{ 'global.datereception.label'|trans }}</th>
-                        <th>{{ 'ad.company.list.title'|trans }}</th>
-                        <th class="center-align">{{ 'ad.company.list.actions'|trans }}</th>
-                    </tr>
+                        <tr>
+                            <!-- NOTE * : Inline Style Width For Table Cell is Required as it may differ from user to user
+    										Comman Practice Followed
+    										-->
+
+                            <th style="width:25%">{{ 'profile.talent.lastname'|trans }}
+                                {{ 'profile.talent.firstname'|trans }}</th>
+                            <th style="width:25%">{{ 'global.datereception.label'|trans }}</th>
+                            <th style="width:25%">{{ 'ad.company.list.title'|trans }}</th>
+                            <th style="width:25%" class="center-align">{{ 'ad.company.list.actions'|trans }}</th>
+                        </tr>
                     </thead>
                     <tbody>
-                    {% for answer in answers %}
+                        {% for answer in answers %}
                         <tr>
                             <td>
-                                <a href="{{ path('company_answer_show',{'id':answer.id }) }}">{{ answer.user.lastname }} {{ answer.user.firstname }}</a>
+                                <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>{{ answer.ad.title }}</td>
                             <td class="center-align">
-                                <a title="{{answer.ad.title}}" href="{{ path('company_answer_show',{'id':answer.id }) }}">
-                                    <i class="fa fa-eye"></i>
+                                <a title="{{answer.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="fa fa-sticky-note"></i>
+                                    <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="fa fa-commenting" aria-hidden="true"></i>
-                                    </a>
+                                <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 %}
+                        {% endfor %}
+                    </tbody>
                 </table>
             </div>
         </div>
-        <div class="row bg-bordered p-20">
-            <div class="col s12">
-                <h4 class="title-table">{{ 'company.menu.spontaneous.label'|trans }}</h4>
+    </div>
+    <!-- END card -->
+</div>
+<!-- END 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">Candidatures spontanées
             </div>
-            <div id="spontaneous" class="col s12">
-                <table id="table-answers" class="bordered highlight responsive-table">
+        </div>
+        <div class="card-body">
+            <div class="table-responsive" id="spontaneous">
+                <table class="table table-hover" id="basicTable">
                     <thead>
-                    <tr>
-                        <th>{{ 'profile.talent.lastname'|trans }} {{ 'profile.talent.firstname'|trans }}</th>
-                        <th>{{ 'global.datereception.label'|trans }}</th>
-                        <th class="center-align">{{ 'ad.company.list.actions'|trans }}</th>
-                    </tr>
+                        <tr>
+                            <!-- NOTE * : Inline Style Width For Table Cell is Required as it may differ from user to user
+    										Comman Practice Followed
+    										-->
+                            <th style="width:33%">{{ 'profile.talent.lastname'|trans }}
+                                {{ 'profile.talent.firstname'|trans }}</th>
+                            <th style="width:33%">{{ 'global.datereception.label'|trans }}</th>
+                            <th style="width:33%" class="center-align">{{ 'ad.company.list.actions'|trans }}</th>
+                        </tr>
                     </thead>
                     <tbody>
-                    {% for answer in spontaneous %}
+                        {% for answer in spontaneous %}
                         <tr>
                             <td>
-                                <a href="{{ path('company_answer_show',{'id':answer.id }) }}">{{ answer.user.lastname }} {{ answer.user.firstname }}</a>
+                                <a href="{{ path('company_answer_show',{'id':answer.id }) }}">{{ answer.user.lastname }}
+                                    {{ answer.user.firstname }}</a>
                             </td>
                             <td>{{ answer.sendTime()|date('d/m/Y') }}</td>
                             <td class="center-align">
                                 <a title="" href="{{ path('company_answer_show',{'id':answer.id }) }}">
-                                    <i class="fa fa-eye"></i>
+                                    <i class="pg-icon">eye</i>
                                 </a>
                                 <a href="#" class="note-action c-pointer" data-func="add" data-answer="{{ answer.id }}">
-                                    <i class="fa fa-sticky-note"></i>
+                                    <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="fa fa-commenting" aria-hidden="true"></i>
-                                    </a>
+                                <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 %}
+                        {% endfor %}
+                    </tbody>
                 </table>
             </div>
         </div>
-        <div id="note-modal"></div>
-    {% endblock %}
+    </div>
+    <!-- END card -->
+</div>
+<!-- END CONTAINER FLUID -->
+
+
+<div id="note-modal"></div>
+{% endblock %}

volume/www/website/www/app/Resources/views/company/answer_show.html copy.twig

@@ -0,0 +1,343 @@
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}
+
+{% block dashContent %}
+{# {% if type == "spontaneous" %}
+        {% include 'company/job_submenu.html.twig' with {
+            'tab' : 3
+        } %}
+    {% else %}
+        {% include 'company/job_submenu.html.twig' with {
+            'tab' : 2
+        } %}
+    {% endif %} #}
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
+                <li class="breadcrumb-item ">Candidatures</li>
+                <li class="breadcrumb-item active"><a
+                        href="{{ path('company_ad_answer_list',{'id':answer.ad.id}) }}">{{ answer.ad.title }}</a>
+                </li>
+
+            </ol>
+            <!-- END BREADCRUMB -->
+
+        </div>
+    </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 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>
+
+<p><br />&nbsp;</p>
+<p><br />&nbsp;</p>
+<p><br />&nbsp;</p>
+<p><br />&nbsp;</p>
+<p><br />&nbsp;</p>
+<div class="card card-borderless">
+    <div class="row bg-bordered p-20">
+        {% include 'company/ad_breadcrumb.html.twig' with {'step': 3,'ad': answer.ad,'firstname':answer.user.firstname ,'lastname':answer.user.lastname} %}
+        <div class="col s12 m6">
+            <div id="mini-profil-block">
+                <a target="_blank" href="{{ path('talent_show',{'alias':answer.user.company.alias} ) }}">
+                    {% include 'talent/talent_picture.html.twig' with {
+                    'user' : answer.user
+                } %}
+                </a>
+                <div>
+                    <div class="mini-profil-picture-name">
+                        <a target="_blank" href="{{ path('talent_show',{'alias':answer.user.company.alias} ) }}">
+                            {{ answer.user.firstname }} {{ answer.user.lastname }}
+                            &nbsp;<i class="fa fa-user-circle"></i>
+                        </a>
+                    </div>
+                    <div>Recu le {{ answer.sendTime|date('d/m/Y') }}</div>
+                </div>
+            </div>
+            <div class="embed-responsive embed-responsive-16by9">
+                <iframe src="https://player.vimeo.com/video/{{ answer.video.cdnUrl|replace({ "/videos/": ""}) }}"
+                    width="100%" height="auto" frameborder="0" webkitallowfullscreen mozallowfullscreen
+                    allowfullscreen></iframe>
+            </div>
+        </div>
+        <div class="col s12 m6">
+            {% if answer.comment %}
+            <strong>{% trans %}label.message{% endtrans %}</strong>
+            <p class="message-answer">{{ answer.comment }}</p>
+            {% else %}
+            {% trans %}label.noMessage{% endtrans %}
+            {% endif %}
+        </div>
+        <div class="col s12">
+            <h4 class="no-margin-top bordered">Contacter {{ answer.user.firstname }} {{ answer.user.lastname }} par :
+            </h4>
+        </div>
+        <div class="col s12 col-actions">
+            <a class="btn btn-default btn-active bnt-choice-message" data-value="message">Message</a><a
+                class="btn btn-default bnt-choice-message" data-value="video">Vidéo</a>
+        </div>
+        <div class="col s12">
+            <div class="col-bordered">
+                <div class="blockanswer blockanswer-video">
+                    <a class="btn btn-default bnt-choice-video" data-value="webcam" href="#">Enregistrer une vidéo</a>
+                    <a class="btn btn-default bnt-choice-video" data-value="upload" href="#">Importer une vidéo</a>
+                    <a class="btn btn-default bnt-choice-video" data-value="videotheque" ref="#">Choisir depuis la
+                        videothèque</a>
+                </div>
+                <div class="blockanswer blockanswer-message">
+                    <div class="sender">De : {{ app.user.firstname }} {{ app.user.lastname }}</div>
+                    {{ form_start(form) }}
+                    {{ form_rest(form) }}
+                    <div class="bottom-form">
+                        <button type="submit" class="btn btn-default disabled">Envoyer</button>
+                    </div>
+                    {{ form_end(form) }}
+                </div>
+                {{ form_start(formVideo) }}
+                <div id="blockanswer-video-webcam" class="panel-hide">
+                    {% include 'message/message_create_webcam.twig' %}
+                </div>
+                <div id="blockanswer-video-upload" class="panel-hide">
+                    {% include 'message/message_create_import.twig' %}
+                </div>
+                <div id="blockanswer-video-videotheque" class="panel-hide">
+                    {% include 'message/message_create_videotheque.twig' %}
+                </div>
+                <div id="validFormVideo" class="panel-hide">
+                    {{ form_widget(formVideo._token, { 'id': 'token_video' }) }}
+                    {{ form_widget(formVideo.status, { 'id': 'contact_talent_status_video' }) }}
+                    {{ form_rest(formVideo) }}
+                    <div class="bottom-form">
+                        <button type="submit" class="btn btn-default disabled">Envoyer</button>
+                    </div>
+                </div>
+                {{ form_end(formVideo) }}
+            </div>
+        </div>
+        <div class="col s12">
+            <h4 class="no-margin-top bordered">{% trans %}label.answer.history.title{% endtrans %}</h4>
+        </div>
+        <div class="col s12">
+            {% if answer.messages %}
+            {% for message in answer.messages if message.status != "DRAFT" %}
+            {% set class = '' %}
+            {% if loop.index > 1 %}
+            {% set class = 'history-hidden' %}
+            {% endif %}
+            <div class="blockanswer-answer {{class}}">
+                <div class="title-answer">
+                    {% trans %}label.answer{% endtrans %}{{ message.status|trans }}
+                    <span
+                        class="date-answer">{% trans %}label.sended{% endtrans %}{{ message.uTime|date('d-m-Y') }}</span>
+                </div>
+                <div class="description-answer">
+                    {% 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 }}
+                </div>
+            </div>
+            {% endfor %}
+            {% endif %}
+        </div>
+        <div class="col s12 center-align m-t-30">
+            <a class="bnt btn-round btn-grey-2 link-history-more" href="#"
+                title="{% trans %}label.history.link{% endtrans %}">{% trans %}label.history.link{% endtrans %}</a>
+        </div>
+    </div>
+    {% endblock %}
+
+    {% block javascripts %}
+    {{ parent() }}
+    <script type="text/javascript">
+        var urlDropzone = '{{ path("upload_media_message", {"id": message.getId()}) }}';
+        var urlDelete = '{{ path("delete_media_message", {"id": message.getId() }) }}'
+        var idObject = null;
+        var typeObject = "answer";
+        var videoExist = false;
+    </script>
+    <script src="{{ asset('/js/dropzone.js') }}"></script>
+    <script src="{{ asset('/js/vendors/video.min.js') }}"></script>
+    <script src="{{ asset('/js/vendors/RecordRTC.js') }}"></script>
+    <script src="{{ asset('/js/vendors/videojs.record.js') }}"></script>
+    <script src="{{ asset('/js/vendors/jquery.browser.min.js') }}"></script>
+    <script src="{{ asset('/js/vendors/readmore.min.js') }}"></script>
+    <script src="{{ asset('/js/answer.js') }}"></script>
+    <script type="text/javascript">
+        $(".card-action").click(function () {
+            var idVideo = $(this).data("id");
+            var titleVideo = $(this).data("title");
+            var imgVideo = $(this).data("img");
+            var urlVideo = $(this).data("url");
+            var elem = $(this);
+            form['contact_talent_video'] = 1;
+            $.ajax({
+                type: 'POST',
+                url: '{{ path("link_media_message", {"id": message.getId()}) }}',
+                data: "idVideo=" + idVideo,
+                dataType: 'html',
+                success: function (response) {
+                    $(".card-action").removeClass('active');
+                    elem.addClass('active');
+                    Materialize.toast('Vidéo bien associé à la réponse', 4000);
+                    if ($("#submit").hasClass('disabled')) {
+                        $("#submit").removeClass('disabled');
+                        $("#submit").addClass('pulse');
+                    }
+                },
+                error: function (response, xhr, ajaxOptions, thrownError) {
+                    Materialize.toast('Erreur lors de l\'association de la vidéo!', 4000);
+                }
+            });
+        });
+        $('.bnt-choice-message').on('click', function () {
+            var type = $(this).data('value');
+            $('.bnt-choice-message').removeClass('btn-active');
+            $('.bnt-choice-video').removeClass('active');
+            $(this).addClass('btn-active');
+            $(".panel-hide").removeClass('active');
+            $(".panel-hide").stop().fadeOut();
+            $('.blockanswer').stop().fadeOut('normal', function () {
+                $('.blockanswer-' + type).stop().fadeIn();
+                if (type == 'video') {
+                    $('.bnt-choice-video:first').click();
+                }
+            });
+        });
+        $('.blockanswer-video').css('display', 'none');
+        $('.bnt-choice-video').on('click', function (e) {
+            e.preventDefault();
+            var type = $(this).data('value');
+            $('.bnt-choice-video').removeClass('active');
+            $(this).addClass('active');
+            $(".panel-hide").removeClass('active');
+            $('#blockanswer-video-' + type).addClass('active');
+            $(".panel-hide").not(".active").stop().fadeOut('normal', function () {
+                $('#blockanswer-video-' + type).stop().fadeIn('fast');
+                if (type == "webcam") {
+                    $('#blockanswer-video-upload').stop().fadeIn('fast');
+                }
+                $('#validFormVideo').stop().fadeIn('fast');
+
+            });
+        });
+        $('.link-history-more').on('click', function (e) {
+            e.preventDefault();
+            $('.history-hidden').fadeIn();
+            $(this).fadeOut();
+        });
+
+        document.getElementsByName("contact_talent[message]")[0].addEventListener('change', verifySubmitButton);
+        $('#contact_talent_status').on('change', verifySubmitButton);
+
+        var form = [];
+        form['contact_talent_message'] = 0;
+        form['contact_talent_video'] = 0;
+        form['contact_talent_status_video'] = 0;
+        form['contact_talent_status'] = 0;
+
+        function verifySubmitButton() {
+            if (this.value && this.value != 0) {
+                form[this.id] = 1;
+            } else {
+                form[this.id] = 0;
+            }
+            if (form['contact_talent_message'] + form['contact_talent_status'] >= 2) {
+                $('.blockanswer-message .btn').removeClass('disabled');
+            } else {
+                $('.blockanswer-message .btn').addClass('disabled');
+            }
+        }
+
+        $('#contact_talent_status_video').on('change', verifyVideoSubmitButton);
+
+        function verifyVideoSubmitButton() {
+            if (this.value && this.value != 0) {
+                form[this.id] = 1;
+            } else {
+                form[this.id] = 0;
+            }
+            if (form['contact_talent_video'] + form['contact_talent_status_video'] >= 2) {
+                $('#validFormVideo .btn').removeClass('disabled');
+            } else {
+                $('#validFormVideo .btn').addClass('disabled');
+            }
+        }
+
+        $('.message-answer').readmore({
+            speed: 75,
+            lessLink: '<a href="#" class="link-message-more">Fermer</a>',
+            moreLink: '<a href="#" class="link-message-more">{% trans %}label.link.readmore{% endtrans %}</a>',
+            blockProcessed: function (element, collapsable) {
+                console.log(element);
+                console.log(collapsable);
+                if (collapsable == false) {
+                    $('.message-answer').readmore('destroy');
+                }
+            }
+        });
+
+
+        function changerActive(tabActive) {
+            $("#comment").removeClass("active");
+            $("#candidature").removeClass("active");
+            $("#messagerieVideo").removeClass("active");
+            $("#messagerie").removeClass("active");
+            $("#commentLien").removeClass("active");
+            $("#candidatureLien").removeClass("active");
+            $("#messagerieVideoLien").removeClass("active");
+            $("#messagerieLien").removeClass("active");
+            $("#" + tabActive).addClass("active");
+            $("#" + tabActive + "Lien").addClass("active");
+
+        }
+    </script>
+    {% endblock %}

volume/www/website/www/app/Resources/views/company/answer_show.html.twig

@@ -1,8 +1,8 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
-
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}
 
 {% block dashContent %}
-    {% if type == "spontaneous" %}
+{# {% if type == "spontaneous" %}
         {% include 'company/job_submenu.html.twig' with {
             'tab' : 3
         } %}
@@ -10,126 +10,78 @@
         {% include 'company/job_submenu.html.twig' with {
             'tab' : 2
         } %}
-    {% endif %}
-    <div class="row bg-bordered p-20">
-        {% include 'company/ad_breadcrumb.html.twig' with {'step': 3,'ad': answer.ad,'firstname':answer.user.firstname ,'lastname':answer.user.lastname} %}
-        <div class="col s12 m6">
-            <div id="mini-profil-block">
-                <a target="_blank" href="{{ path('talent_show',{'alias':answer.user.company.alias} ) }}">
-                {% include 'talent/talent_picture.html.twig' with {
-                    'user' : answer.user
-                } %}
-                </a>
-                <div>
-                    <div class="mini-profil-picture-name">
-                        <a target="_blank" href="{{ path('talent_show',{'alias':answer.user.company.alias} ) }}">
-                        {{ answer.user.firstname }} {{ answer.user.lastname }}
-                        &nbsp;<i class="fa fa-user-circle"></i>
-                        </a>
-                    </div>
-                    <div>Recu le {{ answer.sendTime|date('d/m/Y') }}</div>
-                </div>
-            </div>
-            <div class="embed-responsive embed-responsive-16by9">
-                <iframe src="https://player.vimeo.com/video/{{ answer.video.cdnUrl|replace({ "/videos/": ""}) }}"
-                width="100%" height="auto" frameborder="0" webkitallowfullscreen mozallowfullscreen
-                allowfullscreen></iframe>
-            </div>
-        </div>
-        <div class="col s12 m6">
-            {% if answer.comment %}
-            <strong>{% trans %}label.message{% endtrans %}</strong>
-            <p class="message-answer">{{ answer.comment }}</p>
-            {% else %}
-                {% trans %}label.noMessage{% endtrans %}
-            {% endif %}
-        </div>
-        <div class="col s12">
-            <h4 class="no-margin-top bordered">Contacter {{ answer.user.firstname }} {{ answer.user.lastname }} par : </h4>
-        </div>
-        <div class="col s12 col-actions">
-            <a class="btn btn-default btn-active bnt-choice-message" data-value="message">Message</a><a class="btn btn-default bnt-choice-message" data-value="video">Vidéo</a>
-        </div>
-        <div class="col s12">
-            <div class="col-bordered">
-                <div class="blockanswer blockanswer-video">
-                    <a class="btn btn-default bnt-choice-video" data-value="webcam" href="#">Enregistrer une vidéo</a>
-                    <a class="btn btn-default bnt-choice-video" data-value="upload" href="#">Importer une vidéo</a>
-                    <a class="btn btn-default bnt-choice-video" data-value="videotheque" ref="#">Choisir depuis la videothèque</a>
-                </div>
-                <div class="blockanswer blockanswer-message">
-                    <div class="sender">De : {{ app.user.firstname }} {{ app.user.lastname }}</div>
-                    {{ form_start(form) }}
-                    {{ form_rest(form) }}
-                    <div class="bottom-form">
-                        <button type="submit" class="btn btn-default disabled">Envoyer</button>
-                    </div>
-                    {{ form_end(form) }}
-                </div>
-                {{ form_start(formVideo) }}
-                <div id="blockanswer-video-webcam" class="panel-hide">
-                    {% include 'message/message_create_webcam.twig' %}
-                </div>
-                <div id="blockanswer-video-upload" class="panel-hide">
-                    {% include 'message/message_create_import.twig' %}
-                </div>
-                <div id="blockanswer-video-videotheque" class="panel-hide">
-                    {% include 'message/message_create_videotheque.twig' %}
-                </div>
-                <div id="validFormVideo" class="panel-hide">
-                    {{ form_widget(formVideo._token, { 'id': 'token_video' }) }}
-                    {{ form_widget(formVideo.status, { 'id': 'contact_talent_status_video' }) }}
-                    {{ form_rest(formVideo) }}
-                    <div class="bottom-form">
-                        <button type="submit" class="btn btn-default disabled">Envoyer</button>
-                    </div>
-                </div>
-                {{ form_end(formVideo) }}
-            </div>
-        </div>
-        <div class="col s12">
-            <h4 class="no-margin-top bordered">{% trans %}label.answer.history.title{% endtrans %}</h4>
-        </div>
-        <div class="col s12">            
-            {% if answer.messages %}
-                {% for message in answer.messages if message.status != "DRAFT" %}
-                {% set class = '' %}
-                {% if loop.index > 1 %}
-                    {% set class = 'history-hidden' %}
-                {% endif %}
-                <div class="blockanswer-answer {{class}}">
-                    <div class="title-answer">
-                        {% trans %}label.answer{% endtrans %}{{ message.status|trans }}
-                        <span class="date-answer">{% trans %}label.sended{% endtrans %}{{ message.uTime|date('d-m-Y') }}</span>
-                    </div>
-                    <div class="description-answer">
-                        {% 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 }}
-                    </div>
-                </div>
-                {% endfor %}
-            {% endif %}
-        </div>
-        <div class="col s12 center-align m-t-30">
-            <a class="bnt btn-round btn-grey-2 link-history-more" href="#" title="{% trans %}label.history.link{% endtrans %}">{% trans %}label.history.link{% endtrans %}</a>
+    {% endif %} #}
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
+                <li class="breadcrumb-item ">Candidatures</li>
+                <li class="breadcrumb-item active"><a
+                        href="{{ path('company_ad_answer_list',{'id':answer.ad.id}) }}">{{ answer.ad.title }}</a>
+                </li>
+
+            </ol>
+            <!-- END BREADCRUMB -->
+
         </div>
     </div>
-{% endblock %}
+</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 class="tab-content">
+            <!-- ========== bloc candidature ========== -->
 
-{% block javascripts %}
+            {% 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>
+
+    {% endblock %}
+
+    {% block javascripts %}
     {{ parent() }}
     <script type="text/javascript">
         var urlDropzone = '{{ path("upload_media_message", {"id": message.getId()}) }}';
         var urlDelete = '{{ path("delete_media_message", {"id": message.getId() }) }}'
         var idObject = null;
         var typeObject = "answer";
-        var videoExist =  false;
+        var videoExist = false;
     </script>
     <script src="{{ asset('/js/dropzone.js') }}"></script>
     <script src="{{ asset('/js/vendors/video.min.js') }}"></script>
@@ -139,7 +91,7 @@
     <script src="{{ asset('/js/vendors/readmore.min.js') }}"></script>
     <script src="{{ asset('/js/answer.js') }}"></script>
     <script type="text/javascript">
-        $(".card-action").click(function(){
+        $(".card-action").click(function () {
             var idVideo = $(this).data("id");
             var titleVideo = $(this).data("title");
             var imgVideo = $(this).data("img");
@@ -149,13 +101,13 @@
             $.ajax({
                 type: 'POST',
                 url: '{{ path("link_media_message", {"id": message.getId()}) }}',
-                data: "idVideo="+idVideo,
+                data: "idVideo=" + idVideo,
                 dataType: 'html',
                 success: function (response) {
                     $(".card-action").removeClass('active');
                     elem.addClass('active');
                     Materialize.toast('Vidéo bien associé à la réponse', 4000);
-                    if($("#submit").hasClass('disabled')){
+                    if ($("#submit").hasClass('disabled')) {
                         $("#submit").removeClass('disabled');
                         $("#submit").addClass('pulse');
                     }
@@ -165,72 +117,74 @@
                 }
             });
         });
-        $('.bnt-choice-message').on('click',function(){
+        $('.bnt-choice-message').on('click', function () {
             var type = $(this).data('value');
             $('.bnt-choice-message').removeClass('btn-active');
             $('.bnt-choice-video').removeClass('active');
             $(this).addClass('btn-active');
             $(".panel-hide").removeClass('active');
             $(".panel-hide").stop().fadeOut();
-            $('.blockanswer').stop().fadeOut('normal',function(){
-                $('.blockanswer-'+type).stop().fadeIn();
-                if(type == 'video'){
+            $('.blockanswer').stop().fadeOut('normal', function () {
+                $('.blockanswer-' + type).stop().fadeIn();
+                if (type == 'video') {
                     $('.bnt-choice-video:first').click();
                 }
             });
         });
-        $('.blockanswer-video').css('display','none');
-        $('.bnt-choice-video').on('click',function(e){
+        $('.blockanswer-video').css('display', 'none');
+        $('.bnt-choice-video').on('click', function (e) {
             e.preventDefault();
             var type = $(this).data('value');
             $('.bnt-choice-video').removeClass('active');
             $(this).addClass('active');
             $(".panel-hide").removeClass('active');
-            $('#blockanswer-video-'+type).addClass('active');
-            $(".panel-hide").not(".active").stop().fadeOut('normal',function(){
-                $('#blockanswer-video-'+type).stop().fadeIn('fast');
-                if(type=="webcam"){
+            $('#blockanswer-video-' + type).addClass('active');
+            $(".panel-hide").not(".active").stop().fadeOut('normal', function () {
+                $('#blockanswer-video-' + type).stop().fadeIn('fast');
+                if (type == "webcam") {
                     $('#blockanswer-video-upload').stop().fadeIn('fast');
                 }
                 $('#validFormVideo').stop().fadeIn('fast');
-                
+
             });
         });
-        $('.link-history-more').on('click',function(e) {
+        $('.link-history-more').on('click', function (e) {
             e.preventDefault();
             $('.history-hidden').fadeIn();
             $(this).fadeOut();
         });
 
         document.getElementsByName("contact_talent[message]")[0].addEventListener('change', verifySubmitButton);
-        $('#contact_talent_status').on('change',verifySubmitButton);
+        $('#contact_talent_status').on('change', verifySubmitButton);
 
         var form = [];
         form['contact_talent_message'] = 0;
         form['contact_talent_video'] = 0;
         form['contact_talent_status_video'] = 0;
         form['contact_talent_status'] = 0;
-        function verifySubmitButton(){
-            if(this.value && this.value != 0){
+
+        function verifySubmitButton() {
+            if (this.value && this.value != 0) {
                 form[this.id] = 1;
             } else {
                 form[this.id] = 0;
             }
-            if(form['contact_talent_message'] + form['contact_talent_status'] >= 2){
+            if (form['contact_talent_message'] + form['contact_talent_status'] >= 2) {
                 $('.blockanswer-message .btn').removeClass('disabled');
             } else {
                 $('.blockanswer-message .btn').addClass('disabled');
             }
         }
 
-        $('#contact_talent_status_video').on('change',verifyVideoSubmitButton);
-        function verifyVideoSubmitButton(){
-            if(this.value && this.value != 0){
+        $('#contact_talent_status_video').on('change', verifyVideoSubmitButton);
+
+        function verifyVideoSubmitButton() {
+            if (this.value && this.value != 0) {
                 form[this.id] = 1;
             } else {
                 form[this.id] = 0;
             }
-            if(form['contact_talent_video'] + form['contact_talent_status_video'] >= 2){
+            if (form['contact_talent_video'] + form['contact_talent_status_video'] >= 2) {
                 $('#validFormVideo .btn').removeClass('disabled');
             } else {
                 $('#validFormVideo .btn').addClass('disabled');
@@ -241,13 +195,28 @@
             speed: 75,
             lessLink: '<a href="#" class="link-message-more">Fermer</a>',
             moreLink: '<a href="#" class="link-message-more">{% trans %}label.link.readmore{% endtrans %}</a>',
-            blockProcessed: function(element,collapsable){
+            blockProcessed: function (element, collapsable) {
                 console.log(element);
                 console.log(collapsable);
-                if(collapsable == false){
+                if (collapsable == false) {
                     $('.message-answer').readmore('destroy');
                 }
             }
         });
+
+
+        function changerActive(tabActive) {
+            //$("#comment").removeClass("active");
+            $("#candidature").removeClass("active");
+            $("#messagerieVideo").removeClass("active");
+            $("#messagerie").removeClass("active");
+            //$("#commentLien").removeClass("active");
+            $("#candidatureLien").removeClass("active");
+            $("#messagerieVideoLien").removeClass("active");
+            $("#messagerieLien").removeClass("active");
+            $("#" + tabActive).addClass("active");
+            $("#" + tabActive + "Lien").addClass("active");
+
+        }
     </script>
-{% endblock %}
+    {% endblock %}

volume/www/website/www/app/Resources/views/company/answer_show_candidature.html.twig

@@ -0,0 +1,126 @@
+<div class="tab-pane active" id="candidature">
+    <div class="row m-md-0">
+        <div class="col-xl-7 col-lg-6 bg-white">
+            <!-- START card -->
+            <div class="full-height">
+                <div class="card-body text-center">
+                    <iframe src="https://player.vimeo.com/video/{{ answer.video.cdnUrl|replace({ "/videos/": ""}) }}"
+                        width="100%" height="auto" frameborder="0" webkitallowfullscreen mozallowfullscreen
+                        allowfullscreen></iframe>
+                </div>
+            </div>
+            <!-- END card -->
+        </div>
+        <div class="col-xl-5 col-lg-6 col-top">
+            <!-- START card -->
+            <div class="card card-transparent">
+                <div class="card-header ">
+                    <div class="card-title">
+
+                        <a href="{{ path('company_ad_answer_list',{'id':answer.ad.id}) }}">{{ answer.ad.title }}</a>
+                    </div>
+                </div>
+                <div class="card-body">
+                    <h3>Son dernier message (Recu le {{ answer.sendTime|date('d/m/Y') }})</h3>
+                    <p>
+                        {{ answer.comment }}
+                    </p>
+                    <br>
+                    <div>
+                        <div class="profile-img-wrapper m-t-5 inline">
+                            <img alt="Avatar" width="35" height="35"
+                                data-src-retina="{{ asset('dashboard/img/profiles/account-avatar-default.svg') }}"
+                                data-src="{{ asset('dashboard/img/profiles/account-avatar-default.svg') }}"
+                                src="{{ asset('dashboard/img/profiles/account-avatar-default.svg') }}">
+                            <div class="chat-status available">
+                            </div>
+                        </div>
+                        <div class="inline m-l-10">
+                            <p class="small hint-text m-t-5">{{ answer.user.firstname }}
+                                {{ answer.user.lastname }}
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- END card -->
+        </div>
+    </div>
+    <div class="row column-seperation">
+        <div class="col-lg-6">
+            <h3>
+
+
+            </h3>
+        </div>
+        <div class="col-lg-6">
+            <p class="pull-right">
+                <a href="#" onClick="changerActive('messagerie')" data-toggle="tab" role="tab"
+                    data-target="#messagerie">
+                    <button aria-label="" type="button" class="btn btn-default btn-cons">Réponse en message
+                        texte</button>
+                </a>
+                <a href="#" onClick="changerActive('messagerieVideo')" data-toggle="tab" role="tab"
+                    data-target="#messagerieVideo">
+                    <button aria-label="" type="button" class="btn btn-default btn-cons">Réponse en vidéo</button>
+                </a>
+            </p>
+        </div>
+    </div>
+    <div class="row">
+        <h4 class="no-margin-top bordered">{% trans %}label.answer.history.title{% endtrans %}</h4>
+    </div>
+    <div class="row">
+
+        <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:15%">Objet</th>
+                            <th style="width:15%">Message</th>
+                            <th style="width:70%">Envoyé le</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {% 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">
+                                <div class="v-align-middle">
+                                    {{ message.status|trans }}
+                                </div>
+                            </td>
+                            <td class="v-align-middle ">
+                                <p>{{ message.uTime|date('d-m-Y') }}</p>
+                            </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 %}
+                        {% endif %}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+
+    </div>
+</div>

volume/www/website/www/app/Resources/views/company/answer_show_comment.html.twig

@@ -0,0 +1,10 @@
+<div class="tab-pane" id="comment">
+    <div class="row">
+        <div class="col-lg-12">
+            <h3>Follow us &amp; get updated!</h3>
+            <p>Instantly connect to what's most important to you. Follow your friends, experts, favorite
+                celebrities, and breaking news.</p>
+            <br>
+        </div>
+    </div>
+</div>

volume/www/website/www/app/Resources/views/company/answer_show_message_texte.html.twig

@@ -0,0 +1,129 @@
+<div class="tab-pane " id="messagerie">
+    <div class="row">
+
+        <!-- START ITEM -->
+        <div class="col-lg-4">
+            <div class="card card-default bg-success">
+                <div class="card-header  separator">
+                    <div class="card-title">Réponse par mail
+                    </div>
+                </div>
+                <div class="card-body">
+                    <h3>
+                        <span class="semi-bold">Répondre par </span> message</h3>
+                    <p>When it comes to digital design, the lines between functionality, aesthetics, and
+                        psychology are inseparably blurred. Without the constraints of the physical world,
+                        there’s no natural form to fall back on, and every bit of constraint and affordance
+                        must be introduced intentionally. Good design makes a product useful. A product is
+                        bought to be used.</p>
+                </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="card-body">
+                    <!-- START COMPOSE EMAIL -->
+                    {{ form_start(form) }}
+                    <div class="email-composer container-fluid">
+                        <div class="row">
+                            <div class="col-md-12 no-padding">
+                                {# <div class="wysiwyg5-wrapper email-toolbar-wrapper no-border" id="emailToolbar">
+                                    <span class="ql-formats">
+                                        <!-- Add a bold button -->
+                                        <button class="ql-bold"></button>
+                                        <!-- Add a italic button -->
+                                        <button class="ql-italic"></button>
+                                        <!-- Add a underline button -->
+                                        <button class="ql-underline"></button>
+                                        <!-- Add a strike button -->
+                                        <button class="ql-strike"></button>
+                                    </span>
+                                    <span class="ql-formats">
+                                        <!-- Add headings buttons -->
+                                        <button class="ql-header" value="1"></button>
+                                        <button class="ql-header" value="2"></button>
+                                    </span>
+                                    <span class="ql-formats">
+                                        <!-- Add list buttons -->
+                                        <button class="ql-list" value="ordered"></button>
+                                        <button class="ql-list" value="bullet"></button>
+                                    </span>
+                                    <span class="ql-formats">
+                                        <!-- Add indent buttons -->
+                                        <button class="ql-indent" value="-1"></button>
+                                        <button class="ql-indent" value="+1"></button>
+                                    </span>
+                                    <span class="ql-formats">
+                                        <!-- Add font size dropdown -->
+                                        <select class="ql-size">
+                                            <option value="small"></option>
+                                            <!-- Note a missing, thus falsy value, is used to reset to default -->
+                                            <option selected></option>
+                                            <option value="large"></option>
+                                            <option value="huge"></option>
+                                        </select>
+                                    </span>
+                                    <span class="ql-formats">
+                                        <!-- Add indent buttons -->
+                                        <button class="ql-clean"></button>
+                                    </span>
+                                </div> #}
+                                
+                                    <div class="form-group-attached">
+                                        <div class="row clearfix">
+                                            <div class="col-md-12">
+                                                <div class="form-group form-group-default">
+                                                    <label>De : </label>
+                                                    <input name="to" data-role="tagsinput" disabled
+                                                        class="form-control tagsinput" type="text" value="{{ app.user.firstname }} {{ app.user.lastname }}" />
+                                                </div>
+                                            </div>
+                                            
+                                        </div>
+                                        {# <div class="form-group form-group-default">
+                                            <label>Subject</label>
+                                            <input type="text" class="form-control" name="subject">
+                                        </div> #}
+                                    </div>
+                                <div class="form-group form-group-default required">
+                                   {{ form_row(form.status) }}
+                                </div>
+                                <div class="form-group  required">
+                                   {{ form_row(form.message) }}
+                                </div>
+                                {# <div class="quill-wrapper email-body-wrapper">
+                                    <div id="quill-compose" style="height:250px" class="no-border">
+                                    
+                                    </div>
+                                    <div class="form-group ">
+                                   
+                                </div> #}
+                                
+                            </div>
+                        </div>
+                        <div class="row p-b-10">
+                            <div class="col-md-11 d-md-flex d-lg-flex d-xl-flex d-block align-items-start">
+                                
+                            </div>
+                            <div class="col-md-1">
+                                <button type="submit" aria-label="" class="btn btn-complete btn-lg pull-right btn-icon-left"><i
+                                        class="pg-icon">send</i>Envoyer</button>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- END COMPOSE EMAIL -->
+                    {{ form_end(form) }}
+                </div>
+            </div>
+            <!-- END WIDGET -->
+        </div>
+    </div>
+
+</div>

volume/www/website/www/app/Resources/views/company/answer_show_message_video.html.twig

@@ -0,0 +1,65 @@
+<div class="tab-pane " id="messagerieVideo">
+    <div class="row">
+
+        <!-- START ITEM -->
+        <div class="col-lg-4">
+            <div class="card card-default bg-success">
+                <div class="card-header  separator">
+                    <div class="card-title">Réponse vidéo
+                    </div>
+                </div>
+                <div class="card-body">
+                    <h3>
+                        <span class="semi-bold">Répondre avec la </span> vidéo</h3>
+                    <p>When it comes to digital design, the lines between functionality, aesthetics, and
+                        psychology are inseparably blurred. Without the constraints of the physical world,
+                        there’s no natural form to fall back on, and every bit of constraint and affordance
+                        must be introduced intentionally. Good design makes a product useful. A product is
+                        bought to be used.</p>
+                </div>
+            </div>
+        </div>
+        <!-- END ITEM -->
+
+
+
+
+        <div class="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>
+
+                    {{ form_end(formVideo) }}
+                </div>
+            </div>
+            <!-- END WIDGET -->
+        </div>
+
+
+
+
+    </div>
+
+</div>

volume/www/website/www/app/Resources/views/company/createMedia.html.twig

@@ -1,26 +1,26 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
-
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}
 {% block dashContent %}
 
     <div class="row bg-bordered p-0">
-        {% include 'company/ad_steps.html.twig' with {'tab':2} %}
+        {# {% include 'company/ad_steps.html.twig' with {'tab':2} %} #}
 
         <div class="p-20">
             <div class="row">
                 <div class="col s12">
-                    <ul id="tabs-video" class="tabs">
+                    {# <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>
+                    </ul> #}
                 </div>
                 <div id="tab-video-new" class="col s12">
-                    {% include 'media/dropzone.html.twig' %}
+                    {# {% include 'media/dropzone.html.twig' %}
                     {{ form_start(form, {'attr': { 'id': 'form_media' } }) }}
                     {{ form_widget(form) }}
                     <a href="{{ path('company_ad_edit',{"id": ad.getId()}) }}" class="btn btn-round btn-dark">Etape précédente</a>
                     <button id="submit" class="btn btn-default hide" type="submit">Etape suivante</button>
-                    {{ form_end(form) }}
+                    {{ form_end(form) }} #}
                 </div>
                 <div id="tab-video-select" class="col s12">
                     <div class="row">
@@ -36,14 +36,169 @@
                                         {#mozallowfullscreen allowfullscreen></iframe>#}
                             {#</div>#}
                         {#{% endfor %}#}
-                        {% if videos|length > 0 %}
+                        {# {% if videos|length > 0 %}
                             {% include 'default/video_card.html.twig' %}
-                        {% endif %}
+                        {% endif %} #}
                     </div>
                 </div>
             </div>
         </div>
     </div>
+    <!-- START CONTAINER FLUID -->
+<div class=" container-fluid   container-fixed-lg">
+    <div id="rootwizard" class="m-t-50">
+        {% include 'company/ad_stepsV2.html.twig' with {'tab':2} %}
+        
+        <div class="tab-content">
+            <div class="tab-pane padding-20 sm-no-padding  slide-left disabled" id="tab1">
+                <div class="row row-same-height">
+                    <div class="col-md-5 b-r b-dashed b-grey sm-b-b">
+                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
+                            <i class="material-icons hint-text">shopping_cart</i>
+                            <h2>Etape 1</h2>
+                            <p>Discover goods you'll love from brands that inspire. The easiest way to open your own
+                                online store. Discover amazing stuff or open your own store for free!</p>
+                            <p class="small hint-text">Below is a sample page for your cart , Created using pages design
+                                UI Elementes</p>
+                        </div>
+                    </div>
+                    <div class="col-md-7">
+                        <div class="padding-30 sm-padding-5">
+                           
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="tab-pane slide-left padding-20 sm-no-padding active" id="tab2">
+                <div class="row row-same-height">
+                    <div class="col-md-5 b-r b-dashed b-grey ">
+                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
+                            <h2>Your Information is safe with us!</h2>
+                            <p>We respect your privacy and protect it with strong encryption, plus strict policies .
+                                Two-step verification, which we encourage all our customers to use.</p>
+                            <p class="small hint-text">Below is a sample page for your cart , Created using pages design
+                                UI Elementes</p>
+                                {# <ul id="tabs-video" class="tabs">
+                                    <li class="tab col s4"><a class="active" href="#tab-video-new">Ajouter une nouvelle vidéo</a>
+                                    </li>
+                                    <li class="tab col s4"><a href="#tab-video-select">Utiliser une vidéo existante</a></li>
+                                </ul> #}
+                        </div>
+                    </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>
+                        <div id="tab-video-select" class="col s12">
+                            <div class="row">
+                                {#{% for vid in videos %}#}
+                                    {#<div class="col s4">#}
+                                        {#<a class="addExistingVideo tooltipped btn btn-default" data-position="top"#}
+                                        {#data-tooltip="Choisir cette vidéo" href="#" data-title="{{ vid.getTitle() }}"#}
+                                        {#data-id="{{ vid.getId() }}">#}
+                                            {#<span>{{ vid.getTitle() }}</span><br/>#}
+                                        {#</a>#}
+                                        {#<iframe src="https://player.vimeo.com{{ vid.getCdnUrl()|replace({ "videos": "video"}) }}"#}
+                                                {#width="90%" height="auto" frameborder="0" webkitallowfullscreen#}
+                                                {#mozallowfullscreen allowfullscreen></iframe>#}
+                                    {#</div>#}
+                                {#{% endfor %}#}
+                                {# {% if videos|length > 0 %}
+                                    {% include 'default/video_card.html.twig' %}
+                                {% endif %} #}
+                            </div>
+                        </div>
+                    </div>
+                    
+                </div>
+            </div>
+            <div class="tab-pane slide-left padding-20 sm-no-padding disabled" id="tab3">
+                <div class="row row-same-height">
+                    <div class="col-md-5 b-r b-dashed b-grey ">
+                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
+                            
+                            
+                        </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">
+                
+                <div class="clearfix"></div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- END CONTAINER FLUID -->
 {% endblock %}
 {% block javascripts %}
     {{ parent() }}
@@ -59,7 +214,7 @@
                 dataType: 'html',
                 success: function (response) {
                     Materialize.toast('Vidéo associé Merci', 4000);
-                    document.location.href = stepDate;
+                    //document.location.href = stepDate;
 
                 },
                 error: function (response, xhr, ajaxOptions, thrownError) {
@@ -85,5 +240,5 @@
         {% endif %}
 
     </script>
-    <script src="{{ asset('/js/dropzone.js') }}"></script>
+    <script src="{{ asset('/js/dropzoneV2.js') }}"></script>
 {% endblock %}

volume/www/website/www/app/Resources/views/company/dashboard.html.twig

@@ -1,242 +1,239 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}
 {% block dashContent %}
-    <div class="row bg-bordered p-20">
+<div class="row bg-bordered p-20">
     {% if app.user.company.brandname == null %}
-        <div class="row flexcontainer">
-            <div class="col s12 m12 l12">
-                <div class="card-panel grey lighten-3 ">
-                    <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
-                    Vous n'avez pas encore complété le profil de votre entreprise. <br>
-                    Ces informations sont importantes au bon fonctionnement de la plateforme, nous vous invitons
-                    <a href="{{ path('company_profile') }}">à les remplir ici. <i class="fa fa-link"
-                                                                                    aria-hidden="true"></i></a>
-                </div>
+    <div class="row flexcontainer">
+        <div class="col s12 m12 l12">
+            <div class="card-panel grey lighten-3 ">
+                <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
+                Vous n'avez pas encore complété le profil de votre entreprise. <br>
+                Ces informations sont importantes au bon fonctionnement de la plateforme, nous vous invitons
+                <a href="{{ path('company_profile') }}">à les remplir ici. <i class="fa fa-link"
+                        aria-hidden="true"></i></a>
             </div>
         </div>
+    </div>
     {% endif %}
-        <div class="col s3">
-            <h5 class="blue-text no-margin-top">Volumes des visites</h5>
-        </div>
-        <div class="col s9 choiceMonthWrapper right-align">
-            {% set thisYear = "now"|date("Y") %}
-            {% set thisMonth = "now"|date("m") %}
-            {% set thisDay = "now"|date("d") %}
-            {% set dateTextMoins = "now -1 Month"|date("d-m-Y") %}
-            {% set dateText = "now"|date("d-m-Y") %}
-            <input id="choiceMonth" type="text" name="daterange" value="{{ dateTextMoins }} au {{ dateText }}" />
-            <i class="fa fa-refresh fa-spin fa-fw"></i>
-            <span class="sr-only">Loading...</span>
-        </div>
-        <div class="col s12">
-            <canvas id="nb_visits" width="600" height="300"></canvas>
-        </div>
-        <div class="col s6 countLegend">
-            <p><span class="btn-countVisitsAds">&nbsp;</span>Nombre de visites de vos annonces</p>
-            <p><span class="btn-countVisitsCompany">&nbsp;</span>Nombre de visites de la page entreprise</p>
-        </div>
-        <div class="col s6 countBlock">
-            <span class="btn-countVisitsAds"><span class="countVisitsAds"></span>&nbsp;visites</span>
-            <span class="btn-countVisitsCompany"><span class="countVisitsCompany"></span>&nbsp;visites</span>
-        </div>
+    {# <div class="col s3">
+        <h5 class="blue-text no-margin-top">Volumes des visites</h5>
     </div>
-    <div id="donutChart-wrapper" class="row bg-bordered p-20">
-        <div class="col s6">
-                <h5 class="blue-text no-margin-top">Répartition des visites</h5>
-                <canvas id="donught_visits" width="300" height="300"></canvas>
-        </div>
-        <div class="col s6 donutLegend countLegend">
-            <p><span class="btn-count btn-countVisitsTalentByCompany">&nbsp;</span>Visites de talents</p>
-            <p><span class="btn-count btn-countVisitsCompanyByCompany">&nbsp;</span>Visites d'entreprises</p>
-            <p><span class="btn-count btn-countVisitsAnonymByCompany">&nbsp;</span>Visites d'internautes non-inscrits</p>
-        </div>
+    <div class="col s9 choiceMonthWrapper right-align">
+        {% set thisYear = "now"|date("Y") %}
+        {% set thisMonth = "now"|date("m") %}
+        {% set thisDay = "now"|date("d") %}
+        {% set dateTextMoins = "now -1 Month"|date("d-m-Y") %}
+        {% set dateText = "now"|date("d-m-Y") %}
+        <input id="choiceMonth" type="text" name="daterange" value="{{ dateTextMoins }} au {{ dateText }}" />
+        <i class="fa fa-refresh fa-spin fa-fw"></i>
+        <span class="sr-only">Loading...</span>
     </div>
-    <div class="row bg-bordered p-20">
-        <div class="col s12">
-            <h5 class="blue-text no-margin-top">Statistiques par offre d'emploi</h5>
-            {% include 'company/ad_table_listing.html.twig' with {'ads':ads} %}
-        </div>
+    <div class="col s12">
+        <canvas id="nb_visits" width="600" height="300"></canvas>
     </div>
+    <div class="col s6 countLegend">
+        <p><span class="btn-countVisitsAds">&nbsp;</span>Nombre de visites de vos annonces</p>
+        <p><span class="btn-countVisitsCompany">&nbsp;</span>Nombre de visites de la page entreprise</p>
+    </div>
+    <div class="col s6 countBlock">
+        <span class="btn-countVisitsAds"><span class="countVisitsAds"></span>&nbsp;visites</span>
+        <span class="btn-countVisitsCompany"><span class="countVisitsCompany"></span>&nbsp;visites</span>
+    </div> #}
+</div>
+<div id="donutChart-wrapper" class="row bg-bordered p-20">
+    {# <div class="col s6">
+        <h5 class="blue-text no-margin-top">Répartition des visites</h5>
+        <canvas id="donught_visits" width="300" height="300"></canvas>
+    </div>
+    <div class="col s6 donutLegend countLegend">
+        <p><span class="btn-count btn-countVisitsTalentByCompany">&nbsp;</span>Visites de talents</p>
+        <p><span class="btn-count btn-countVisitsCompanyByCompany">&nbsp;</span>Visites d'entreprises</p>
+        <p><span class="btn-count btn-countVisitsAnonymByCompany">&nbsp;</span>Visites d'internautes non-inscrits</p>
+    </div> #}
+</div>
+
+        
+        {% include 'company/ad_table_listing.html.twig' with {'ads':ads} %}
+
 {% endblock %}
 
 {% block javascripts %}
-    {{ parent() }}
-    <script src="{{ asset('/js/vendors/Chart.bundle.min.js') }}"></script>
-    <script type="text/javascript">
-        var currentMonth = '{{ "now"|date("m") }}';
-        var arrayRecords;
-        var ctx,myChart,arrayCurrentsLabel,arrayCurrentsAdsValues,arrayCurrentsCompanyValues,donughtRecords;
-        var sumVisitsAds = 0;
-        var sumCompanyValues = 0;
-        function loadChartData() {
-            setArrayValues();
-            myChart.update();
-            myDoughnutChart.update();
-        }
+{{ parent() }}
+<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 sumVisitsAds = 0;
+    var sumCompanyValues = 0;
 
-        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();
-                }
-            });
-        }
+    function loadChartData() {
+        setArrayValues();
+        myChart.update();
+        myDoughnutChart.update();
+    }
 
-        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 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();
+            }
         });
+    }
 
-        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]);
+    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;
+                }
             });
-            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);
+        } 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;
         }
 
-        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"
-                }
-            ]
-        };
+        $('.countVisitsAds').html(sumVisitsAds);
+        $('.countVisitsCompany').html(sumCompanyValues);
+    }
 
-        var ctx = document.getElementById("nb_visits");
-            var myChart = new Chart(ctx, {
-                type: 'line',
-                data: dataLine,
-                options: {
-                    legend: {
-                        display: false
+    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
                     },
-                    scales: {
-                        xAxes: [{
-                            display: true,
-                            scaleLabel: {
-                                display: true,
-                                labelString: 'Date'
-                            }
-                        }],
-                        yAxes: [{
-                            ticks: {
-                                min: 0
-                            },
-                            scaleLabel: {
-                                display: true,
-                                labelString: 'Valeur'
-                            }
-                        }]
+                    scaleLabel: {
+                        display: true,
+                        labelString: 'Valeur'
                     }
-                }
-            });
-
-        var dataDonught = {
-            labels: [
-                "Visites de talents",
-                "Visites d'entreprises",
-                "Visites d'internautes non inscrit"
-            ],
-            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>
+        }
+    });
+
+    var dataDonught = {
+        labels: [
+            "Visites de talents",
+            "Visites d'entreprises",
+            "Visites d'internautes non inscrit"
+        ],
+        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 %}

volume/www/website/www/app/Resources/views/company/menu.html.twig

@@ -41,6 +41,11 @@
                     <a href="{{ path('company_ad') }}">
                         <i class="fa fa-search"></i>
                         {{ 'company.menu.ads.label'|trans }}</a></li>
+                <li>
+                    <a href="{{ path('users') }}">
+                        <i class="fa fa-search"></i>
+                        {{ 'company.menu.users.label'|trans }}</a></li>
+
                 <li>
                     <a href="{{ path('company_media') }}">
                         <i class="fa fa-play"></i>

volume/www/website/www/app/Resources/views/company/my_account.html.twig

@@ -1,27 +1,111 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}
 
 {% block title %} Mon compte{% endblock %}
 
 {% block dashContent %}
-    {% include 'default/flash_message.html.twig' %}
-    <div class="row bg-bordered p-20">
-        <div class="col s6">
-            <h4>{{ 'company.menu.account.label'|trans }}</h4>
-            {{ form_start(form, { 'action': path('company_my_account'), 'attr': { 'class': 'fos_user_profile_edit' } }) }}
-            {{ form_rest(form) }}
-            <br/>
-            <input class="btn btn-default" type="submit" value="{{ 'global.save.label'|trans }}"/>
-            {{ form_end(form) }}
-        </div>
+{% include 'default/flash_message.html.twig' %}
+
+
+
+
+
+
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
+                <li class="breadcrumb-item active">Profil</li>
+            </ol>
+            <!-- END BREADCRUMB -->
 
-        <div class="col s6">
-            <h4>{{ 'company.account.password.modify'|trans }}</h4>
-            {{ form_start(formPw) }}
-            {{ form_rest(formPw) }}
-            <br/>
-            <input class="btn btn-default" type="submit" value="{{ 'company.account.password.modify.label'|trans }}"/>
-            {{ form_end(formPw) }}
         </div>
     </div>
+</div>
+<!-- END JUMBOTRON -->
 
-{% endblock %}
+
+
+<!-- START CONTAINER FLUID -->
+<div class=" container-fluid   container-fixed-lg bg-white">
+    <!-- START card -->
+    <div class="row">
+        <div class="col-lg-6">
+            
+            <div class="card card-transparent">
+                {{ form_start(form, { 'action': path('company_my_account'), 'attr': { 'class': 'fos_user_profile_edit' } }) }}
+
+
+                <div class="card-body">
+                    {% if form_errors(form) %}
+                    <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
+                    {% endif %}
+                    
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="form-group form-group-default required">
+
+                                {{ form_row(form.firstname) }}
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="form-group form-group-default">
+
+                                {{ form_row(form.lastname) }}
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-12">
+                        
+                            <div class="form-group  ">
+
+                                {{ form_row(form.gender) }}
+                            </div>
+                        </div>
+                    </div>
+                    <br />
+                    <div style="text-align: right;">
+                        <button class="btn btn-default" type="submit">Sauvegarde</button>
+
+                    </div>
+                    
+                </div>
+                {{ form_end(form) }}
+            </div>
+            <!-- END card -->
+            
+        </div>
+
+        <div class="col-lg-6">
+            <div class="card card-transparent">
+                {{ form_start(formPw) }}
+                <div class="card-body">
+                    {% if form_errors(formPw) %}
+                    <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
+                    {% endif %}
+                    <div class="row">
+                        <div class="col-md-12">
+                            <div class="form-group form-group-default required">
+
+                                {{ form_rest(formPw) }}
+                                <br />
+                                <input class="btn btn-default" type="submit" value="{{ 'company.account.password.modify.label'|trans }}" />
+                                {{ form_end(formPw) }}
+                            </div>
+                        </div>   
+                    </div>
+                </div>
+                 {{ form_end(formPw) }}
+            </div>
+            <!-- END card -->
+
+
+        </div>
+    </div>
+    <!-- END CONTAINER FLUID -->
+
+    {% endblock %}

volume/www/website/www/app/Resources/views/company/profile.html.twig

@@ -1,15 +1,152 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
-
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}
 {% block title %}{{ 'profile.company.title'|trans }}{% endblock %}
 
 {% block dashContent %}
-    {% include 'default/flash_message.html.twig' %}
-    <div class="row bg-bordered p-20">
-    {#<h1 class="alttitle">{{ 'profile.company.title'|trans }}</h1>#}
-    {{ form_start(form, { 'action': path('company_profile'), 'attr': { 'class': 'fos_user_profile_edit' } }) }}
-    {{ form_widget(form) }}
-    <br/>
-    <input class="btn btn-default" type="submit" value="{{ 'profile.edit.submit'|trans }}"/>
-    {{ form_end(form) }}
+{% include 'default/flash_message.html.twig' %}
+
+
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
+                <li class="breadcrumb-item active">Profil</li>
+            </ol>
+            <!-- END BREADCRUMB -->
+            
+        </div>
     </div>
+</div>
+<!-- END JUMBOTRON -->
+
+
+
+<!-- START CONTAINER FLUID -->
+<div class=" container-fluid   container-fixed-lg bg-white">
+    <!-- START card -->
+    <div class="card card-transparent">
+
+        <div class="card-body">
+            {% if form_errors(form) %}
+            <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
+            {% endif %}
+            {{ form_start(form) }}
+            <div class="row">
+                <div class="col-md-6">
+                    <div class="form-group form-group-default required">
+
+                        {{ form_row(form.brandName) }}
+                    </div>
+                </div>
+                <div class="col-md-6">
+                    <div class="form-group form-group-default">
+
+                        {{ form_row(form.businessName) }}
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-md-12">
+                    <div class="form-group form-group-default required">
+
+                        {{ form_row(form.description) }}
+                    </div>
+                </div>
+
+            </div>
+            <div class="row">
+
+                <div class="col-md-12">
+                    <div class="form-group ">
+
+                        {{ form_row(form.website) }}
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+
+                <div class="col-md-12">
+                    <div class="form-group ">
+
+                        {{ form_row(form.siren) }}
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+
+                <div class="col-md-12">
+                    <div class="form-group ">
+
+                        {{ form_row(form.size) }}
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+
+                <div class="col-md-12">
+                    <div class="form-group ">
+
+                        {{ form_row(form.address) }}
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+
+                <div class="col-md-12">
+                    <div class="form-group ">
+
+                        {{ form_row(form.addressComp) }}
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+
+                <div class="col-md-12">
+                    <div class="form-group ">
+
+                        {{ form_row(form.zipcode) }}
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+
+                <div class="col-md-12">
+                    <div class="form-group ">
+
+                        {{ form_row(form.city) }}
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+
+                <div class="col-md-12">
+                    <div class="form-group ">
+
+                        {{ form_row(form.country) }}
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+
+                <div class="col-md-12">
+                    <div class="form-group ">
+
+                        {{ form_row(form.tagsComma) }}
+                    </div>
+                </div>
+            </div>
+            <br />
+            <div style="text-align: right;">
+                <button class="btn btn-default" type="submit">Sauvegarde</button>
+
+            </div>
+            {{ form_end(form) }}
+        </div>
+    </div>
+    <!-- END card -->
+</div>
+<!-- END CONTAINER FLUID -->
 {% endblock %}

volume/www/website/www/app/Resources/views/company/user_breadcrumb.html.twig

@@ -0,0 +1,10 @@
+<div class="col s12" id="breadcrumb">
+    <a href="{{ path('company_ad') }}">
+        <span>{% trans %}label.users{% endtrans %}</span>
+    </a>
+    
+    <div class="border-breadcrumb"></div>
+</div>
+
+
+

volume/www/website/www/app/Resources/views/company/user_create.html.twig

@@ -0,0 +1,108 @@
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}
+{% block dashContent %}
+
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
+                <li class="breadcrumb-item active">Utilisateurss</li>
+            </ol>
+            <!-- END BREADCRUMB -->
+            <div class="row">
+                <div class="col-xl-12 col-lg-12 ">
+                    <!-- START card -->
+                    <div class="card card-transparent">
+                        <div class="card-header ">
+                        </div>
+                        <div class="card-body">
+
+                            <a class="btn-square" target="_self" href="{{ path('user_create') }}">
+                                <button aria-label=""
+                                    class="btn btn-primary btn-cons">{{ 'user.add.label'|trans }}</button>
+                            </a>
+                        </div>
+                    </div>
+                    <!-- END card -->
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- END JUMBOTRON -->
+
+
+
+<!-- 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">Créer un Utilisateur
+            </div>
+        </div>
+        <div class="card-body">
+            {% if form_errors(form) %}
+                <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
+            {% endif %}
+            {{ form_start(form) }}
+            <div class="row">
+                <div class="col-md-6">
+                    <div class="form-group form-group-default required">
+                    
+                     {{ form_row(form.firstname) }}
+                    </div>
+                </div>
+                <div class="col-md-6">
+                    <div class="form-group form-group-default">
+                    
+                     {{ form_row(form.lastname) }}
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-md-12">
+                    <div class="form-group form-group-default required">
+                    
+                     {{ form_row(form.email) }}
+                    </div>
+                </div>
+                
+            </div>
+            <div class="row">
+                
+                <div class="col-md-12">
+                    <div class="form-group ">
+                    
+                     {{ form_row(form.gender) }}
+                    </div>
+                </div>
+            </div>
+            {% if form.password is defined%}
+            <div class="row">
+                <div class="col-md-12">
+                    <div class="form-group form-group-default required">
+                    
+                     {{ form_row(form.password) }}
+                    </div>
+                </div>
+                
+            </div>
+            {% endif %}
+            <br/>
+            <div style="text-align: right;">
+                <button class="btn btn-default" type="submit">Je crée/modifie un utilisateur</button>
+
+            </div>
+            {{ form_end(form) }}
+        </div>
+    </div>
+    <!-- END card -->
+</div>
+<!-- END CONTAINER FLUID -->
+
+{% endblock %}
+

volume/www/website/www/app/Resources/views/company/user_table_listing.html.twig

@@ -0,0 +1,92 @@
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="#">Accueil</a></li>
+                <li class="breadcrumb-item active">Utilisateurs</li>
+            </ol>
+            <!-- END BREADCRUMB -->
+            <div class="row">
+                <div class="col-xl-12 col-lg-12 ">
+                    <!-- START card -->
+                    <div class="card card-transparent">
+                        <div class="card-header ">
+                        </div>
+                        <div class="card-body">
+
+                            <a class="btn-square" target="_self" href="{{ path('user_create') }}">
+                                <button aria-label=""
+                                    class="btn btn-primary btn-cons">{{ 'user.add.label'|trans }}</button>
+                            </a>
+                        </div>
+                    </div>
+                    <!-- END card -->
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- END JUMBOTRON -->
+
+
+
+<!-- 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">Utilisateurs
+            </div>
+        </div>
+        <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%">{{ 'user.list.nom'|trans }}</th>
+                            <th style="width:20%">{{ 'user.list.prenom'|trans }}</th>
+                            <th style="width:29%">{{ 'user.list.email'|trans }}</th>
+                            <th style="width:15%">{{ 'user.list.actions'|trans }}</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+
+                        {% for user in users %}
+                        <tr>
+                            
+                            <td class="v-align-middle ">
+                                <p>{{ user.lastname }}</p>
+                            </td>
+                            <td class="v-align-middle">
+                                <p>{{ user.firstname }}</p>
+                            </td>
+                            <td class="v-align-middle">
+                                <p>{{ user.email }}</p>
+                            </td>
+                            <td class="v-align-middle">
+                                <p><a class="tooltipped td-none" data-position="top" data-delay="0"
+                                    data-tooltip="{{ 'user.edit.label'|trans }}" href="{{ path('user_edit', { 'id': user.id }) }}"
+                                    style="margin-right: 10px">
+                                    <i class="pg-icon">pen</i>
+                                </a>
+                                </p>
+                            </td>
+                            
+                        </tr>
+                        {% endfor %}
+                        
+                       
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+    <!-- END card -->
+</div>
+<!-- END CONTAINER FLUID -->

volume/www/website/www/app/Resources/views/company/users_list.html.twig

@@ -0,0 +1,14 @@
+{# {% extends 'company/base_dashboard_company.html.twig' %} #}
+{% extends 'admin/base_dashboard.html.twig' %}
+
+{% block title %}
+    Mes utilisateurs
+{% endblock %}
+
+{% block dashContent %}
+    {# {% include 'default/flash_message.html.twig' %} #}
+        {% include 'company/user_table_listing.html.twig' with {
+            'ads' : ads
+        } %}
+    
+{% endblock %}

volume/www/website/www/app/Resources/views/default/footertemporaire.html.twig

@@ -0,0 +1,65 @@
+<footer class="page-footer">
+    <div class="container">
+        <div class="row footer-info">
+            <div class="col xl2 l2 m6 s12 col-footer-logo">
+                <img src="{{ asset('/img/logo-mini-white.svg') }}" alt="Talents Tube 1er job board 100% vidéo">
+            </div>
+            <div class="col xl3 l3 m6 s6">
+                <h5 class="white-text">Talents Tube</h5>
+                <ul>
+                    <li>
+                        <a class="white-text" href="{{ path('homepage') }}">Accueil</a>
+                    </li>
+                    
+                </ul>
+            </div>
+            <div class="col xl4 l4 m6 s6">
+                <h5 class="white-text">Informations</h5>
+               
+            </div>
+            <div class="col xl3 l3 m6 s12 left-align">
+                <h5 class="white-text">Suivez-nous !</h5>
+                <p class="footer-socials">
+                    <a class="white-text td-none" href="https://www.facebook.com/TalentsTuber/" title="Facebook" target="_blank">
+                        <i class="fa fa-facebook" aria-hidden="true"></i>
+                    </a>
+                    <a class="white-text td-none" href="https://twitter.com/TalentsTuber" title="Twitter" target="_blank">
+                        <i class="fa fa-twitter" aria-hidden="true"></i>
+                    </a>
+                    <a class="white-text td-none" href="https://www.youtube.com/channel/UCRNqiJCLAorO0aCzNQu-8ww" title="Youtube" target="_blank">
+                        <i class="fa fa-youtube" aria-hidden="true"></i>
+                    </a>
+                    <a class="white-text td-none" href="https://www.linkedin.com/company/talentstube" title="Linkedin" target="_blank">
+                        <i class="fa fa-linkedin-square" aria-hidden="true"></i>
+                    </a>
+                </p>
+                <h5 class="white-text">Contactez-nous !</h5>
+                <a class="white-text" href="mailto:&#098;&#111;&#110;&#106;&#111;&#117;&#114;&#064;&#116;&#097;&#108;&#101;&#110;&#116;&#115;&#116;&#117;&#098;&#101;&#046;&#099;&#111;&#109;">Par mail</a>
+                <p class="white-text">02 30 05 06 31</p>
+                <p class="footer-newsletter">
+                    <a class="btn-large btn-round" href="#" title="Newsletter" data-token="ecea5416671e97e3abfa8195848a9140" onclick="mjOpenPopin(event, this)">
+                        <i class="fa fa-envelope-open-o left" aria-hidden="true"></i>
+                        Newsletter</a>
+                    <data data-token="ecea5416671e97e3abfa8195848a9140" class="mj-w-data" data-apikey="2jWA" data-w-id="31E" data-lang="fr_FR" data-base="https://app.mailjet.com" data-width="640" data-height="420" data-statics="statics"></data>
+                </p>
+            </div>
+        </div>
+        <div class="row footer-more-links">
+            <div class="col s12 center-align">
+                <p class="text-center white-text">Entreprise soutenue par</p>
+                <a href="https://www.bretagne.bzh/"><img src="{{ asset('img/RB_monochrome_blanc.svg')}}" alt="Region Bretagne"></a><br>
+            </div>
+            <div class="col s12 center-align m-t-30">
+                <a class="text-center white-text" href="https://www.e-declic.com" target="_blank" title="Agence Web">&copy;&nbsp;2018 Talents Tube</a>
+            </div>
+        </div>
+    </div>
+</footer>
+{# Modal Login#}
+{% if app.request.get('_route') != "fos_user_security_login" %}
+    <div id="modal_login" class="modal ">
+        <div class="modal-content">
+            {{ render(controller('AppBundle:SecurityModal:loginModal')) }}
+        </div>
+    </div>
+{% endif %}

volume/www/website/www/app/Resources/views/default/header.html.twig

@@ -85,9 +85,7 @@
     </div>
     <div id="newApp" class="container-fluid">
         <div class="row">
-            <div class="col s12 m12">
-                <p>"Nouveau ! Trouvez un job plus facilement avec notre <a href="http://app.talentstube.com">web application</a>.📲"</p>
-            </div>
+            
         </div>
     </div>
 </div>

volume/www/website/www/app/Resources/views/default/headertemporaire.html.twig

@@ -0,0 +1,80 @@
+<div class="fluid-container header-fixed-top" id="header-wrapper">
+    <div id="header" class="container">
+        <div class="row">
+            <div class="col s12 m12 l10">
+                
+                <nav>
+                    <div class="nav-wrapper">
+                        <div class="logo-wrapper">
+                            <a href="{{ path('homepage') }}" class="brand-logo">
+                                <img src="{{ asset('img/Logo-header.png') }}" alt="Talents Tube"/>
+                            </a>
+                        </div>
+                        <a href="#" data-activates="mobile-demo" class="button-collapse">
+                            <i class="material-icons">menu</i>
+                        </a>
+                        <ul class="right hide-on-med-and-down">
+
+                            <li>
+                                <a href="https://blog.talentstube.com" title="Blog Talents Tube">Blog</a>
+                            </li>
+                        </ul>
+
+                    </div>
+                </nav>
+            </div>
+            
+        </div>
+    </div>
+    <div id="newApp" class="container-fluid">
+        <div class="row">
+           
+        </div>
+    </div>
+</div>
+<div class="nav-wrapper">
+    <ul class="side-nav collapsible" data-collapsible="accordion" id="mobile-demo">
+        <li class="header-links">
+            {% include 'default/button_login.html.twig' with {'app': app } %}
+        </li>
+        <li>
+            <a class="collapsible-header" title="Talents">Talents</a>
+            <div class="collapsible-body">
+                <ul>
+                    <li><a href="{{ path('ad_search_result') }}" title="Offres d'emploi vidéos">Offres d'emploi</a></li>
+                    <li><a href="{{ path('page_cvVideo') }}" title="Le Cv vidéo">Le CV vidéo</a></li>
+                    <li><a href="{{ path('page_reussirCVvideo') }}" title="Comment faire son CV Vidéo ?">Comment faire son CV Vidéo ?</a></li>
+                    <li><a href="{{ path('page_accompagnementTalent') }}" title="Accompagnement talent">Accompagnement</a></li>
+                </ul>
+            </div>
+        </li>
+        <li>
+            <a class="collapsible-header" href="{{ path('ad_search_result') }}" title="Offres d'emploi vidéos">Offres d'emploi</a>
+        </li>
+        <li>
+            <a class="collapsible-header" title="Les entreprises de talents">Entreprises</a>
+            <div class="collapsible-body">
+                <ul>
+                    <li><a href="{{ path('company_list') }}" title="Listes entreprises">Listes entreprises</a></li>
+                    <li><a href="{{ path('page_OffreEmploi') }}" title="L'offre d'emploi en vidéo">L'offre d'emploi en vidéo</a></li>
+                    <li><a href="{{ path('page_reussirOffrevideo') }}" title="Comment faire une offre en vidéo">Comment faire une offre en vidéo</a></li>
+                    <li><a href="{{ path('page_MarqueEmployeur') }}" title="Vidéo Marque Employeur">Vidéo Marque Employeur</a></li>
+                    <li><a href="{{ path('page_accompagnementEntreprise') }}" title="Conseils & accompagnement">Conseils & accompagnement</a></li>
+                </ul>
+            </div>
+        </li>
+        <li>
+            <a class="collapsible-header" title="Les territoires">Territoires</a>
+            <div class="collapsible-body">
+                <ul>
+                    <li><a href="{{ path('territory_list') }}">Liste des territoires</a></li>
+                    <li><a href="{{ path('page_VideoTerritory') }}">La vidéo territoire</a></li>
+                    <li><a href="{{ path('page_AccompagnementTerritory') }}">Conseils et accompagnement</a></li>
+                </ul>
+            </div>
+        </li>
+        <li>
+            <a class="collapsible-header" href="https://blog.talentstube.com" title="Blog Talents Tube">Blog</a>
+        </li>
+    </ul>
+</div>

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocCandidat.html.twig

@@ -6,7 +6,7 @@
           <!-- Title -->
           <div class="mb-4">
             <h2 class="h3"> Recevez les candidatures en vidéo</h2>
-            <p> Depuis leur webcam, smartphone ou tablette, les candidats postulent aux vidéos de votre entreprise, en
+            <p class="accueilFondNoir"> Depuis leur webcam, smartphone ou tablette, les candidats postulent aux vidéos de votre entreprise, en
               toute confidentialité, grâce à notre outil d’enregistrement vidéo simple, rapide et gratuit.
 
               Vous recevez des vidéos de motivation, c’est-à-dire des candidatures qui répondent à votre vidéo de
@@ -15,14 +15,14 @@
 
               <strong>Découvrez la personnalité du candidat et son projet professionnel en quelques instants.</strong>
             </p>
-            <a class="btn btn-sm btn-primary btn-wide" href="candidatures-cv-video">En savoir plus</a>
+            <a class="btn btn-sm btn-primary btn-wide" href="candidatures-video">En savoir plus</a>
 
           </div>
         </div>
 
         <div class="col-md-6 order-md-1">
           <div class="pr-lg-4">
-            <a href="candidatures-cv-video"><img class="img-fluid" src="{{ asset('v2/png/candidature-en-video.png') }}" alt="Candidature en vidéo"></a>
+            <a href="candidatures-video"><img class="img-fluid" src="{{ asset('v2/png/candidature-en-video.png') }}" alt="Candidature en vidéo"></a>
           </div>
         </div>
       </div>

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocDegrade.html.twig

@@ -1,6 +1,6 @@
 <!-- Degradé avec Stats Section -->
   <div class="gradient-overlay-half-primary-v1">
-    <div class="bg-img-hero" style="background-image: url({{ asset('v2/img/bg/bg2.png')}} ">
+    <div class="bg-img-hero" style=>
       <div class="container space-2  ">
         <div class="container z-index-2 containerStat">
           <div class=" shadow-lg rounded mt-n9">
@@ -57,7 +57,7 @@
             <!-- Icon Blocks -->
             <div class="text-center px-lg-3">
               <img src="{{ asset('v2/svg/components/Diffusion-offres-emploi-video-marque-employeur.svg') }}" alt="Logo">
-              <h3 class="h4 text-white">Diffusez vos offres d'emploi et marque employeur en <a href="#">vidéo</a></h3>
+              <h3 class="h4 text-white text300">Diffusez vos offres d'emploi et marque employeur en <a href="#">vidéo</a></h3>
             </div>
             <!-- End Icon Blocks -->
           </div>
@@ -66,7 +66,7 @@
             <!-- Icon Blocks -->
             <div class="text-center px-lg-3">
               <img src="{{ asset('v2/svg/components/candidature-en-video.svg') }}" alt="Logo">
-              <h3 class="h4 text-white">Recevez les candidatures en <a href="#">vidéo</a></h3>
+              <h3 class="h4 text-white text300">Recevez les candidatures en <a href="#">vidéo</a></h3>
             </div>
             <!-- End Icon Blocks -->
           </div>
@@ -75,7 +75,7 @@
             <!-- Icon Blocks -->
             <div class="text-center px-lg-3">
               <img src="{{ asset('v2/svg/components/Gestion-des-candidatures-video.svg') }}" alt="Logo">
-              <h3 class="h4 text-white">Gérez vos candidatures en <a href="#">vidéo</a></h3>
+              <h3 class="h4 text-white text300">Gérez vos candidatures en <a href="#">vidéo</a></h3>
             </div>
             <!-- End Icon Blocks -->
           </div>

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocEmployeur.html.twig

@@ -1,32 +1,31 @@
 <!-- Marque employeur DEBUT -->
-  <div class="space-1-bottom accueilFondBlanc">
-    <div class="container space-2 ">
-      <div class="row align-items-lg-center">
-        <div class="col-md-6 order-md-2 mb-5 mb-md-0">
-          <!-- Title -->
-          <div class="mb-4">
-            <h2 class="h3"> Révélez votre Marque Employeur en vidéo</h2>
-            <p> Talents Tube offre une visibilité essentielle à votre marque employeur.
+<div class="space-1-bottom accueilFondBlanc">
+  <div class="container space-2 ">
+    <div class="row align-items-lg-center">
+      <div class="col-md-6 order-md-2 mb-5 mb-md-0">
+        <!-- Title -->
+        <div class="mb-4">
+          <h2 class="h3"> Révélez votre Marque Employeur en vidéo</h2>
+          <p> Talents Tube offre une visibilité essentielle à votre marque employeur. Grâce à la vidéo, votre
+            entreprise replace l’humain au cœur du recrutement. Vous disposez d’un levier concret et efficace pour
+            parfaire votre réputation. Développez l’attractivité de votre entreprise pour séduire de nouveaux talents.
 
-              Grâce à la vidéo, votre entreprise replace l’humain au cœur du recrutement. Vous disposez d’un levier
-              concret et efficace pour parfaire votre réputation. Développez l’attractivité de votre entreprise pour
-              séduire de nouveaux talents.
+            <strong>Donnez vie à votre marque employeur en plaçant la vidéo au centre de votre stratégie de
+              communication et de votre gestion des ressources humaines.
+            </strong>
+          </p>
+          <a class="btn btn-sm btn-primary btn-wide" href="marque-employeur-video">En savoir plus</a>
 
-              <strong>Donnez vie à votre marque employeur en plaçant la vidéo au coeur de votre stratégie de
-                communication
-                et de votre gestion des ressources humaines.</strong>
-            </p>
-            <a class="btn btn-sm btn-primary btn-wide" href="marque-employeur-en-video">En savoir plus</a>
-
-          </div>
         </div>
+      </div>
 
-        <div class="col-md-6 order-md-1">
-          <div class="pr-lg-4">
-            <a href="marque-employeur-en-video"><img class="img-fluid" src="{{ asset('v2/png/marque-employeur-en-video.png') }}" alt="Marque employeur vidéo"></a>
-          </div>
+      <div class="col-md-6 order-md-1">
+        <div class="pr-lg-4">
+          <a href="marque-employeur-video"><img class="img-fluid"
+              src="{{ asset('v2/png/marque-employeur-en-video.png') }}" alt="Marque employeur vidéo"></a>
         </div>
       </div>
     </div>
   </div>
-  <!-- Marque employeur FIN -->
+</div>
+<!-- Marque employeur FIN -->

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocLogin.html.twig

@@ -35,7 +35,7 @@
                 aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
                 data-success-class="u-has-success"> #}
               
-                  <input type="text" id="username" name="_username" value="{{ last_username }}" required="required" />
+                  <input type="text" id="username" name="_username" value="{{ last_username }}" required="required" class="form-control"/>
             </div>
           </div>
           <!-- End Input -->
@@ -51,7 +51,7 @@
               {# <input type="password" class="form-control form__input" name="password" required placeholder="Password"
                 aria-label="Password" data-msg="Your password is invalid. Please try again."
                 data-error-class="u-has-error" data-success-class="u-has-success"> #}
-                <input type="password" id="password" name="_password" required="required" />
+                <input type="password" id="password" name="_password" required="required" class="form-control" />
             </div>
           </div>
           <!-- End Input -->
@@ -59,9 +59,9 @@
           <div class="row mb-3">
             <div class="col-6">
               <!-- Checkbox -->
-              <div class="custom-control custom-checkbox d-flex align-items-center text-muted">
+              <div class="  d-flex align-items-center text-muted">
                 <input type="checkbox" id="remember_me" name="_remember_me" value="on" />
-                <label class="custom-control-label" for="rememberMeCheckbox">
+                <label class="" for="">
                   Se souvenir de moi
                 </label>
               </div>
@@ -69,7 +69,7 @@
             </div>
 
             <div class="col-6 text-right">
-              <a class="js-animation-link float-right" href="javascript:;" data-target="#forgotPassword"
+              <a class="js-animation-link float-right" href="resetting/request" data-target="#forgotPassword"
                 data-link-group="idForm" data-animation-in="fadeIn">Mot de passe oublié?</a>
             </div>
           </div>
@@ -83,20 +83,20 @@
 
           <div class="text-center mb-3">
             <p class="text-muted">
-              Do not have an account?
-              <a class="js-animation-link" href="javascript:;" data-target="#signup" data-link-group="idForm"
-                data-animation-in="fadeIn">S'inscrire
+              Vous n'avez pas encore de compte?
+              <a class="" href="register"   target="_blank"
+                >S'inscrire
               </a>
             </p>
           </div>
         </div>
         
     </form>
-    {% if app.request.get('_route') != "fos_user_security_login" %}
+    {# {% if app.request.get('_route') != "fos_user_security_login" %}
      {{ render(controller('AppBundle:SecurityModal:loginModalV2')) }}
-    {% endif %}
+    {% endif %} #}
       <!-- Forgot Password -->
-      <div id="forgotPassword" style="display: none; opacity: 0;" data-target-group="idForm">
+      {# <div id="forgotPassword" style="display: none; opacity: 0;" data-target-group="idForm">
         <!-- Title -->
         <header class="text-center mb-5">
           <h2 class="h4 mb-0">Recover account</h2>
@@ -138,7 +138,7 @@
             </a>
           </p>
         </div>
-      </div>
+      </div> #}
       <!-- End Forgot Password -->
   </div>
   <!-- End Content -->

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocPhoto.html.twig

@@ -4,7 +4,7 @@
       <div class="w-md-75">
         <!-- Title -->
         <div class="mb-7">
-          <span class="d-block text-white text-uppercase mb-2">Talents tube</span>
+          {# <span class="d-block text-white text-uppercase mb-2">Talents tube</span> #}
           <h1 class="display-4 font-size-48--md-down text-white mb-4">
             <strong class="u-text-animation u-text-animation--typing">{{textParDefaut}}</strong>
             <br>{{textVideo}}

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocTemoignages.html.twig

@@ -4,9 +4,10 @@
   <div class="container">
     <!-- Title -->
     <div class="w-md-80 w-lg-60 mx-md-auto text-md-center mb-8">
-      <h6 class="text-uppercase text-gray-700 font-weight-medium letter-spacing-0_06 mb-3"> Ils ont choisi Talents Tube
-        pour recruter différemment.</h6>
       <h2 class="text-lh-xs mb-0">Témoignages de nos clients</h2>
+      <h6 class="text-uppercase  font-weight-medium letter-spacing-0_06 mb-3"> Ils ont choisi Talents Tube
+        pour recruter différemment.</h6>
+      
     </div>
     <!-- End Title -->
 
@@ -19,7 +20,7 @@
       <div class="js-slide bg-img-hero bg-img-hero-center gradient-overlay-half-black-v1"
         style="background-image: url({{ asset('v2/temoignages/mgdis-temoignage-image.jpg') }});">
         <div class="w-md-80 w-lg-50 text-white space-2 px-9">
-          <h3 class="h2 text-lh-SMGDIS</h3>
+          <h3 class="h2 text-lh-xs mb-4">MGDIS</h3>
           <p class="text-white-70 mb-4">Simona Vasile-Martin, Responsable Marketing</p>
 
           <a class="js-fancybox text-white" href="javascript:;"

volume/www/website/www/app/Resources/views/defaultv2/accueil/footer.html.twig

@@ -9,9 +9,9 @@
         <div class="list-group list-group-flush list-group-transparent">
            <!-- Links -->
             <ul class="list-unstyled">
-                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="/">Espace recruteurs</a></li>
-                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="https://app.talentstube.com" target="_blank">Jobs</a></li>
-                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="#"  target="_blank">CV Vidéothèque (En cours)</a></li>
+                <li><a class="list-group-item list-group-item-action" href="/">Espace recruteurs</a></li>
+                <li><a class="list-group-item list-group-item-action"href="https://www.talentstube.com/" target="_blank">Jobs</a></li>
+                {# <li><a class="list-group-item list-group-item-action" href="#"  target="_blank">CV Vidéothèque (En cours)</a></li> #}
             </ul>
             <!-- End Links -->
         </div>
@@ -25,10 +25,11 @@
         <div class="list-group list-group-flush list-group-transparent">
              <!-- Links -->
             <ul class="list-unstyled">
-                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="mentions">Mentions légales</a></li>
-                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="cgu">CGU</a></li>
-                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="confidentialite">Politique de confidentialité</a></li>
-                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="contact">Contact</a></li>
+                <li><a class="list-group-item list-group-item-action" href="mentions-legales">Mentions légales</a></li>
+                <li><a class="list-group-item list-group-item-action" href="cgu">CGU</a></li>
+                <li><a class="list-group-item list-group-item-action" href="politique-confidentialite">Politique de confidentialité</a></li>
+                <li><a class="list-group-item list-group-item-action" href="https://blog.talentstube.com/contact.html
+">Contact</a></li>
             </ul>
             <!-- End Links -->
         </div>

volume/www/website/www/app/Resources/views/defaultv2/accueil/index.html.twig

@@ -1,7 +1,24 @@
 {% extends 'basev2.html.twig' %}
 
-{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
+{% block title %}Talents Tube - Solution de recrutement en vidéo{% endblock %}
+{% block meta %}
+  <meta name="description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo.">
+  
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@TalentsTube">
+  <meta name="twitter:title" content="Talents Tube - Solution de recrutement en vidéo">
+  <meta name="twitter:description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo.">
+  <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
 
+  {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
+  <meta property="og:title" content="Talents Tube - Solution de recrutement en vidéo" />
+  <meta property="og:type" content="article" />
+  <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
+  <meta property="og:description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo." />
+  <meta property="og:site_name" content="Talents Tube" />
+  <meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
+  
+{% endblock %}
 {% block content %}
 <main id="content">
   {% include 'defaultv2/accueil/blocPhoto.html.twig' 
@@ -30,150 +47,7 @@
 
 {% include 'defaultv2/accueil/footer.html.twig' %}
 
-<!-- ========== SECONDARY CONTENTS ========== -->
-<!-- Panel Sidebar Navigation -->
-<aside id="sidebarContent" class="u-sidebar u-unfold--css-animation u-unfold--hidden"
-  aria-labelledby="sidebarNavToggler">
-  <div class="u-sidebar__scroller">
-    <div class="u-sidebar__container">
-      <div class="u-sidebar--panel__footer-offset">
-        <!-- Toggle Button -->
-        <div class="d-flex align-items-center border-bottom py-4 px-5">
-          <h4 class="h5 mb-0">Mon compte</h4>
 
-          <button type="button" class="close u-sidebar__close ml-auto" aria-controls="sidebarContent"
-            aria-haspopup="true" aria-expanded="false" data-unfold-event="click" data-unfold-hide-on-scroll="false"
-            data-unfold-target="#sidebarContent" data-unfold-type="css-animation" data-unfold-animation-in="fadeInRight"
-            data-unfold-animation-out="fadeOutRight" data-unfold-duration="500">
-            <span aria-hidden="true">&times;</span>
-          </button>
-        </div>
-        <!-- End Toggle Button -->
-
-        <!-- Content -->
-        <div class="js-scrollbar u-sidebar__body">
-          <div class="u-sidebar__content py-5">
-            <!-- Title -->
-            <div class="py-2 px-5">
-              <h4 class="text-uppercase text-muted font-size-13 mb-0">Mon menu</h4>
-            </div>
-            <!-- End Title -->
-
-            <!-- List -->
-            <ul class="list-unstyled font-size-14 mb-5">
-              <li>
-                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
-                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/finance-dark-icon.svg') }}"
-                    alt="Image Description">
-                  <div class="media-body">
-                    <span>Dashboard</span>
-                  </div>
-                </a>
-              </li>
-              <li>
-                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
-                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/touch-dark-icon.svg') }}"
-                    alt="Image Description">
-                  <div class="media-body">
-                    <span>Activity</span>
-                  </div>
-                </a>
-              </li>
-              <li>
-                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
-                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/team-dark-icon.svg') }}"
-                    alt="Image Description">
-                  <div class="media-body">
-                    <span>Team</span>
-                  </div>
-                </a>
-              </li>
-              <li>
-                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
-                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/email-dark-icon.svg') }}"
-                    alt="Image Description">
-                  <div class="media-body">
-                    <span>Mailbox</span>
-                  </div>
-                </a>
-              </li>
-              <li>
-                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
-                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/projects-dark-icon.svg') }}"
-                    alt="Image Description">
-                  <div class="media-body">
-                    <span>Projects</span>
-                  </div>
-                </a>
-              </li>
-            </ul>
-            <!-- End List -->
-
-            <!-- Title -->
-            <div class="py-2 px-5">
-              <h4 class="text-uppercase text-muted font-size-13 mb-0">Sub level</h4>
-            </div>
-            <!-- End Title -->
-
-            <!-- List -->
-            <ul class="list-unstyled font-size-14 mb-0">
-              <li>
-                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
-                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/calendar-dark-icon.svg') }}"
-                    alt="Image Description">
-                  <div class="media-body">
-                    <span>Calendar</span>
-                  </div>
-                </a>
-              </li>
-              <li>
-                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
-                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/cog-dark-icon.svg') }}"
-                    alt="Image Description">
-                  <div class="media-body">
-                    <span>Tools</span>
-                  </div>
-                </a>
-              </li>
-              <li>
-                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
-                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/archive-dark-icon.svg') }}"
-                    alt="Image Description">
-                  <div class="media-body">
-                    <span>Archive</span>
-                  </div>
-                </a>
-              </li>
-            </ul>
-            <!-- End List -->
-          </div>
-        </div>
-        <!-- End Content -->
-      </div>
-
-      <!-- Footer -->
-      <footer class="u-sidebar__footer u-sidebar__footer--panel py-4 px-5">
-        <!-- List -->
-        <ul class="list-inline font-size-14 mb-0">
-          <li class="list-inline-item">
-            <a class="u-sidebar--panel__link pr-2" href="../pages/privacy.html">Privacy</a>
-          </li>
-          <li class="list-inline-item">
-            <a class="u-sidebar--panel__link px-2" href="../pages/terms.html">Terms</a>
-          </li>
-          <li class="list-inline-item">
-            <a class="u-sidebar--panel__link pl-2" href="../pages/help.html">
-              <i class="fa fa-info-circle"></i>
-            </a>
-          </li>
-        </ul>
-        <!-- End List -->
-      </footer>
-      <!-- End Footer -->
-    </div>
-  </div>
-</aside>
-<!-- End Panel Sidebar Navigation -->
 
 <!-- Begin Panel Login -->
 {% include 'defaultv2/accueil/blocLogin.html.twig'

volume/www/website/www/app/Resources/views/defaultv2/candidatures/blocAccompagnement.html.twig

@@ -1,43 +1,44 @@
 <!-- Plateforme DEBUT -->
-  <div class=" accueilFondBlanc">
-    <div class="container space-2  ">
-       <!-- Video Section -->
+<div class=" accueilFondBlanc">
+  <div class="  ">
+    <!-- Video Section -->
     <div class="">
-      <div class="container space-2-bottom space-3-bottom--lg">
-        <div class=" text-center mx-auto">
-          <!-- Video Block -->
-          <div id="youTubeVideoPlayer" class="u-video-player mb-7">
-            <!-- Cover Image -->
-            <img class="img-fluid u-video-player__preview" src="{{ asset('v2/img/1920x800/tutoriel-video-de-motivation-cv-video.jpg')}} " alt="Image">
-            <!-- End Cover Image -->
 
-            <!-- Play Button -->
-            <a class="js-fancybox text-white u-video-player__btn u-video-player__centered" href="javascript:;" data-src="https://www.youtube.com/watch?v=CZDfD2ugXtg&t"
-            data-speed="700" data-animate-in="zoomIn" data-animate-out="zoomOut"
-            data-caption="Témoignage">
-              <span class="u-video-player__icon">
-                <i class="fa fa-play u-video-player__icon-inner"></i>
+
+      <div class="gradient-overlay-half-dark-v1 bg-img-hero"
+        style="background-image: url({{ asset('v2/img/1920x800/tutoriel-video-de-motivation-cv-video.jpg')}});">
+        <div class="d-lg-flex align-items-lg-center flex-lg-column">
+          <div class="container space-3 space-4-top--lg">
+            <!-- Title -->
+            <div class="w-md-50">
+              <h1 class="display-4 font-size-48--md-down text-white">Accompagnement candidats</h1>
+              <p class="lead text-white">Suivez nos conseils pour postuler simplement aux offres d’emploi.</p>
+            </div>
+            <!-- End Title -->
+          </div>
+        </div>
+
+        <div class="container space-1-bottom">
+          <!-- Fancybox -->
+          <div class="d-inline-block">
+            <a class="js-fancybox u-media-player media align-items-center text-white" href="javascript:;"
+              data-src="https://www.youtube.com/watch?v=CZDfD2ugXtg&t" data-speed="700" data-animate-in="zoomIn"
+              data-animate-out="zoomOut" data-caption="Space - Responsive Website Template">
+              <span class="u-media-player__icon mr-3">
+                <i class="fa fa-play u-media-player__icon-inner"></i>
+              </span>
+              <span class="media-body">
+                <small class="d-block text-uppercase">Regarder</small>
+                la vidéo
               </span>
             </a>
-            <!-- End Play Button -->
-
-            <!-- Video Iframe -->
-            <div class="embed-responsive embed-responsive-16by9">
-             
-            </div>
-            <!-- End Video Iframe -->
           </div>
-          <!-- End Video Block -->
-
-          <!-- Title -->
-          <h2 class="h3">Accompagnement candidats</h2>
-          <p>Suivez nos conseils pour postuler simplement aux offres d’emploi.</p>
-          <!-- End Title -->
+          <!-- End Fancybox -->
         </div>
       </div>
     </div>
     <!-- End Video Section -->
-    </div>
   </div>
+</div>
 
-  <!-- Plateforme FIN -->
+<!-- Plateforme FIN -->

volume/www/website/www/app/Resources/views/defaultv2/candidatures/blocCvClassique.html.twig

@@ -1,29 +1,32 @@
 <!-- Plateforme DEBUT -->
-  <div class=" accueilFondBleute">
-    <div class="container space-2  ">
-      <div class="row row justify-content-lg-end ">
-        <div class="col-md-6 ">
-          <!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
-          <div class="mb-6">
-            <h2 class="h3"> Le CV classique : la fin d’un modèle</h2>
-            <p> Dans un monde où les technologies, les compétences techniques ou hard skills évoluent très rapidement, le savoir-faire n’est plus le principal critère de sélection des candidats.
+<div class=" accueilFondBleute">
+  <div class="container space-2  ">
+    <div class="row row justify-content-lg-end ">
+      <div class="col-md-6 ">
+        <!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
+        <div class="mb-6">
+          <h2 class="h3"> Le CV classique : la fin d’un modèle</h2>
+          <p> Dans un monde où les technologies, les compétences techniques ou hard skills évoluent très rapidement, le
+            savoir-faire n’est plus le principal critère de sélection des candidats. Aujourd’hui, votre entreprise
+            recherche de plus en plus des compétences comportementales, communément appelées “soft skills”. Il est
+            difficile, voire impossible pour le candidat de communiquer ses qualités humaines à travers son CV.
+            Vous éprouvez des difficultés à détecter le talent qu’il vous faut ? Le CV papier ne vous suffit plus ? Vous
+            souhaitez en savoir plus sur le candidat avant de faire votre choix ? Nous réinventons pour vous, la mise en
+            relation pour l’emploi.
 
-Aujourd’hui, votre entreprise recherche de plus en plus des compétences comportementales ou communément appelées “soft skills”. Il est difficile, voire impossible pour le candidat de communiquer ses qualités humaines à travers son CV.
+          </p>
+          <a class="btn btn-sm btn-primary btn-wide" href="https://www.talentstube.com/">Voir la plateforme</a>
 
-Vous éprouvez des difficultés à détecter le talent qu’il vous faut ? Le CV papier ne vous suffit plus ? Vous souhaitez en savoir plus sur le candidat avant de faire votre choix ? Nous réinventons pour vous, la mise en relation pour l’emploi.
-            </p>
-            <a class="btn btn-sm btn-primary btn-wide" href="#">Voir la plateforme</a>
-
-          </div>
         </div>
+      </div>
 
-        <div class="col-md-6 align-right paddintRight">
-          <div class="mb-6">
-            <img class="img-fluid" src="{{ asset('v2/png/plateforme-de-recrutement-en-video.png') }}"
-              alt="Image Description">
-          </div>
+      <div class="col-md-6 align-right paddintRight">
+        <div class="mb-6">
+          <img class="img-fluid" src="{{ asset('v2/png/plateforme-de-recrutement-en-video.png') }}"
+            alt="Image Description">
         </div>
       </div>
     </div>
   </div>
-  <!-- Plateforme FIN -->
+</div>
+<!-- Plateforme FIN -->

volume/www/website/www/app/Resources/views/defaultv2/candidatures/blocExempleMotivation.html.twig

@@ -2,16 +2,16 @@
   <div class="space1-bottom accueilFondBleute">
     <!-- Gallery -->
     <div class="container space-1 space-2--sm space-3-bottom--lg">
-      <div class="row mb-7">
+      <div class="row mb-12">
         <!-- Gallery Heading -->
-        <div class="col-lg-5">
-          <h2 class="font-weight-normal">Exemple de<br class="d-none d-xl-inline-block"> vidéos de présentation</h2>
+        <div class="col-lg-12">
+          <h2 class="font-weight-normal">Exemples de vidéos de présentation</h2>
         </div>
         <!-- End Gallery Heading -->
 
         <!-- Gallery Description -->
-        <div class="col-lg-5 ml-lg-auto text-muted">
-          Ils ont postulé aux offres d'emploi vidéo
+        <div class="col-lg-12 ml-lg-auto text-muted">
+          Ils ont postulé aux offres d'emploi vidéo.
         </div>
         <!-- End Gallery Description -->
       </div>
@@ -42,43 +42,138 @@
              }
            }]'>
         <div class="js-slide my-3 lift-lg shadow-2-sm-hover">
-          <a class="w-100 card bg-img-hero border-0 gradient-overlay-half-dark-v2-3 min-height-320 text-white rounded-pseudo p-4" href="#" style="background-image: url({{ asset('v2/img/candidatures/video-de-reponse-offre-emploi-1.jpg') }});">
-            <div class="mt-auto text-center">
-              <h5 class="font-weight-normal">Swimming Pool</h5>
-            </div>
+        
+          <a class="js-fancybox text-white" href="javascript:;"
+            data-src="https://youtu.be/wl-6iDQI-Ls?autoplay=1" data-speed="700"
+            data-animate-in="zoomIn" data-animate-out="zoomOut" data-caption="Témoignage">
+           <img src="{{ asset('v2/img/exemplesCandidats/video-de-reponse-offre-emploi-1.jpg') }}">
+            <i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
+              <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+                <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink">
+                  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <rect x="0" y="0" width="24" height="24"></rect>
+                    <path
+                      d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                      fill="#000000"></path>
+                  </g>
+                </svg>
+              </i>
+            </i>
           </a>
+          {# <a class="w-100 card bg-img-hero border-0 gradient-overlay-half-dark-v2-3 min-height-320 text-white rounded-pseudo p-4" href="#" style="background-image: url({{ asset('v2/img/candidatures/video-de-reponse-offre-emploi-5.jpg') }});">
+            <div class="mt-auto text-center">
+              <h5 class="font-weight-normal">Candidat</h5>
+            </div>
+          </a> #}
         </div>
 
         <div class="js-slide my-3 lift-lg shadow-2-sm-hover">
-          <a class="w-100 card bg-img-hero border-0 gradient-overlay-half-dark-v2-3 min-height-320 text-white rounded-pseudo p-4" href="#" style="background-image: url({{ asset('v2/img/candidatures/video-de-reponse-offre-emploi-2.jpg') }});">
-            <div class="mt-auto text-center">
-              <h5 class="font-weight-normal">Restaurants</h5>
-            </div>
+        
+          <a class="js-fancybox text-white" href="javascript:;"
+            data-src="https://youtu.be/Vc_MxwbnRoM?autoplay=1" data-speed="700"
+            data-animate-in="zoomIn" data-animate-out="zoomOut" data-caption="Témoignage">
+           <img src="{{ asset('v2/img/exemplesCandidats/video-de-reponse-offre-emploi-2.jpg') }}">
+            <i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
+              <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+                <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink">
+                  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <rect x="0" y="0" width="24" height="24"></rect>
+                    <path
+                      d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                      fill="#000000"></path>
+                  </g>
+                </svg>
+              </i>
+            </i>
           </a>
+          {# <a class="w-100 card bg-img-hero border-0 gradient-overlay-half-dark-v2-3 min-height-320 text-white rounded-pseudo p-4" href="#" style="background-image: url({{ asset('v2/img/candidatures/video-de-reponse-offre-emploi-5.jpg') }});">
+            <div class="mt-auto text-center">
+              <h5 class="font-weight-normal">Candidat</h5>
+            </div>
+          </a> #}
         </div>
 
         <div class="js-slide my-3 lift-lg shadow-2-sm-hover">
-          <a class="w-100 card bg-img-hero border-0 gradient-overlay-half-dark-v2-3 min-height-320 text-white rounded-pseudo p-4" href="#" style="background-image: url({{ asset('v2/img/candidatures/video-de-reponse-offre-emploi-3.jpg') }});">
-            <div class="mt-auto text-center">
-              <h5 class="font-weight-normal">Sunset</h5>
-            </div>
+        
+          <a class="js-fancybox text-white" href="javascript:;"
+            data-src="https://youtu.be/vsTgLzjfpQo?autoplay=1" data-speed="700"
+            data-animate-in="zoomIn" data-animate-out="zoomOut" data-caption="Témoignage">
+           <img src="{{ asset('v2/img/exemplesCandidats/video-de-reponse-offre-emploi-4.jpg') }}">
+            <i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
+              <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+                <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink">
+                  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <rect x="0" y="0" width="24" height="24"></rect>
+                    <path
+                      d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                      fill="#000000"></path>
+                  </g>
+                </svg>
+              </i>
+            </i>
           </a>
+          {# <a class="w-100 card bg-img-hero border-0 gradient-overlay-half-dark-v2-3 min-height-320 text-white rounded-pseudo p-4" href="#" style="background-image: url({{ asset('v2/img/candidatures/video-de-reponse-offre-emploi-5.jpg') }});">
+            <div class="mt-auto text-center">
+              <h5 class="font-weight-normal">Candidat</h5>
+            </div>
+          </a> #}
         </div>
 
         <div class="js-slide my-3 lift-lg shadow-2-sm-hover">
-          <a class="w-100 card bg-img-hero border-0 gradient-overlay-half-dark-v2-3 min-height-320 text-white rounded-pseudo p-4" href="#" style="background-image: url({{ asset('v2/img/candidatures/video-de-reponse-offre-emploi-4.jpg') }});">
-            <div class="mt-auto text-center">
-              <h5 class="font-weight-normal">Gym</h5>
-            </div>
+        
+          <a class="js-fancybox text-white" href="javascript:;"
+            data-src="https://youtu.be/18FOPnQBtFk?autoplay=1" data-speed="700"
+            data-animate-in="zoomIn" data-animate-out="zoomOut" data-caption="Témoignage">
+           <img src="{{ asset('v2/img/exemplesCandidats/video-de-reponse-offre-emploi-5.jpg') }}">
+            <i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
+              <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+                <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink">
+                  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <rect x="0" y="0" width="24" height="24"></rect>
+                    <path
+                      d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                      fill="#000000"></path>
+                  </g>
+                </svg>
+              </i>
+            </i>
           </a>
+          {# <a class="w-100 card bg-img-hero border-0 gradient-overlay-half-dark-v2-3 min-height-320 text-white rounded-pseudo p-4" href="#" style="background-image: url({{ asset('v2/img/candidatures/video-de-reponse-offre-emploi-5.jpg') }});">
+            <div class="mt-auto text-center">
+              <h5 class="font-weight-normal">Candidat</h5>
+            </div>
+          </a> #}
         </div>
 
         <div class="js-slide my-3 lift-lg shadow-2-sm-hover">
-          <a class="w-100 card bg-img-hero border-0 gradient-overlay-half-dark-v2-3 min-height-320 text-white rounded-pseudo p-4" href="#" style="background-image: url({{ asset('v2/img/candidatures/video-de-reponse-offre-emploi-5.jpg') }});">
-            <div class="mt-auto text-center">
-              <h5 class="font-weight-normal">Spa/Massage</h5>
-            </div>
+        
+          <a class="js-fancybox text-white" href="javascript:;"
+            data-src="https://youtu.be/Qzyp0K9orUk?autoplay=1" data-speed="700"
+            data-animate-in="zoomIn" data-animate-out="zoomOut" data-caption="Témoignage">
+           <img src="{{ asset('v2/img/exemplesCandidats/video-de-reponse-offre-emploi-6.jpg') }}">
+            <i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
+              <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+                <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink">
+                  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <rect x="0" y="0" width="24" height="24"></rect>
+                    <path
+                      d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                      fill="#000000"></path>
+                  </g>
+                </svg>
+              </i>
+            </i>
           </a>
+          {# <a class="w-100 card bg-img-hero border-0 gradient-overlay-half-dark-v2-3 min-height-320 text-white rounded-pseudo p-4" href="#" style="background-image: url({{ asset('v2/img/candidatures/video-de-reponse-offre-emploi-5.jpg') }});">
+            <div class="mt-auto text-center">
+              <h5 class="font-weight-normal">Candidat</h5>
+            </div>
+          </a> #}
         </div>
       </div>
       <!-- End Slick Carousel -->

volume/www/website/www/app/Resources/views/defaultv2/candidatures/blocFinCv.html.twig

@@ -12,7 +12,7 @@
               C4.4,5.6,4.4,4.9,4.4,4.5c0-1.6,0.8-2.9,2.5-3.7L7.1,1.3z"/>
           </svg>
         </figure>
-          <h2 class="text-white text-center">Fini le papier, faîtes place à la vidéo !</h2>
+          <h2 class="text-white text-center">Fini le papier, faites place à la vidéo !</h2>
         </div>
       </div>
       

volume/www/website/www/app/Resources/views/defaultv2/candidatures/blocGrille.html.twig

@@ -1,12 +1,12 @@
 <!-- Plateforme DEBUT -->
-  <div class=" accueilFondBlanc">
+  <div class=" accueilFondBlanc" id="atouts">
     <div class="container space-2  ">
       <div class="card-deck d-block d-lg-flex">
         <div class="card card-frame mb-5">
           <!-- Listing -->
           <a class="card-body p-4" href="#">
             <div class="media">
-              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/consult-cyan-icon.svg') }}" alt="Image Description">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/multi-support.svg') }}" alt="Les candidats consultent et postulent aux offres d’emploi vidéo depuis leur smartphone, tablette ou ordinateur.">
               <div class="media-body px-4">
                 <h4 class="h6 text-dark mb-1">Multi-support</h4>
                 <p class="mb-0">Smartphone, tablette ou ordinateur.</p>
@@ -18,9 +18,9 @@
 
         <div class="card card-frame mb-5">
           <!-- Listing -->
-          <a class="card-body p-4" href="#">
+          <a class="card-body p-4" href="#atouts">
             <div class="media">
-              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/plan-brown-icon.svg') }}" alt="Image Description">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/candidature-video-offre-emploi.svg') }}" alt="Les candidats disposent d’un outil d’enregistrement vidéo pour postuler simplement à vos offres d’emploi en vidéo.">
               <div class="media-body px-4">
                 <h4 class="h6 text-dark mb-1">Outil d’enregistrement vidéo</h4>
                 <p>Simple, rapide, gratuit et confidentiel.</p>
@@ -32,9 +32,9 @@
 
         <div class="card card-frame mb-5">
           <!-- Listing -->
-          <a class="card-body p-4" href="#">
+          <a class="card-body p-4" href="#atouts">
             <div class="media">
-              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/create-blue-icon.svg') }}" alt="Image Description">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/candidature-video.svg') }}" alt="Recevez des vidéos de réponse aux offres d’emploi vidéo ou des candidatures spontanées en vidéo.">
               <div class="media-body px-4">
                 <h4 class="h6 text-dark mb-1">Candidature vidéo</h4>
                 <p>Réponse à vos offres d’emploi vidéo ou candidature spontanée.</p>
@@ -48,12 +48,12 @@
       <div class="card-deck d-block d-lg-flex">
         <div class="card card-frame mb-5">
           <!-- Listing -->
-          <a class="card-body p-4" href="#">
+          <a class="card-body p-4" href="#atouts">
             <div class="media">
-              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/develop-purple-icon.svg') }}" alt="Image Description">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/tutoriel-aide-video.svg') }}" alt="Les candidats disposent d’un tutoriel pour créer un CV vidéo ou une vidéo de motivation.">
               <div class="media-body px-4">
                 <h4 class="h6 text-dark mb-1">Tutoriel vidéo</h4>
-                <p>Pour la réalisation, les candidats disposent de vidéos conseils.</p>
+                <p>Pour la réalisation, les candidats disposent de vidéos de conseils.</p>
               </div>
             </div>
           </a>
@@ -62,9 +62,9 @@
 
         <div class="card card-frame mb-5">
           <!-- Listing -->
-          <a class="card-body p-4" href="#">
+          <a class="card-body p-4" href="#atouts">
             <div class="media">
-              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/rocket-red-icon.svg') }}" alt="Image Description">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/avantages-candidature-video.svg') }}" alt="Découvrez la personnalité, les motivations et le projet professionnel des candidats en vidéo.">
               <div class="media-body px-4">
                 <h4 class="h6 text-dark mb-1">Les plus de la vidéo de motivation</h4>
                 <p>Personnalité, motivation et projet professionnel.</p>
@@ -76,9 +76,9 @@
 
         <div class="card card-frame mb-5">
           <!-- Listing -->
-          <a class="card-body p-4" href="#">
+          <a class="card-body p-4" href="#atouts">
             <div class="media">
-              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/data-analysis-dark-icon.svg') }}" alt="Image Description">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/gestion-des-candidatures.svg') }}" alt="Répondez aux candidats avec notre outil vidéo.">
               <div class="media-body px-4">
                 <h4 class="h6 text-dark mb-1">Traitement des candidatures</h4>
                 <p>Réponses aux candidats depuis l’outil : écrite ou en vidéo.</p>

volume/www/website/www/app/Resources/views/defaultv2/candidatures/blocPhoto.html.twig

@@ -4,8 +4,7 @@
       <div class="w-md-75">
         <!-- Title -->
         <div class="mb-7">
-          <span class="d-block text-white text-uppercase mb-2">Talents tube</span>
-          <h1 class="display-4 font-size-48--md-down text-white mb-4">
+         <h1 class="display-4 font-size-48--md-down text-white mb-4">
             <strong class="u-text-animation u-text-animation--typing"></strong>
             <br>avec la vidéo
           </h1>

volume/www/website/www/app/Resources/views/defaultv2/candidatures/blocPourquoiPasVous.html.twig

@@ -3,20 +3,12 @@
     <div class="container text-center space-2-top space-3-top--lg space-2-bottom">
       <div class=" text-center ">
         <!-- SVG Quote -->
-        <figure class="mx-auto mb-4" style="width: 50px;">
-          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-             viewBox="0 0 8 8" style="enable-background:new 0 0 8 8;" xml:space="preserve">
-            <path fill="#e3e6f0" d="M3,1.3C2,1.7,1.2,2.7,1.2,3.6c0,0.2,0,0.4,0.1,0.5c0.2-0.2,0.5-0.3,0.9-0.3c0.8,0,1.5,0.6,1.5,1.5c0,0.9-0.7,1.5-1.5,1.5
-              C1.4,6.9,1,6.6,0.7,6.1C0.4,5.6,0.3,4.9,0.3,4.5c0-1.6,0.8-2.9,2.5-3.7L3,1.3z M7.1,1.3c-1,0.4-1.8,1.4-1.8,2.3
-              c0,0.2,0,0.4,0.1,0.5c0.2-0.2,0.5-0.3,0.9-0.3c0.8,0,1.5,0.6,1.5,1.5c0,0.9-0.7,1.5-1.5,1.5c-0.7,0-1.1-0.3-1.4-0.8
-              C4.4,5.6,4.4,4.9,4.4,4.5c0-1.6,0.8-2.9,2.5-3.7L7.1,1.3z"/>
-          </svg>
-        </figure>
-          <h2 class="text-white text-center"> De nombreuses entreprises utilisent notre solution de recrutement, alors pourquoi pas vous ?</h2>
+
+          <h2 class="text-white text-center">Une question sur l’offre d’emploi vidéo ?</h2>
         </div>
       </div>
       <div class=" text-center space-3-bottom">
-      <a class="btn btn-sm btn-contact" href="#signupModal" role="button" data-modal-target="#signupModal" data-overlay-color="#151b26">
+      <a class="btn btn-sm btn-contact" href="https://blog.talentstube.com/contact.html" target="_blank" role="button" >
                   <i class="fa fa-user-circle mr-1"></i>
                   Contactez nous
                 </a>

volume/www/website/www/app/Resources/views/defaultv2/candidatures/index.html.twig

@@ -1,6 +1,23 @@
 {% extends 'basev2.html.twig' %}
 
-{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
+{% block title %}Candidature vidéo - Découvrez les talents autrement - Talents Tube{% endblock %}
+{% block meta %}
+  <meta name="description" content="Découvrez le savoir-faire, le savoir-être et les motivations des candidats en vidéo. Gagnez du temps et optimisez votre processus de recrutement.">
+  
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@TalentsTube">
+  <meta name="twitter:title" content="Candidature vidéo - Découvrez les talents autrement - Talents Tube">
+  <meta name="twitter:description" content="Découvrez le savoir-faire, le savoir-être et les motivations des candidats en vidéo. Gagnez du temps et optimisez votre processus de recrutement.">
+  <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
+
+  {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
+  <meta property="og:title" content="Candidature vidéo - Découvrez les talents autrement - Talents Tube" />
+  <meta property="og:type" content="article" />
+  <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
+  <meta property="og:description" content="Découvrez le savoir-faire, le savoir-être et les motivations des candidats en vidéo. Gagnez du temps et optimisez votre processus de recrutement." />
+  <meta property="og:site_name" content="Talents Tube" />
+  <meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
+{% endblock %}
 
 {% block content %}
 <main id="content">
@@ -145,7 +162,7 @@ with {
     $('.u-text-animation.u-text-animation').html("");
     // initialization of text animation (typing)
     var typed = new Typed(".u-text-animation.u-text-animation--typing", {
-      strings: ["Recevez des candidatures "],
+      strings: ["Recevez des candidatures", "Découvrez le potentiel des candidats", "Recevez des candidatures"],
       typeSpeed: 60,
       loop: true,
       backSpeed: 25,

volume/www/website/www/app/Resources/views/defaultv2/footer.html.twig

@@ -71,7 +71,7 @@
                 <a href="https://www.bretagne.bzh/"><img src="{{ asset('img/RB_monochrome_blanc.svg')}}" alt="Region Bretagne"></a><br>
             </div>
             <div class="col s12 center-align m-t-30">
-                <a class="text-center white-text" href="https://www.e-declic.com" target="_blank" title="Agence Web">&copy;&nbsp;2018 Talents Tube</a>
+                <a class="text-center white-text" href="https://www.e-declic.com" target="_blank" title="Agence Web">&copy;&nbsp;2020 Talents Tube</a>
             </div>
         </div>
     </div>

volume/www/website/www/app/Resources/views/defaultv2/footer/cgu.html.twig

@@ -1,6 +1,6 @@
 {% extends 'basev2.html.twig' %}
 
-{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
+{% block title %}Talents Tube : Conditions générales d’utilisation - {% endblock %}
 
 {% block content %}
 <main id="content">

volume/www/website/www/app/Resources/views/defaultv2/footer/confidentialite.html.twig

@@ -0,0 +1,730 @@
+{% extends 'basev2.html.twig' %}
+
+{% block title %}Talentts tube : Politique de confidentialité et protection des données{% endblock %}
+
+{% block content %}
+<main id="content">
+  <!-- Privacy Section -->
+  <div class="bg-gray-100">
+    <div class="container space-2 space-4-top--lg space-3-bottom--lg">
+      <div class="w-lg-80 bg-white border rounded mx-lg-auto p-5 p-sm-7">
+        <!-- Hero -->
+        <div class="mb-9">
+          <h1>Politique de confidentialité et protection des données</h1>
+        </div>
+        <!-- End Hero -->
+
+        <!-- Info Content -->
+        <div class="mb-7">
+          <p>Nous vous invitons à lire avec attention le présent document. Pour toute question concernant ce document
+            et, d’une manière générale, sur la collecte et le traitement de vos informations personnelles par la société
+            talentstube.com, n’hésitez pas à nous contacter via le formulaire présent sur la page contact :
+            https://blog.talentstube.com/contact.html
+          </p>
+          <div class="mb-3">
+            <h2 class="h4">Données personnelles</h2>
+          </div>
+
+          <p>Dans le cadre de son activité, talents tube est amené à collecter, traiter et stocker vos données
+            personnelles.
+          </p>
+
+          <p>Conformément aux dispositions légales, et en particulier à la Loi n°78-17 du 6 janvier 1978, et au
+            Règlement (UE) 2016/679 du Parlement européen et du Conseil du 27 avril 2016 applicable à compter du 25 mai
+            2018 (dit RGPD), talents tube tient à garantir la confidentialité et la sécurité de vos données à caractère
+            personnel.
+          </p>
+
+          <p>C’est pourquoi, nous nous engageons à :</p>
+
+          <p> Utiliser et traiter les données qui vous concerne en toute transparence, loyauté et légalité,
+            Limiter le traitement des données à caractère personnel, leur conservation, leur collecte ainsi que leur
+            stockage,
+            Garantir l'exactitude de vos données et vous permettre de demander leur suppression ou leur rectification,
+            Assurer la sécurité, l'intégrité et la confidentialité de vos données.</p>
+
+          <div class="mb-3">
+            <h2 class="h4">Utilisation des données collectées
+            </h2>
+          </div>
+
+          <p>L'utilisation des données est déterminée, légitime et explicite :</p>
+
+
+          <p>Les données collectées pour une finalité précise ne sont pas utilisées à d’autres fins. Nos finalités sont
+            en adéquation avec les normes de conformité de la Cnil (Commission nationale de l’informatique et des
+            libertés).</p>
+
+
+          <p>À titre d’exemple, les données collectées sur le candidat lors de inscription sur le site talentstube.com
+            sont les données nécessaires au bon déroulement du processus de recrutement. Avec l’objectif :</p>
+
+
+          <p>« De permettre à chaque candidat de trouver/ d’être orienté vers les offres les plus susceptibles de
+            correspondre à ses attentes, son profil ; de postuler à ces offres ; d’être contacté par des recruteurs
+            cherchant à pourvoir des emplois ; et in fine de trouver un emploi. »</p>
+
+
+          <p>La finalité définie permet de déterminer la pertinence des données que nous allons collecter. Seules les
+            données adéquates et strictement nécessaires pour atteindre la finalité seront collectées et traitées. Ainsi
+            nous ne collectons que les données permettant :</p>
+
+
+          <p>au candidat de valoriser sa candidature</p>
+
+          <p>au candidat d’exprimer ses préférences</p>
+
+          <p>au candidat de décrire son parcours</p>
+
+          <p>au recruteur d’évaluer le candidat</p>
+
+          <p>au recruteur de trouver les candidats correspondant à ses critères de recrutement
+            d’éviter les usurpations d’identité</p>
+
+          <div class="mb-3">
+            <h2 class="h4">Quelles données collectons-nous ?
+
+            </h2>
+          </div>
+
+          <p>Pour le candidat :</p>
+
+          <p>Nom/Prénom</p>
+          <p>Mail</p>
+          <p>Téléphone</p>
+          <p>Réseaux sociaux</p>
+          <p>Éventuellement d’autres informations renseignées dans les champs libres</p>
+          <div class="mb-3">
+            <h2 class="h4">Accès aux données
+
+
+            </h2>
+          </div>
+          <p>Nous nous engageons à ne pas divulguer à des tiers les informations et Données Personnelles que vous nous
+            communiquez. Ces informations et Données Personnelles sont exclusivement utilisées par nos services internes
+            et ne seront en aucun cas cédées, vendues à des tiers sans votre accord préalable exprès.</p>
+
+          <div class="mb-3">
+            <h2 class="h4">Durée de conservation des données
+            </h2>
+          </div>
+
+          <p>La durée de conservation des données à caractère personnel est variable selon la finalité de la collecte.
+            Ainsi, les données sont conservées pendant un temps défini et nécessaire à la réalisation de leur finalité.
+            Aussi, selon le type de Données Personnelles, la durée de conservation peut varier entre quelques jours et
+            plusieurs années.</p>
+
+          <div class="mb-3">
+            <h2 class="h4">Sécurité
+            </h2>
+          </div>
+
+          <p>talents tube s’engage à assurer la protection des données personnelles par la mise en place de mesures
+            techniques et organisationnelles appropriées.</p>
+
+          <div class="mb-3">
+            <h2 class="h4">Vos droits
+
+            </h2>
+          </div>
+
+          <p>Vous disposez d'un droit d'accès, de rectification, de suppression, d’opposition et de portabilité des
+            données. Nous disposons d’un délai de 30 jours à compter de votre demande pour apporter une réponse.</p>
+
+          <p>Vous pouvez demander une limitation du traitement des données collectées. L’exercice de ces droits peut
+            exercer ce droit auprès de TALENTS TUBE en adressant une requête soit par voie postale à l'adresse suivante
+            : 3 Rue Louis de Broglie, Village By CA 56000 Vannes, soit par courrier électronique via le formulaire
+            présent sur la page Contact https://blog.talentstube.com/contact.html. Cette requête devra être accompagnée
+            d'une pièce d'identité revêtant la signature de l'Utilisateur et devra préciser l'adresse et le moyen par
+            lesquelles une réponse pourra être envoyée.</p>.
+
+          <div class="mb-3">
+            <h2 class="h4">Cookies
+
+            </h2>
+          </div>
+          <p>Le site www.talentstube.com utilise des cookies. Il s’agit de petits fichiers téléchargés sur votre
+            ordinateur qui permettent au site de fonctionner de manière fluide et sécurisée (cookies de session et de
+            sécurité) et qui enregistrent des informations sur la façon dont nos visiteurs consultent notre site
+            (cookies de pistage). Cela nous permet par exemple de savoir quelles sont les pages les plus consultées par
+            nos visiteurs et combien de temps ces derniers passent sur notre site.</p>.
+
+
+          <p>En paramétrant votre navigateur, vous avez la possibilité de désactiver les cookies ou d’être alerté
+            lorsque des cookies sont sur le point d’être téléchargés sur votre ordinateur. Cependant, la désactivation
+            de tous les cookies pourrait dans certains cas vous empêcher d’utiliser correctement toutes les
+            fonctionnalités de ce site.</p>.
+
+
+          <p>Vous avez la possibilité de désactiver les cookies en vous rendant dans les options de votre navigateur.
+            Cliquez sur le lien correspondant à votre navigateur pour découvrir comment faire :</p>.
+
+
+          <p>Google Chrome<br />
+
+            Mozilla Firefox<br />
+
+            Safari<br />
+
+            Opera<br />
+
+            Internet Explorer</p>
+
+
+          <p>Pour plus d’informations sur les cookies et la façon de les gérer, nous vous recommandons de consulter le
+            site www.youronlinechoices.com, développé par l’organisme EDAA (European Interactive Digital Advertising
+            Alliance).</p>.
+          <div class="mb-3">
+            <h2 class="h4">Google Analytics
+
+
+            </h2>
+          </div>
+          <p>Ce site utilise le service d’analyse web Google Analytics. Cela nous permet d’analyser la façon dont les
+            internautes utilisent notre site afin de leur proposer une meilleure expérience de navigation. Pour ce
+            faire, Google Analytics utilise des cookies de pistage permettant de suivre le parcours d’un internaute sur
+            le site. Ces cookies sont conservés pour une durée de 26 mois.</p>.
+
+
+          <p>Nous avons activé l’anonymisation des adresses IP pour ce site. Cela signifie que les adresses IP
+            collectées par Google Analytics sont systématiquement raccourcies pour rendre impossible l’identification
+            des internautes. Dans certains cas exceptionnels, l’adresse IP complète peut être transférée sur un serveur
+            de Google localisé aux Etats-Unis, et est ensuite raccourcie immédiatement sur celui-ci. Google utilise les
+            informations récoltées via les cookies pour le compte de talents tube, dans le but d’analyser les habitudes
+            de navigation des internautes et de fournir des rapports sur l’activité du site.</p>.
+
+
+          <p>Google met à disposition des utilisateurs un plug-in pour leur navigateur leur permettant d’empêcher la
+            récolte de données relatives à leur navigation sur les sites web utilisant Google Analytics.</p>.
+
+
+          <p>Ce plug-in est disponible à cette adresse : tools.google.com/dlpage/gaoptout</p>.
+
+
+          <div class="mb-3">
+            <h2 class="h4">Google Remarketing
+            </h2>
+          </div>
+
+          <p>Ce site peut être amené à utiliser le service Google Remarketing, qui permet de proposer aux internautes
+            des annonces publicitaires ciblées en fonction des sites consultés dans le réseau d’annonces de Google. Cela
+            nous permet notamment d’utiliser vos données de navigation sur ce site afin de vous proposer des annonces
+            ciblées lors que vous visitez d’autres sites du réseau Google. Vous avez la possibilité de désactiver cette
+            fonctionnalité via le lien suivant : www.google.com/settings/ads</p>.
+
+
+          <p>Si vous possédez un compte Google et que vous êtes connecté à celui-ci en visitant notre site, et si vous
+            avez autorisé Google à lier votre historique de navigation à votre compte Google et d’utiliser cet
+            historique pour personnaliser les annonces, Google liera les données de navigation recueillies grâce à
+            Google Analytics à votre compte Google. Si vous utilisez votre compte Google sur plusieurs appareils, nos
+            annonces pourront s’afficher sur ces autres appareils. Bien que Google collecte sur ce site des données
+            liées à l’utilisation de comptes Google, talents tube ne peut en aucun cas en déduire l’identité des
+            utilisateurs de comptes Google consultant le site.</p>.
+
+
+          <p>Pour plus d’informations concernant la façon dont Google collecte et utilise ces données, nous vous
+            invitons à consulter les règles de confidentialité de Google : www.google.com/policies/privacy</p>.
+
+          <div class="mb-3">
+            <h2 class="h4">Autres cookies
+
+            </h2>
+          </div>
+
+          <h3 class="h5">PHPSESSID
+            <p>Conserve la configuration des paramètres des utilisateurs à travers les demandes de page.</p>.
+
+          </h3>
+          <p>Conserve la configuration des paramètres des utilisateurs à travers les demandes de page.</p>.
+
+          <h4 class="h6">Fournisseur
+
+          </h4>
+
+          <p>talents tube.com</p>
+          <h4 class="h6">Expiration
+
+          </h4>
+          <p>Session</p>
+
+
+          <h3 class="h5">__cfduid
+
+          </h3>
+          <p>Utilisé par le réseau de contenu, Cloudlare, pour identifier le trafic web fiable.</p>
+
+          <h4 class="h6">Fournisseur
+
+          </h4>
+
+          <p>crisp.chat</p>
+          <h4 class="h6">Expiration
+
+          </h4>
+          <p>1 an</p>
+          <h3 class="h5">lang
+
+          </h3>
+          <p>Rappelle la version linguistique d'un site sélectionnée par l'utilisateur.</p>
+          <h4 class="h6">Fournisseur
+
+          </h4>
+
+          <p>ads.linkedin.com</p>
+          <h4 class="h6">Expiration
+
+          </h4>
+          <p>Session</p>
+
+
+          </h4>
+          <p>1 an</p>
+          <h3 class="h5">_ga
+
+          </h3>
+          <p>Enregistre un identifiant unique utilisé pour générer des données statistiques sur la façon dont le
+            visiteur utilise le site.</p>
+
+          <h4 class="h6">Fournisseur
+
+          </h4>
+
+          <p>talents tube.com
+          </p>
+          <h4 class="h6">Expiration
+
+          </h4>
+          <p>Session</p>
+
+          <h3 class="h5">_gat
+
+          </h3>
+          <p>Utilisé par Google Analytics pour diminuer radicalement le taux de requêtes.
+          </p>
+
+          <h4 class="h6">Fournisseur
+
+          </h4>
+
+          <p>talents tube.com
+          </p>
+          <h4 class="h6">Expiration
+
+          </h4>
+          <p>Session</p>
+
+          <h3 class="h5">_gid
+
+          </h3>
+          <p>Enregistre un identifiant utilisé pour générer des données statistiques sur le façon dont le visiteur
+            utilise le site.
+
+          </p>
+
+          <h4 class="h6">Fournisseur
+
+          </h4>
+
+          <p>talents tube.com
+          </p>
+          <h4 class="h6">Expiration
+
+          </h4>
+          <p>Session</p>
+
+          <h3 class="h5">collect
+
+          </h3>
+          <p>Collecte des données pour mesurer de façon efficace les annonces vues ou cliquées. Il permet d'afficher des
+            annonces ciblées.
+
+
+          </p>
+
+          <h4 class="h6">Fournisseur
+
+          </h4>
+
+          <p>Google.com
+
+          </p>
+          <h4 class="h6">Expiration
+
+          </h4>
+          <p>Session</p>
+
+          <h3 class="h5">vuid
+
+          </h3>
+          <p>Recueille des données sur les visites de l'utilisateur sur le site web, telles que les pages qui ont été
+            consultées.
+
+          </p>
+
+          <h4 class="h6">Fournisseur
+
+          </h4>
+
+          <p>vimeo.com
+
+
+          </p>
+          <h4 class="h6">Expiration
+
+          </h4>
+          <p>2 ans</p>
+
+          <h3 class="h5">BizoID
+
+          </h3>
+          <p>Statistiques publicitaires LinkedIn
+
+          </p>
+
+          <h4 class="h6">Fournisseur
+
+          </h4>
+
+          <p>ads.linkedin.com
+
+
+
+          </p>
+          <h4 class="h6">Expiration
+
+          </h4>
+          <p> 29 jours</p>
+
+          <h3 class="h5">bscookie
+
+          </h3>
+          <p>Utilisé par le service de réseau social, LinkedIn , pour le suivi de l'utilisation des services intégrés.
+
+
+          </p>
+
+          <h4 class="h6">Fournisseur
+
+          </h4>
+
+          <p>ads.linkedin.com
+
+
+
+          </p>
+          <h4 class="h6">Expiration
+
+          </h4>
+          <p> 2 ans</p>
+
+          <h3 class="h5">_hjIncludedInSample
+
+          </h3>
+          <p>Utilisé par le service de réseau social, LinkedIn , pour le suivi de l'utilisation des services intégrés.
+
+
+          </p>
+
+          <h4 class="h6">Fournisseur
+
+          </h4>
+
+          <p>ads.linkedin.com
+
+
+
+          </p>
+          <h4 class="h6">Expiration
+
+          </h4>
+          <p> 2 ans</p>
+
+
+          <h3 class="h5">lidc
+
+          </h3>
+          <p>Utilisé par le service de réseau social, LinkedIn , pour le suivi de l'utilisation des services intégrés.
+
+
+          </p>
+
+          <h4 class="h6">Fournisseur
+
+          </h4>
+
+          <p>ads.linkedin.com
+
+
+
+          </p>
+          <h4 class="h6">Expiration
+
+          </h4>
+          <p> Session</p>
+
+          <h3 class="h5">r/collect
+
+
+          </h3>
+          <p>Ce cookie est utilisé pour envoyer des données à Google Analytics sur l'appareil et le comportement du
+            visiteur. Il piste le visiteur à travers différents appareils et canaux marketing.
+
+
+          </p>
+
+          <h4 class="h6">Fournisseur
+
+          </h4>
+
+          <p>doubleclick.net
+
+
+
+
+          </p>
+          <h4 class="h6">Expiration
+
+          </h4>
+          <p> Session</p>
+
+          <h3 class="h5">UserMatchHistory
+
+
+
+          </h3>
+          <p>Ce cookie est utilisé pour envoyer des statistiques publicitaires LinkedIn.
+
+
+          </p>
+
+          <h4 class="h6">Fournisseur
+
+          </h4>
+
+          <p>ads.linkedin.com
+
+
+
+
+          </p>
+          <h4 class="h6">Expiration
+
+          </h4>
+          <p> 29 jours
+          </p>
+
+          <h3 class="h5">cookie.js
+
+
+
+
+          </h3>
+          <p>Non déterminé
+
+
+          </p>
+
+          <h4 class="h6">Fournisseur
+
+          </h4>
+
+          <p>talentstube.com
+
+
+
+
+
+          </p>
+          <h4 class="h6">Expiration
+
+          </h4>
+          <p> Sessions
+          </p>
+
+
+
+
+
+
+
+
+
+
+
+
+
+        </div>
+        <!-- End Info Content -->
+
+
+
+
+      </div>
+    </div>
+  </div>
+  <!-- End Privacy Section -->
+</main>
+<!-- ========== END MAIN CONTENT ========== -->
+
+{% include 'defaultv2/accueil/footer.html.twig' %}
+
+
+
+<!-- Begin Panel Login -->
+{% include 'defaultv2/accueil/blocLogin.html.twig'
+with {
+    'csrf_token': csrf_token,
+    'error' : error
+  } %}
+<!-- End Panel Login -->
+
+<!-- Go to Top -->
+<a class="js-go-to u-go-to" href="javascript:;" data-position='{"bottom": 30, "right": 100 }' data-type="fixed"
+  data-offset-top="400" data-compensation="#header" data-show-effect="slideInUp" data-hide-effect="slideOutDown">
+  <i class="fa fa-arrow-up u-go-to__inner"></i>
+</a>
+<!-- End Go to Top -->
+
+<!-- JS Global Compulsory -->
+<script src="{{ asset('v2/vendor/jquery/dist/jquery.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-migrate/dist/jquery-migrate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/popper.js/dist/umd/popper.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/bootstrap/bootstrap.min.js') }}"></script>
+
+<!-- JS Implementing Plugins -->
+<script src="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-validation/dist/jquery.validate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.legacy.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/typed.js/lib/typed.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/slick-carousel/slick/slick.js') }}"></script>
+<script src="{{ asset('v2/vendor/cubeportfolio/js/jquery.cubeportfolio.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/fancybox/jquery.fancybox.min.js') }}"></script>
+
+<!-- JS Space -->
+<script src="{{ asset('v2/js/hs.core.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.header.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.unfold.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.validation.js') }}"></script>
+<script src="{{ asset('v2/js/helpers/hs.focus-state.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.malihu-scrollbar.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.fancybox.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.modal-window.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.show-animation.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.slick-carousel.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.cubeportfolio.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.g-map.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.go-to.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.video-player.js') }}"></script>
+
+
+
+<!-- JS Plugins Init. -->
+<script>
+  // initialization of google map
+  {
+    #
+    function initMap() {
+      $.HSCore.components.HSGMap.init('.js-g-map');
+    }#
+  }
+
+  $(window).on('load', function () {
+    // initialization of HSMegaMenu component
+    $('.js-mega-menu').HSMegaMenu({
+      event: 'hover',
+      pageContainer: $('.container'),
+      breakpoint: 767,
+      hideTimeOut: 0
+    });
+  });
+
+  $(document).on('ready', function () {
+    // initialization of header
+    $.HSCore.components.HSHeader.init($('#header'));
+
+    // initialization of fancybox
+    $.HSCore.components.HSFancyBox.init('.js-fancybox');
+
+    // initialization of unfold component
+    $.HSCore.components.HSUnfold.init($('[data-unfold-target]'), {
+      afterOpen: function () {
+        if (!$('body').hasClass('IE11')) {
+          $(this).find('input[type="search"]').focus();
+        }
+      }
+    });
+
+    // initialization of form validation
+    $.HSCore.components.HSValidation.init('.js-validate', {
+      rules: {
+        confirmPassword: {
+          equalTo: '#password'
+        }
+      }
+    });
+
+    // initialization of forms
+    $.HSCore.helpers.HSFocusState.init();
+
+    // initialization of malihu scrollbar
+    $.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar'));
+
+    // initialization of autonomous popups
+    $.HSCore.components.HSModalWindow.init('[data-modal-target]', '.js-signup-modal', {
+      autonomous: true
+    });
+
+    // initialization of show animations
+    $.HSCore.components.HSShowAnimation.init('.js-animation-link');
+
+    // initialization of slick carousel
+    $.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
+
+    // initialization of video player
+    $.HSCore.components.HSVideoPlayer.init('.js-inline-video-player');
+
+    // initialization of text animation (typing)
+    $('.u-text-animation.u-text-animation').html("");
+
+    var typed = new Typed(".u-text-animation.u-text-animation--typing", {
+      strings: [" Attirez des talents "],
+      typeSpeed: 60,
+      loop: true,
+      backSpeed: 25,
+      backDelay: 3000
+    });
+
+    // initialization of cubeportfolio
+    $.HSCore.components.HSCubeportfolio.init('.cbp');
+
+    // initialization of go to
+    $.HSCore.components.HSGoTo.init('.js-go-to');
+
+
+  });
+
+
+  $(document).ready(function () {
+    $(window).scroll(function () { // check if scroll event happened
+      if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
+        $("#logoAndNav").css("background-color",
+          "#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
+        $("#sidebarNavToggler").css("color", "#fff");
+      } else {
+        $("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
+        $("#sidebarNavToggler").css("color", "#000");
+      }
+    });
+  });
+</script>
+
+{% endblock %}
+
+
+
+
+{% block javascripts %}
+{{ parent() }}
+{% endblock %}

volume/www/website/www/app/Resources/views/defaultv2/footer/mentions.html.twig

@@ -1,6 +1,6 @@
 {% extends 'basev2.html.twig' %}
 
-{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
+{% block title %}Mentions légales - Talents Tube{% endblock %}
 
 {% block content %}
 <main id="content">
@@ -142,70 +142,7 @@ with {
     });
   });
 
-  $(document).on('ready', function () {
-    // initialization of header
-    $.HSCore.components.HSHeader.init($('#header'));
-
-    // initialization of fancybox
-    $.HSCore.components.HSFancyBox.init('.js-fancybox');
-
-    // initialization of unfold component
-    $.HSCore.components.HSUnfold.init($('[data-unfold-target]'), {
-      afterOpen: function () {
-        if (!$('body').hasClass('IE11')) {
-          $(this).find('input[type="search"]').focus();
-        }
-      }
-    });
-
-    // initialization of form validation
-    $.HSCore.components.HSValidation.init('.js-validate', {
-      rules: {
-        confirmPassword: {
-          equalTo: '#password'
-        }
-      }
-    });
-
-    // initialization of forms
-    $.HSCore.helpers.HSFocusState.init();
-
-    // initialization of malihu scrollbar
-    $.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar'));
-
-    // initialization of autonomous popups
-    $.HSCore.components.HSModalWindow.init('[data-modal-target]', '.js-signup-modal', {
-      autonomous: true
-    });
-
-    // initialization of show animations
-    $.HSCore.components.HSShowAnimation.init('.js-animation-link');
-
-    // initialization of slick carousel
-    $.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
-
-     // initialization of video player
-    $.HSCore.components.HSVideoPlayer.init('.js-inline-video-player');
-
-    // initialization of text animation (typing)
-     $('.u-text-animation.u-text-animation').html("");
-   
-    var typed = new Typed(".u-text-animation.u-text-animation--typing", {
-      strings: [" Attirez des talents "],
-      typeSpeed: 60,
-      loop: true,
-      backSpeed: 25,
-      backDelay: 3000
-    });
-
-    // initialization of cubeportfolio
-    $.HSCore.components.HSCubeportfolio.init('.cbp');
-
-    // initialization of go to
-    $.HSCore.components.HSGoTo.init('.js-go-to');
-
-    
-  });
+  
 
 
   $(document).ready(function () {

volume/www/website/www/app/Resources/views/defaultv2/header.html.twig

@@ -1,7 +1,7 @@
 <!-- Skippy -->
   <a id="skippy" class="sr-only sr-only-focusable u-skippy" href="#content">
     <div class="container">
-      <span class="u-skiplink-text">Skip to main content</span>
+      <span class="u-skiplink-text"></span>
     </div>
   </a>
   <!-- End Skippy -->
@@ -14,7 +14,7 @@
         <nav class="js-mega-menu navbar navbar-expand-lg u-header__navbar">
           <!-- Logo -->
           <div class="u-header__navbar-brand-wrapper">
-            <a class="navbar-brand u-header__navbar-brand" href="indexv2" aria-label="TT">
+            <a class="navbar-brand u-header__navbar-brand" href="/" aria-label="TT">
               <img class="u-header__navbar-brand-default" src="{{ asset('v2/svg/logos/talents-tube-logo.svg') }}" alt="Logo">
               <img class="u-header__navbar-brand-mobile" src="{{ asset('v2/svg/logos/talentstube-logo-mobile.svg') }}" alt="Logo">
               <img class="u-header__navbar-brand-on-scroll" src="{{ asset('v2/svg/logos/talents-tube-logo.svg') }}" alt="Logo">
@@ -29,7 +29,7 @@
                   aria-controls="navBar"
                   data-toggle="collapse"
                   data-target="#navBar">
-            <span class="d-none d-sm-inline-block">Menu</span>
+            
             <span id="hamburgerTrigger" class="u-hamburger__box ml-3">
               <span class="u-hamburger__inner"></span>
             </span>
@@ -44,7 +44,7 @@
                   data-event="hover"
                   data-animation-in="fadeInUp"
                   data-animation-out="fadeOut">
-                <a id="homeMegaMenu" class="nav-link u-header__nav-link" href="offre-emploi-video">
+                <a id="homeMegaMenu" class="nav-link u-header__nav-link" href="{{ path('offresVideo') }}">
                   L'Offre d'emploi
                   
                 </a>
@@ -53,7 +53,7 @@
 
               <!-- Pages -->
               <li class="nav-item  u-header__nav-item">
-                <a id="PagesMegaMenu" class="nav-link u-header__nav-link" href="marque-employeur-en-video"
+                <a id="PagesMegaMenu" class="nav-link u-header__nav-link" href="{{ path('employeurVideo') }}"
                    aria-haspopup="true"
                    aria-expanded="false">
                   La Marque employeur
@@ -67,7 +67,7 @@
                   data-event="hover"
                   data-animation-in="fadeInUp"
                   data-animation-out="fadeOut">
-                <a id="worksMegaMenu" class="nav-link u-header__nav-link" href="candidatures-cv-video">
+                <a id="worksMegaMenu" class="nav-link u-header__nav-link" href="{{ path('candidaturesVideo') }}">
                   La Candidature
                   
                 </a>
@@ -93,11 +93,9 @@
               
                <!-- Button -->
               <li class="nav-item u-header__nav-item-btn">
-                <a class="btn btn-sm btn-contact" href="#signupModal" role="button"
-                   data-modal-target="#signupModal"
-                   data-overlay-color="#151b26">
-                  <i class="fa fa-user-circle mr-1"></i>
-                  Contactez nous
+                <a class="btn btn-sm btn-contact" href="https://blog.talentstube.com/contact.html" target="_blank" role="button">
+                  {# <i class="fa fa-user-circle mr-1"></i> #}
+                  Contactez-nous
                 </a>
               </li>
               <!-- End Button -->
@@ -106,7 +104,7 @@
                 <a class="btn btn-sm btn-primary" href="#signupModal" role="button"
                    data-modal-target="#signupModal"
                    data-overlay-color="#151b26">
-                  <i class="fa fa-user-circle mr-1"></i>
+                  {# <i class="fa fa-user-circle mr-1"></i> #}
                   Connexion recruteurs
                 </a>
               </li>
@@ -120,30 +118,11 @@
           <ul class="navbar-nav flex-row u-header__secondary-nav">
             
 
-            <!-- Account Signin -->
-            <li class="nav-item u-header__navbar-icon">
-              <!-- Account Sidebar Toggle Button -->
-              <a id="sidebarNavToggler" class="btn btn-xs btn-icon btn-text-dark" href="javascript:;" role="button"
-                 aria-controls="sidebarContent"
-                 aria-haspopup="true"
-                 aria-expanded="false"
-                 data-unfold-event="click"
-                 data-unfold-hide-on-scroll="false"
-                 data-unfold-target="#sidebarContent"
-                 data-unfold-type="css-animation"
-                 data-unfold-animation-in="fadeInRight"
-                 data-unfold-animation-out="fadeOutRight"
-                 data-unfold-duration="500">
-                <i class="fa fa-bars btn-icon__inner font-size-13"></i>
-              </a>
-              <!-- End Account Sidebar Toggle Button -->
-            </li>
-            <!-- End Account Signin -->
+
           </ul>
         </nav>
         <!-- End Nav -->
       </div>
     </div>
   </header>
-  <!-- ========== END HEADER ========== --> 
-  
+  <!-- ========== END HEADER ========== --> 

volume/www/website/www/app/Resources/views/defaultv2/index.html.twig

@@ -1,242 +0,0 @@
-{% extends 'base.html.twig' %}
-
-{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
-
-{% block content %}
-    <div id="wrapper" class="no-padding-top no-padding-bottom">
-        <div class="fluid-container">
-            <div class="row flexcontainer row-noMargin">
-                {# VIDEO #}
-                <div class="col l12 m12 s12 home-content col-noPadding">
-                    <div id="homeTeaser" class="valign-wrapper">
-                        <h1 class="white-text center-align">1ère plateforme pour l’emploi
-                            <span>100% vidéo</span></h1><br/>
-                        <div class="link-home-head">
-                            <a data-target="modal_concept" href="#!" class="btn btn-default btn-round btn-concept modal-trigger">
-                                Le concept en vidéo &nbsp;&nbsp;&nbsp;
-                                <img src="{{asset('img/bouton-play.png')}}"/>
-                            </a>
-                        </div>
-                        <div class="header-video-inner">
-                            <video loop="" preload="metadata" autoplay="" id="vid" muted="muted">
-                                 <source src="/img/home_video.mp4" type="video/mp4">
-                            </video>
-                        </div>
-
-                    </div>
-                    {# RECHERCHE #}
-                    <div class="fluid-container bg-grey-3 homeSearchWrapper">
-                        <div id="homeSearch" class="container">
-                            {% include 'form/search_form.html.twig' with {
-                                'searchform' : searchform
-                            } %}
-                        </div>
-                    </div>
-                    {# BLOC OFFRE EMPLOI CARDS #}
-                    <div id="liste-jobs" class="fuild-container bg-grey-3 button-plus">
-                        <div class="container">
-                            <div class="row center-align">
-                                <div class="col s12">
-                                    <h2 class="blue-text no-margin-top">Les offres d'emploi</h2>
-                                    <h3 class="subtitles-homepage">Postulez en CV vidéo ou vidéo de motivation</h3>
-                                </div>
-                            </div>
-                            <div class="row">
-                                <div class="col s12 col-noPadding">
-                                    <div class="owl-carousel owl-carousel-home">
-                                        {% if ads | length > 0 %}
-                                            {% include 'default/ad_card.html.twig' with {
-                                                'ads' : ads
-                                            } %}
-                                        {% endif %}
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="row center-align">
-                                <div class="col s12">
-                                    <a href="{{ path('ad_search_result') }}" title="Découvrir toutes les offres d'emploi" class="btn btn-default btn-round btn-all-jobs">Voir les offres
-                                    </a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-
-                    {# COMPANY #}
-
-                    <div id="liste-company" class="bg-white button-plus">
-                        <div class="container">
-                            <div class="row center-align">
-                                <div class="col s12">
-                                    <h2 class="blue-text no-margin-top">Ils recrutent</h2>
-                                    <h3 class="subtitles-homepage">Ils méritent votre candidature spontanée, découvrez leur réalité, leur marque employeur.</h3>
-                                </div>
-                            </div>
-                            <div class="row">
-                                <div class="col s12 col-noPadding">
-                                    <div class="owl-carousel owl-carousel-home home-company-carousel">
-                                        {% if companies | length > 0 %}
-                                            {% include 'default/company_card.html.twig' with {
-                                                'companies' : companies
-                                            } %}
-                                        {% endif %}
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="row center-align">
-                                <div class="col s12">
-                                    <a href="{{ path('company_list') }}" title="Toutes les entreprise" class="btn btn-default btn-round btn-all-talents">Voir les entreprises</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        {# TALENTS #}
-        <div id="liste-talents" class="bg-dark2 button-plus">
-            <div class="container">
-                <div class="row center-align">
-                    <div class="col s12">
-                        <h2 class="blue-text no-margin-top">Les talents à la une</h2>
-                    </div>
-                    <h3 class="subtitles-homepage">Découvrez leur CV vidéo et vidéo de motivation.</h3>
-                </div>
-                <div class="row">
-                    <div class="owl-carousel owl-carousel-home home-talent-carousel">
-                        {% if talents | length > 0 %}
-                            {% include 'default/talent_card.html.twig' with {
-                                'talents' : talents
-                            } %}
-                        {% endif %}
-                    </div>
-                </div>
-                <div class="row center-align">
-                    <h2>Rejoignez une communauté de plus de <strong>1000</strong> candidats</h2>
-                    <div class="col s12 m-t-50">
-                        <a href="#!" title="Créer Mon profil" class="btn btn-default btn-round btn-create-account">Créer mon profil</a>
-                    </div>
-                </div>
-            </div>
-        </div>
-        {# TERRITOIRE #}
-        <div id="liste-territoires" class="bg-dark1 button-plus">
-            <div class="container">
-                <div class="row center-align">
-                    <div class="col s12">
-                        <h2 class="blue-text no-margin-top">Les territoires</h2>
-                        <h3 class="subtitles-homepage">Venez vivre et travailler chez nous.</h3>
-                        {% if territories %}
-                            <div class="owl-carousel owl-carousel-home territory-carousel">
-                                {% for t in territories if t.presentationVideo and t.isPrivate != true %}
-                                    <div class="item">
-                                        {% if t.presentationVideo.thumbnails.0. sizes is defined %}
-                                            <a href="{{ path('territory_show',{'alias': t.alias }) }}" title="{{ t.brandname }}">
-                                                <img src="{{ t.presentationVideo.thumbnails.0.sizes.4.link }}" alt="{{ t.brandName }}" class="overlay-hover"/>
-                                                <span class="playerbtn" style="margin-top: -55px;"></span>
-                                            </a>
-                                        {% endif %}
-                                        {% if t.extra.terType is defined %}
-                                        <div class="m-t-15 fs-12 text-100">{{ t.extra.terType|upper }}</div>
-                                        {% endif %}
-                                        <div class="m-t-5 hover-none">
-                                            <a href="{{ path('territory_show',{'alias': t.alias }) }}" class="color-white td-none">{{ t.brandName|upper }}</a>
-                                        </div>
-                                    </div>
-                                {% endfor %}
-                            </div>
-                            <div class="m-t-30">
-                                <a title="Voir les territoires" class="btn btn-default" href="{{ path('territory_list') }}">
-                                    <span>
-                                        Voir les territoires</span>
-                                </a>
-                            </div>
-                        {% endif %}
-                    </div>
-                </div>
-            </div>
-        </div>
-        {# BLOC contenu vidéo  #}
-        <div class="fluid-container bg-grey-3">
-            <div class="container">
-                <div class="blocs-texte-video">
-                    <div class="row center-align">
-                        <div class="col s12">
-                            <h2 class="blue-text no-margin-top no-margin-bottom">Les conseils de votre
-                                <span>talentstubeuse</span></h2>
-                        </div>
-                    </div>
-                    <div class="row flexcontainer row-bloc-video-1 row-noMargin">
-                        <div class="col l6 m12 s12 col-noPadding">
-                            <a href="#!" data-video="#video2" class="img_content embed-responsive embed-responsive-16by9" style="background:url(/img-cnt/cv_video.jpg);background-size:cover;">
-                                <span class="playerbtn"></span>
-                            </a>
-                            <iframe style="display:block;" class="hide" id="video2" src="https://player.vimeo.com/video/286344340?title=0&byline=0&portrait=0" width="100%" height="344" frameborder="0" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"></iframe>
-                        </div>
-                        <div class="col l6 m12 s12 valign-wrapper">
-                            <div class="inside-m valign">
-                                <h2 class="no-margin-top">CV vidéo
-                                </h2>
-                                <p>Devenez acteur de vos talents, montrez qui vous êtes !</p>
-                            </div>
-                        </div>
-                        <div class="clearfix"></div>
-                    </div>
-                    <div class="row flexcontainer row-bloc-video-2 row-noMargin">
-                        <div class="col l6 m12 s12 valign-wrapper">
-                            <div class="inside-m valign">
-                                <h2 class="no-margin-top">
-                                    Marque Employeur et Offre d'emploi en vidéo
-                                </h2>
-                                <p>Développez votre Marque Employeur !</p>
-                            </div>
-                        </div>
-                        <div class="col l6 m12 s12 col-noPadding">
-                            <a href="#!" data-video="#video1" class="img_content embed-responsive embed-responsive-16by9" style="background:url(/img-cnt/offre_emploi.jpg);background-size:cover;">
-                                <span class="playerbtn"></span>
-                            </a>
-                            <iframe style="display:block;" class="hide" id="video1" src="https://player.vimeo.com/video/215657499?title=0&byline=0&portrait=0" width="100%" height="344" frameborder="0" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"></iframe>
-                        </div>
-                        <div class="clearfix"></div>
-                    </div>
-                    <div class="row flexcontainer row-bloc-video-3 row-noMargin">
-                        <div class="col l6 m12 s12 col-noPadding">
-                            <a href="#!" data-video="#video3" class="img_content embed-responsive embed-responsive-16by9" style="background:url(https://i.vimeocdn.com/video/653721887_1024x573.jpg);background-size:cover;">
-                                <span class="playerbtn"></span>
-                            </a>
-                            <iframe style="display:block;" class="hide" id="video3" src="https://player.vimeo.com/video/232618030" width="100%" height="344" frameborder="0" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"></iframe>
-                        </div>
-                        <div class="col l6 m12 s12 valign-wrapper">
-                            <div class="inside-m valign">
-                                <h2 class="no-margin-top">
-                                    Le territoire en vidéo
-                                </h2>
-                                <p>Développez votre Marque Territoire !</p>
-                            </div>
-                        </div>
-                        <div class="clearfix"></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        {% include 'testimony/testimony_list.html.twig' %}
-    </div>
-    <div id="modal_concept" class="modal modal-fixed-footer">
-        <div class="modal-content">
-            <div class="video-container">
-                <iframe id="iframe_concept" src="https://player.vimeo.com/video/215638758?title=0&byline=0&portrait=0" frameborder="0" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"></iframe>
-            </div>
-        </div>
-        <div class="modal-footer">
-            <a href="#!" class="modal-action modal-close btn btn-default button-round-small">Fermer</a>
-        </div>
-    </div>
-    
-
-{% endblock %}
-
-{% block javascripts %}
-    {{ parent() }}
-    <script src="https://player.vimeo.com/api/player.js"></script>
-    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
-{% endblock %}

volume/www/website/www/app/Resources/views/defaultv2/marque/bloc4Textes.html.twig

@@ -0,0 +1,76 @@
+<!-- Plateforme DEBUT -->
+<div class=" accueilFondBlanc">
+  <!-- Features Section -->
+  <div class="container space-2 space-3--lg">
+    <!-- Title -->
+    <div class="w-md-80 w-lg-60 text-center mx-md-auto mb-9">
+      <h2 class="h3">Pourquoi la marque employeur ?</h2>
+    </div>
+    <!-- End Title -->
+
+    <div class="row">
+      <div class="col-lg-8">
+        <div class="row">
+          <div class="col-sm-6 mb-7">
+            <!-- Icon Blocks -->
+            <div class="media pr-lg-2">
+              <img class="max-width-7 mr-3" src={{ asset('v2/svg/components/adn-entreprise-recrutement.svg') }}
+                alt="Dévoilez l’adn de votre entreprise en vidéo et montrez vos atouts, vos valeurs et vos savoirs-faire.">
+              <div class="media-body">
+                <h3 class="h6"> Dévoilez l’ADN de votre entreprise</h3>
+                <p class="mb-0">Ses atouts, ses valeurs, ses savoir-faire et sa richesse humaine.</p>
+              </div>
+            </div>
+            <!-- End Icon Blocks -->
+          </div>
+
+          <div class="col-sm-6 mb-7 mb-sm-0">
+            <!-- Icon Blocks -->
+            <div class="media pr-lg-2">
+              <img class="max-width-7 mr-3" src={{ asset('v2/svg/components/attirer-des-candidats.svg') }}
+                alt="Attirez les candidats, valorisez et gardez vos compétences grâce à la vidéo.">
+              <div class="media-body">
+                <h3 class="h6">Recrutez mieux, fidélisez plus</h3>
+                <p class="mb-0">Attirez les talents, valorisez et gardez vos compétences.</p>
+              </div>
+            </div>
+            <!-- End Icon Blocks -->
+          </div>
+
+          <div class="col-sm-6 mb-7 mb-sm-0">
+            <!-- Icon Blocks -->
+            <div class="media pr-lg-2">
+              <img class="max-width-7 mr-3" src={{ asset('v2/svg/components/marque-employeur-offre-emploi-video.svg') }}
+                alt="Boostez vos recrutements avec la vidéo marque employeur et les offres d’emploi en vidéo.">
+              <div class="media-body">
+                <h3 class="h6">Offres d’emploi & marque employeur</h3>
+                <p class="mb-0">Les associer pour un recrutement optimal.</p>
+              </div>
+            </div>
+            <!-- End Icon Blocks -->
+          </div>
+
+          <div class="col-sm-6">
+            <!-- Icon Blocks -->
+            <div class="media pr-lg-2">
+            
+              <img class="max-width-7 mr-3" src={{ asset('v2/svg/components/ouvrir-les-portes-entreprise-marque-employeur.svg') }}
+                alt="Montrez aux candidats l’intérieur de votre entreprise, le cadre de travail et le bien-être dans votre organisation.">
+              <div class="media-body">
+                <h3 class="h6">Ouvrez les portes de votre univers</h3>
+                <p class="mb-0">Organisation, cadre de travail, bien-être en entreprise.</p>
+              </div>
+            </div>
+            <!-- End Icon Blocks -->
+          </div>
+        </div>
+      </div>
+
+      <div class="col-lg-4 d-none d-lg-block">
+        <img class="img-fluid" src={{ asset('v2/img/marque/pourquoi-faire-une-video-marque-employeur.jpg') }} alt="Image Description">
+      </div>
+    </div>
+  </div>
+  <!-- End Features Section -->
+</div>
+<!-- Plateforme FIN -->

volume/www/website/www/app/Resources/views/defaultv2/marque/blocAvantages.html.twig

@@ -0,0 +1,45 @@
+<!-- Plateforme DEBUT -->
+  <div class="space1-bottom gradient-overlay-half-primary-v1">
+    <div class="container space-2 ">
+      <div class="row align-items-lg-center">
+       
+
+          <!-- Icon Blocks Section -->
+        <div class="container space-2 space-3--lg">
+          <div class="row">
+            <div class="col-md-4 mb-7 mb-md-0">
+              <!-- Icon Blocks -->
+              <div class="text-center px-lg-3">
+                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/recrutement-territoire.svg') }}" alt="Image Description">
+                <h3 class="h4 text-white text-center">Valorisez votre implantation territoire</h3>
+                <p class="mb-0 text-white text-center">Les talents sont sensibles à l’équilibre vie professionnelle et vie privée, la situation géographique de vos sites est un atout.</p>
+              </div>
+              <!-- End Icon Blocks -->
+            </div>
+
+            <div class="col-md-4 mb-7 mb-md-0">
+              <!-- Icon Blocks -->
+              <div class="text-center px-lg-3">
+                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/temoignage-collaborateur.svg') }}" alt="Image Description">
+                <h3 class="h4 text-white text-center">Donnez la parole à vos collaborateurs</h3>
+                <p class="mb-0 text-white text-center">Ce sont ceux qui le vivent qui en parlent le mieux. Soyez authentique, montrez les évolutions de carrière et donnez du sens à vos emplois.</p>
+              </div>
+              <!-- End Icon Blocks -->
+            </div>
+
+            <div class="col-md-4">
+              <!-- Icon Blocks -->
+              <div class="text-center px-lg-3">
+                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/boost-identite-digitale.svg') }}" alt="Image Description">
+                <h3 class="h4 text-white text-center" >Boostez votre identité digitale</h3>
+                <p class="mb-0 text-white text-center">Avec la vidéo, 1er média sur le web, propulsez votre image de marque employeur et gagnez en notoriété.</p>
+              </div>
+              <!-- End Icon Blocks -->
+            </div>
+          </div>
+        </div>
+        <!-- End Icon Blocks Section -->
+      </div>
+    </div>
+  </div>
+  <!-- Plateforme FIN -->

volume/www/website/www/app/Resources/views/defaultv2/marque/blocComment.html.twig

@@ -0,0 +1,45 @@
+<div class="accueilFondBleute">
+<!-- Features Section -->
+    <div class="container space-2-top space-3--lg ">
+      <div class="row justify-content-lg-between align-items-md-center">
+        <div class="col-md-6 col-lg-5 mb-7 mb-md-0">
+          <!-- Title -->
+          <div class="mb-7">
+            <h2>Comment ça fonctionne ?</h2>
+            <p>Misez sur une image dynamique et attrayante pour solutionner vos problématiques de recrutement.</p>
+          </div>
+          <!-- End Title -->
+
+          <!-- Icon Block -->
+          <div class="media mb-3">
+            <img class="max-width-9" src="{{ asset('v2/svg/components/candidature-video-offre-emploi.svg') }}" alt="Recevez des candidatures spontanées grâce à la vidéo marque employeur.">
+            <div class="media-body pl-4">
+              <h4 class="h5 mb-1">Les candidatures spontanées en vidéo</h4>
+              <p>La vidéo marque employeur donne envie aux talents de postuler en candidature spontanée pour rejoindre vos équipes.</p>
+            </div>
+          </div>
+          <!-- End Icon Block -->
+
+          <!-- Icon Block -->
+          <div class="media mb-3">
+            <img class="max-width-9" src="{{ asset('v2/svg/components/avantages-candidature-video.svg') }}" alt="Optimisez votre recrutement avec une vidéo marque employeur et des offres d’emploi vidéo.">
+            <div class="media-body pl-4">
+              <h4 class="h5 mb-1">Le recrutement optimal</h4>
+              <p>Combinez la vidéo marque employeur et les offres d'emploi vidéo pour optimiser l'efficacité de vos recrutements.</p>
+            </div>
+          </div>
+          <!-- End Icon Block -->
+
+          
+        </div>
+
+        <div class="col-md-6 mb-9 mb-md-0">
+          <img src="{{ asset('v2/img/marque/marque-employeur-candidature-spontanee.jpg') }}">
+        </div>
+      </div>
+    </div>
+    <!-- End Features Section -->
+</div>
+
+
+

volume/www/website/www/app/Resources/views/defaultv2/marque/blocEnvie.html.twig

@@ -0,0 +1,18 @@
+<!-- Degradé avec Stats Section -->
+  <div class="gradient-overlay-half-primary-v1">
+    <div class="container text-center space-2-top space-3-top--lg space-3-bottom">
+      <div class="w-md-80 w-lg-60 text-center mx-auto">
+        <!-- SVG Quote -->
+        
+          <h2 class="text-white text-center"> Envie de dévoiler votre marque employeur en vidéo ? </h2>
+        </div>
+        <a class="btn btn-sm btn-contact" href="https://blog.talentstube.com/contact.html" 
+                   data-overlay-color="#151b26">
+                 
+                  Contactez-nous
+                </a>
+      </div>
+      
+    </div>
+  </div>
+  <!-- Degradé avec Stats FIN-->

volume/www/website/www/app/Resources/views/defaultv2/marque/blocMarqueEmployeur.html.twig

@@ -0,0 +1,58 @@
+<!-- Plateforme DEBUT -->
+<div class=" accueilFondBlanc">
+  <div class="container space-2  ">
+    <div class="row row justify-content-lg-end ">
+      <div class="col-md-6 ">
+        <!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
+        <div class="mb-6">
+          <h2 class="h3"> Qu’est-ce que la marque employeur ?</h2>
+          <p> La marque employeur est l’image de marque que vous renvoyez auprès de vos candidats, vos collaborateurs,
+            vos anciens salariés et même vos clients. La mission de votre entreprise, ses métiers, ses expertises, ses
+            valeurs, sa politique RH et sociale, sa réputation employeur sont autant d’éléments qui définissent votre
+            marque employeur.
+
+            Le développement de la marque employeur augmente l’attractivité de l’entreprise, la qualité des candidatures
+            reçues et les chances d’obtenir du personnel qualifié en accord avec les valeurs de l’entreprise.
+          </p>
+          <a class="btn btn-sm btn-primary btn-wide" href="https://www.talentstube.com/Entreprises" target="_blank">Voir la plateforme</a>
+
+        </div>
+      </div>
+
+      <div class="col-md-6 align-right paddintRight">
+        <div class="mb-6">
+
+
+          <!-- Video Block -->
+          <div id="youTubeVideoPlayer" class="u-video-player mb-7">
+            <!-- Cover Image -->
+            <img class="img-fluid u-video-player__preview"
+              src="{{ asset('v2/img/marque/marque-employeur-video.jpg') }}" alt="Image">
+            <!-- End Cover Image -->
+
+            <!-- Play Button -->
+            <a class="js-fancybox text-white u-video-player__btn u-video-player__centered" href="javascript:;"
+              data-src="https://www.youtube.com/watch?v=1bOrktLebt4&t=78s" data-speed="700" data-animate-in="zoomIn"
+              data-animate-out="zoomOut" data-caption="Témoignage">
+              <span class="u-video-player__icon">
+                <i class="fa fa-play u-video-player__icon-inner"></i>
+              </span>
+            </a>
+            <!-- End Play Button -->
+
+            <!-- Video Iframe -->
+            <div class="embed-responsive embed-responsive-16by9">
+
+            </div>
+            <!-- End Video Iframe -->
+          </div>
+          <!-- End Video Block -->
+
+
+
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- Plateforme FIN -->

volume/www/website/www/app/Resources/views/defaultv2/marque/blocPourquoiMarque.html.twig

@@ -0,0 +1,49 @@
+<!-- Candidat DEBUT -->
+<div class="space-1-bottom accueilFondNoir">
+  <div class="container space-2 ">
+    <div class="row justify-content-lg-end">
+      <div class="col-md-6 order-md-2 mb-5 mb-md-0">
+        <!-- Title -->
+        <div class="mb-4">
+          <h2 class="h3"> Pourquoi révéler votre marque employeur en vidéo ?</h2>
+          <p>
+            Recruter, fidéliser et rayonner sont des bénéfices directs de la diffusion de votre marque employeur en
+            vidéo. Mettre en image vos locaux et votre organisation sont de véritables plus-values pour vos candidats
+            potentiels qui pourront se projeter dans l’entreprise. Diffuser votre vidéo sur Talents Tube vous permet de
+            cibler votre audience et de générer des candidatures spontanées, en vidéo !
+
+          </p>
+          <a class="btn btn-sm btn-primary btn-wide" href="https://www.talentstube.com/Entreprises" target="_blank">En
+            savoir plus</a>
+
+        </div>
+      </div>
+
+      <div class="col-md-6 order-md-1">
+        <div id="youTubeVideoPlayer" class="u-video-player mb-7">
+          <!-- Cover Image -->
+          <img class="img-fluid u-video-player__preview"
+            src="{{ asset('v2/img/marque/temoignage-marque-employeur-video.jpg') }}" alt="Image">
+          <!-- End Cover Image -->
+
+          <!-- Play Button -->
+          <a class="js-fancybox text-white u-video-player__btn u-video-player__centered" href="javascript:;"
+            data-src="https://www.youtube.com/watch?v=lheAXL8U9cU&t" data-speed="700" data-animate-in="zoomIn"
+            data-animate-out="zoomOut" data-caption="Témoignage">
+            <span class="u-video-player__icon">
+              <i class="fa fa-play u-video-player__icon-inner"></i>
+            </span>
+          </a>
+          <!-- End Play Button -->
+
+          <!-- Video Iframe -->
+          <div class="embed-responsive embed-responsive-16by9">
+
+          </div>
+          <!-- End Video Iframe -->
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- Candidat FIN -->

volume/www/website/www/app/Resources/views/defaultv2/marque/index.html.twig

@@ -0,0 +1,202 @@
+{% extends 'basev2.html.twig' %}
+
+{% block title %}Marque Employeur - Attirez des candidats en vidéo - Talents Tube{% endblock %}
+{% block meta %}
+  <meta name="description" content="Révélez votre marque employeur en vidéo pour attirer, convertir, recruter et fidéliser les meilleurs talents.
+">
+  
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@TalentsTube">
+  <meta name="twitter:title" content="Marque Employeur - Attirez des candidats en vidéo - Talents Tube">
+  <meta name="twitter:description" content="Révélez votre marque employeur en vidéo pour attirer, convertir, recruter et fidéliser les meilleurs talents.
+">
+  <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
+
+  {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
+  <meta property="og:title" content="Marque Employeur - Attirez des candidats en vidéo - Talents Tube" />
+  <meta property="og:type" content="article" />
+  <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
+  <meta property="og:description" content="Révélez votre marque employeur en vidéo pour attirer, convertir, recruter et fidéliser les meilleurs talents.
+" />
+  <meta property="og:site_name" content="Talents Tube" />
+  <meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
+{% endblock %}
+
+{% block content %}
+<main id="content">
+  {% include 'defaultv2/accueil/blocPhoto.html.twig' 
+  with {
+    'urlImage': 'v2/img/1920x800/video-marque-employeur.jpg',
+    'textParDefaut' : 'Révélez votre marque employeur ',
+    'textVideo' : 'avec la vidéo'
+  } %}
+  
+  {% include 'defaultv2/marque/blocMarqueEmployeur.html.twig' %}
+
+  {% include 'defaultv2/marque/bloc4Textes.html.twig' %}
+  
+  {% include 'defaultv2/marque/blocPourquoiMarque.html.twig' %}
+
+  {% include 'defaultv2/marque/blocAvantages.html.twig' %}
+
+  {% include 'defaultv2/marque/blocComment.html.twig' %}
+
+  {% include 'defaultv2/marque/blocEnvie.html.twig' %}
+
+</main>
+<!-- ========== END MAIN CONTENT ========== -->
+
+{% include 'defaultv2/accueil/footer.html.twig' %}
+
+<!-- Begin Panel Login -->
+{% include 'defaultv2/accueil/blocLogin.html.twig'
+with {
+    'csrf_token': csrf_token,
+    'error' : error
+  } %}
+<!-- End Panel Login -->
+
+<!-- Go to Top -->
+<a class="js-go-to u-go-to" href="javascript:;" data-position='{"bottom": 30, "right": 100 }' data-type="fixed"
+  data-offset-top="400" data-compensation="#header" data-show-effect="slideInUp" data-hide-effect="slideOutDown">
+  <i class="fa fa-arrow-up u-go-to__inner"></i>
+</a>
+<!-- End Go to Top -->
+
+<!-- JS Global Compulsory -->
+<script src="{{ asset('v2/vendor/jquery/dist/jquery.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-migrate/dist/jquery-migrate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/popper.js/dist/umd/popper.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/bootstrap/bootstrap.min.js') }}"></script>
+
+<!-- JS Implementing Plugins -->
+<script src="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-validation/dist/jquery.validate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.legacy.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/typed.js/lib/typed.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/slick-carousel/slick/slick.js') }}"></script>
+<script src="{{ asset('v2/vendor/cubeportfolio/js/jquery.cubeportfolio.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/fancybox/jquery.fancybox.min.js') }}"></script>
+
+<!-- JS Space -->
+<script src="{{ asset('v2/js/hs.core.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.header.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.unfold.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.validation.js') }}"></script>
+<script src="{{ asset('v2/js/helpers/hs.focus-state.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.malihu-scrollbar.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.fancybox.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.modal-window.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.show-animation.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.slick-carousel.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.cubeportfolio.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.g-map.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.go-to.js') }}"></script>
+ <script src="{{ asset('v2/js/components/hs.video-player.js') }}"></script>
+
+  
+
+<!-- JS Plugins Init. -->
+<script>
+  // initialization of google map
+  {# function initMap() {
+    $.HSCore.components.HSGMap.init('.js-g-map');
+  } #}
+
+  $(window).on('load', function () {
+    // initialization of HSMegaMenu component
+    $('.js-mega-menu').HSMegaMenu({
+      event: 'hover',
+      pageContainer: $('.container'),
+      breakpoint: 767,
+      hideTimeOut: 0
+    });
+  });
+
+  $(document).on('ready', function () {
+    // initialization of header
+    $.HSCore.components.HSHeader.init($('#header'));
+
+    // initialization of fancybox
+    $.HSCore.components.HSFancyBox.init('.js-fancybox');
+
+    // initialization of unfold component
+    $.HSCore.components.HSUnfold.init($('[data-unfold-target]'), {
+      afterOpen: function () {
+        if (!$('body').hasClass('IE11')) {
+          $(this).find('input[type="search"]').focus();
+        }
+      }
+    });
+
+    // initialization of form validation
+    $.HSCore.components.HSValidation.init('.js-validate', {
+      rules: {
+        confirmPassword: {
+          equalTo: '#password'
+        }
+      }
+    });
+
+    // initialization of forms
+    $.HSCore.helpers.HSFocusState.init();
+
+    // initialization of malihu scrollbar
+    $.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar'));
+
+    // initialization of autonomous popups
+    $.HSCore.components.HSModalWindow.init('[data-modal-target]', '.js-signup-modal', {
+      autonomous: true
+    });
+
+    // initialization of show animations
+    $.HSCore.components.HSShowAnimation.init('.js-animation-link');
+
+    // initialization of slick carousel
+    $.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
+
+     // initialization of video player
+    $.HSCore.components.HSVideoPlayer.init('.js-inline-video-player');
+
+    // initialization of text animation (typing)
+     $('.u-text-animation.u-text-animation').html("");
+   
+    var typed = new Typed(".u-text-animation.u-text-animation--typing", {
+      strings: ["Révélez votre marque employeur", "Montrez vos valeurs", "Développez votre notoriété"],
+      typeSpeed: 60,
+      loop: true,
+      backSpeed: 25,
+      backDelay: 3000
+    });
+
+    // initialization of cubeportfolio
+    $.HSCore.components.HSCubeportfolio.init('.cbp');
+
+    // initialization of go to
+    $.HSCore.components.HSGoTo.init('.js-go-to');
+
+    
+  });
+
+
+  $(document).ready(function () {
+    $(window).scroll(function () { // check if scroll event happened
+      if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
+        $("#logoAndNav").css("background-color","#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
+        $("#sidebarNavToggler").css("color","#fff");
+      } else {
+        $("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
+        $("#sidebarNavToggler").css("color", "#000");
+      }
+    });
+  });
+</script>
+
+{% endblock %}
+
+{% block javascripts %}
+{{ parent() }}
+<script src="https://player.vimeo.com/api/player.js"></script>
+{% endblock %}

volume/www/website/www/app/Resources/views/defaultv2/offres/blocAvantages.html.twig

@@ -1,16 +1,16 @@
 <!-- Plateforme DEBUT -->
-  <div class="space1-bottom accueilFondBleute">
-    <div class="container space-2 ">
+  <div class="accueilFondBleute">
+    <div class="container ">
       <div class="row align-items-lg-center">
        
 
           <!-- Icon Blocks Section -->
-        <div class="container space-2 space-3--lg">
+        <div class="container ">
           <div class="row">
             <div class="col-md-4 mb-7 mb-md-0">
               <!-- Icon Blocks -->
               <div class="text-center px-lg-3">
-                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/trophy-purple-icon.svg') }}" alt="Image Description">
+                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/boost-annonce.svg') }}" alt="Améliorez le nombre de candidatures avec l’offre d’emploi vidéo.">
                 <h3 class="h4">Améliorez vos annonces</h3>
                 <p class="mb-0">La vidéo génère 34% de candidatures supplémentaires par rapport à une annonce d’emploi écrite.</p>
               </div>
@@ -20,7 +20,8 @@
             <div class="col-md-4 mb-7 mb-md-0">
               <!-- Icon Blocks -->
               <div class="text-center px-lg-3">
-                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/idea-primary-icon.svg') }}" alt="Image Description">
+                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/attirer-des-candidats-large.svg') }}" alt="
+Attirer les jeunes candidats à postuler en vidéo à vos offres d’emploi.">
                 <h3 class="h4">Attirez les jeunes candidats</h3>
                 <p class="mb-0">La génération des millenials représentera 75% de la population active d’ici 2030.</p>
               </div>
@@ -30,7 +31,7 @@
             <div class="col-md-4">
               <!-- Icon Blocks -->
               <div class="text-center px-lg-3">
-                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/rocket-red-icon.svg') }}" alt="Image Description">
+                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/mobile-first.svg') }}" alt="82 % des candidats recherchent des offres d’emploi depuis leur mobile.">
                 <h3 class="h4">Adoptez le Mobile First</h3>
                 <p class="mb-0">82% des candidats recherchent des offres d’emploi depuis leur smartphone.</p>
               </div>

volume/www/website/www/app/Resources/views/defaultv2/offres/blocDemarche.html.twig

@@ -1,81 +1,116 @@
 <!-- Plateforme DEBUT -->
-  <div class=" accueilFondBlanc">
-    <div class="container space-2  ">
-      <div class="row row justify-content-lg-end ">
+<div class=" accueilFondBlanc">
+  <div class="container  ">
+    <div class="row row justify-content-lg-end ">
 
 
+      <!-- Features Section -->
+      <div class="container ">
+        <!-- Title -->
+        <div class="w-md-80 w-lg-60 text-center mx-md-auto mb-9">
+          <h2 class="h3">La démarche pour recruter</h2>
+          <p>
+            Grâce au storytelling, vous racontez à vos employés potentiels, une histoire qui humanise votre entreprise.
+            Par l’interview de vos collaborateurs, la visite de vos locaux... Vous leur offrez une vue de l’intérieur
+            fidèle à la réalité de votre quotidien.
 
+          </p>
+        </div>
+        <!-- End Title -->
 
-          <!-- Benefits -->
-    <div class="space-2 space-3-bottom--lg overflow-hidden">
-      <div class="container">
-        <div class="row no-gutters align-items-center">
-          <div class="col-lg-5 mb-5 mb-lg-0">
-            <h6 class="text-uppercase font-weight-medium letter-spacing-0_06 mb-3">Benefits</h6>
-            <h2 class="text-lh-xs mb-4">La démarche pour recruter</h2>
-            <p class="mb-5">Grâce au storytelling, vous racontez à vos employés potentiels, une histoire qui humanise votre entreprise.
-Par l’interview de vos collaborateurs, la visite de vos locaux, vous leur offrez une vue de l’intérieur en toute cohérence avec la réalité de votre quotidien.</p>
-
-            <!-- Benefits List -->
-            <ul class="list-unstyled mb-7">
-              <li class="d-flex align-items-start mb-5">
-                <div class="mt-2">
-                  <span class="u-icon u-icon--secondary u-icon--sm rounded-circle">
-                    <span class="u-icon__inner">1</span>
+        <div class="row justify-content-lg-between align-items-lg-center">
+          <div class="col-lg-5 mb-7 mb-lg-0">
+            <!-- Slick Carousel - Features Main -->
+            <div id="featuresSlickNavMain"
+              class="js-slick-carousel u-slick u-slick--pagination-simple u-slick--transform-off" data-infinite="true"
+              data-autoplay="true" data-speed="7000" data-slides-show="3" data-adaptive-height="true"
+              data-vertical="true" data-vertical-swiping="true" data-focus-on-select="true"
+              data-nav-for="#featuresSlickNavThumb">
+              <!-- Slide Item -->
+              <div class="js-slide u-slick--pagination-simple__item">
+                <div class="media">
+                  <span class="u-slick--pagination-simple__icon rounded-circle mr-3">
+                    <span class="u-slick--pagination-simple__icon-inner">1</span>
                   </span>
+                  <div class="media-body demarche">
+                    <h3 class="h6 u-slick--pagination-simple__title">Tournage dans vos locaux</h3>
+                    <p class="u-slick--pagination-simple__text">Vous réalisez vos vidéos d’offres d’emploi et <strong><a
+                          href="{{ path('employeurVideo') }}">marque
+                          employeur</a></strong> en interne ou en faisant appel à un prestataire.</p>
+                  </div>
                 </div>
-                <div class="ml-3">
-                  <p class="mb-0">Tournage dans vos locaux</p>
-                </div>
-              </li>
+              </div>
+              <!-- End Slide Item -->
 
-              <li class="d-flex align-items-start mb-5">
-                <div class="mt-2">
-                  <span class="u-icon u-icon--secondary u-icon--sm rounded-circle">
-                    <span class="u-icon__inner">2</span>
+              <!-- Slide Item -->
+              <div class="js-slide u-slick--pagination-simple__item">
+                <div class="media">
+                  <span class="u-slick--pagination-simple__icon rounded-circle mr-3">
+                    <span class="u-slick--pagination-simple__icon-inner">2</span>
                   </span>
+                  <div class="media-body">
+                    <h4 class="h6 u-slick--pagination-simple__title">Votre espace Talents Tube</h4>
+                    <p class="u-slick--pagination-simple__text">Nous vous donnons accès à votre espace recruteur. Vous
+                      pourrez diffuser d’autres vidéos de recrutement !
+                    </p>
+                  </div>
                 </div>
-                <div class="ml-3">
-                  <p class="mb-0">Votre espace Talents Tube</p>
-                </div>
-              </li>
+              </div>
+              <!-- End Slide Item -->
 
-              <li class="d-flex align-items-start mb-5">
-                <div class="mt-2">
-                  <span class="u-icon u-icon--secondary u-icon--sm rounded-circle">
-                    <span class="u-icon__inner">3</span>
+              <!-- Slide Item -->
+              <div class="js-slide u-slick--pagination-simple__item">
+                <div class="media">
+                  <span class="u-slick--pagination-simple__icon rounded-circle mr-3">
+                    <span class="u-slick--pagination-simple__icon-inner">3</span>
                   </span>
-                </div>
-                <div class="ml-3">
-                  <p class="mb-0">Vos candidatures en vidéo </p>
-                </div>
-              </li>
-            </ul>
-            <!-- End Benefits List -->
+                  <div class="media-body demarche">
+                    <h4 class="h6 u-slick--pagination-simple__title">Vos candidatures en vidéo
+                    </h4>
+                    <p class="u-slick--pagination-simple__text">Grâce à notre plateforme, les candidats <strong><a
+                          href="{{ path('candidaturesVideo') }}">se présentent en
+                      vidéo</a></strong> pour exprimer leurs motivations à rejoindre votre entreprise.
 
-            <!-- Logos -->
-            <ul class="list-inline">
-              <li class="list-inline-item mr-6"><img src="{{ asset('v2/img/clients/google.png') }}" alt="Image Description" width="94"></li>
-              <li class="list-inline-item mr-6"><img src="{{ asset('v2/img/clients/slack.png') }}" alt="Image Description" width="97"></li>
-              <li class="list-inline-item"><img src="{{ asset('v2/img/clients/spotify.png') }}" alt="Image Description" width="94"></li>
-            </ul>
-            <!-- End Logos -->
-          </div>
-          <div class="col-lg-6 offset-lg-1">
-            <div class="position-relative h-100 vw-lg-50">
-              <img class="img-fluid w-100 rounded rounded-lg-right-0" src="{{ asset('v2/img/demo/real-estate/benefits.jpg') }}" alt="Image Description">
+                    </p>
+                  </div>
+                </div>
+              </div>
+              <!-- End Slide Item -->
             </div>
+            <!-- End Slick Carousel - Features Main -->
+          </div>
+
+          <div class="col-lg-6">
+            <!-- Slick Carousel - Features Main -->
+            <div id="featuresSlickNavThumb" class="js-slick-carousel u-slick" data-infinite="true" data-autoplay="true"
+              data-speed="7000" data-fade="true" data-is-thumbs="true" data-nav-for="#featuresSlickNavMain">
+              <div class="js-slide">
+                <img class="" src="{{ asset('v2/tournage/tournage-offre-emploi-video.jpg') }}" alt="Tournage vidéo">
+              </div>
+
+              <div class="js-slide">
+                <img class="" src="{{ asset('v2/tournage/recruteurs-offre-emploi-video.jpg') }}" alt="Tournage vidéo">
+              </div>
+
+              <div class="js-slide">
+                <img class="" src="{{ asset('v2/tournage/candidature-en-video-offre-emploi.jpg') }}"
+                  alt="Tournage vidéo">
+              </div>
+            </div>
+            <!-- End Slick Carousel - Features Main -->
           </div>
         </div>
+        <div class="w-md-80 w-lg-60 text-center mx-md-auto mb-9">
+          <p>&nbsp;</p>
+          <p>
+            Améliorez votre processus de recrutement en repensant l’expérience candidat et en optant pour le
+            recrutement vidéo ! Vous pouvez désormais remplacer vos vieilles annonces par une courte vidéo qui
+            donnera d’autant plus envie aux candidats de postuler.
+          </p>
+        </div>
       </div>
-    </div>
-    <!-- End Benefits -->
-
-
-
-
-        
-      </div>
+      <!-- End Features Section -->
     </div>
   </div>
-  <!-- Plateforme FIN -->
+</div>
+<!-- Plateforme FIN -->

volume/www/website/www/app/Resources/views/defaultv2/offres/blocOffreVideo.html.twig

@@ -5,7 +5,7 @@
         <div class="col-md-6 ">
           <!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
           <div class="mb-6">
-            <h2 class="h3"> Qu’est ce qu’une offre d’emploi vidéo ?</h2>
+            <h2 class="h3"> Qu’est-ce qu’une offre d’emploi vidéo ?</h2>
             <p> Véritable outil d’attractivité, vous vous distinguez auprès des 
 candidats en recherche de projets professionnels, mais aussi 
 auprès de toutes vos parties prenantes.
@@ -15,7 +15,7 @@ et qui vous permet de présenter en quelques minutes et en toute
 authenticité votre équipe, vos valeurs, votre environnement de 
 travail et le quotidien de vos métiers.
             </p>
-            <a class="btn btn-sm btn-primary btn-wide" href="#">Voir la plateforme</a>
+            <a class="btn btn-sm btn-primary btn-wide" href="https://www.talentstube.com/offres-emploi" target="_blank">Voir la plateforme</a>
 
           </div>
         </div>
@@ -31,7 +31,7 @@ travail et le quotidien de vos métiers.
             <!-- End Cover Image -->
 
             <!-- Play Button -->
-            <a class="js-fancybox text-white u-video-player__btn u-video-player__centered" href="javascript:;" data-src="https://www.youtube.com/watch?v=CZDfD2ugXtg&t"
+            <a class="js-fancybox text-white u-video-player__btn u-video-player__centered" href="javascript:;" data-src="https://www.youtube.com/watch?v=--8SCykm1k8"
             data-speed="700" data-animate-in="zoomIn" data-animate-out="zoomOut"
             data-caption="Témoignage">
               <span class="u-video-player__icon">

volume/www/website/www/app/Resources/views/defaultv2/offres/blocPourquoiVideo.html.twig

@@ -1,36 +1,41 @@
 <!-- Plateforme DEBUT -->
-  <div class="space1-bottom accueilFondBleute">
-    <div class="container space-2 ">
-      <div class="row align-items-lg-center">
-        <div class="col-md-6 order-md-2 mb-5 mb-md-0">
-          <!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
-          <div class="mb-6">
-            <h2 class="h3"> La vidéo d’offre d’emploi améliore l’efficacité de vos recrutements.</h2>
-<p>À travers une présentation moderne, dynamique et originale de votre organisation, de votre équipe et du poste, vous vous distinguez des autres recruteurs.
+<div class=" accueilFondBleute">
+  <div class="container  ">
+    <div class="row align-items-lg-center">
+      <div class="col-md-6 order-md-2 mb-5 mb-md-0">
+        <!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
+        <div class="mb-6">
+          <h2 class="h3"> La vidéo d’offre d’emploi améliore l’efficacité de vos recrutements.</h2>
+          <p>
+            À travers une présentation moderne, dynamique et originale de votre organisation, de votre équipe et du
+            poste, vous vous distinguez des autres recruteurs. Gagnez du temps pour la présélection des candidats et
+            évitez les erreurs de recrutement. En étant plus précis dans votre offre, vous séduisez les meilleurs
+            talents et seuls les candidats réellement intéressés postulent en vidéo. Replacez l’humain au cœur du
+            recrutement ! Véritable levier d’engagement, fédérateur pour vos équipes et outil de fidélisation, vos
+            collaborateurs sont fiers de présenter leur métier.
 
-Gagnez du temps pour la présélection des candidats et évitez les erreurs de recrutement. En étant plus précis dans votre offre, vous séduisez les meilleurs talents et seuls les candidats réellement intéressés postulent en vidéo. Replacez l’humain au cœur du recrutement !
+          </p>
+          <a class="btn btn-sm btn-primary btn-wide" href="https://www.talentstube.com/offres-emploi"
+            target="_blank">Voir la plateforme</a>
 
-Véritable levier d’engagement, fédérateur pour vos équipes et outil de fidélisation, vos collaborateurs sont fiers de présenter de leur métier.
-            </p>
-            <a class="btn btn-sm btn-primary btn-wide" href="#">Voir la plateforme</a>
-
-          </div>
         </div>
+      </div>
 
-        <div class="col-md-6 align-right paddintRight">
-          <div class="mb-6">
-            
-            
-            <!-- Video Block -->
+      <div class="col-md-6 align-right paddintRight">
+        <div class="mb-6">
+
+
+          <!-- Video Block -->
           <div id="youTubeVideoPlayer" class="u-video-player mb-7">
             <!-- Cover Image -->
-            <img class="img-fluid u-video-player__preview" src="{{ asset('v2/png/temoignage-recrutement-offre-emploi-video.jpg') }}" alt="Image">
+            <img class="img-fluid u-video-player__preview"
+              src="{{ asset('v2/png/temoignage-recrutement-offre-emploi-video.jpg') }}" alt="Image">
             <!-- End Cover Image -->
 
             <!-- Play Button -->
-            <a class="js-fancybox text-white u-video-player__btn u-video-player__centered" href="javascript:;" data-src="https://www.youtube.com/watch?v=CZDfD2ugXtg&t"
-            data-speed="700" data-animate-in="zoomIn" data-animate-out="zoomOut"
-            data-caption="Témoignage">
+            <a class="js-fancybox text-white u-video-player__btn u-video-player__centered" href="javascript:;"
+              data-src="https://www.youtube.com/watch?v=Em3niStNutA" data-speed="700" data-animate-in="zoomIn"
+              data-animate-out="zoomOut" data-caption="Témoignage">
               <span class="u-video-player__icon">
                 <i class="fa fa-play u-video-player__icon-inner"></i>
               </span>
@@ -39,7 +44,7 @@ Véritable levier d’engagement, fédérateur pour vos équipes et outil de fid
 
             <!-- Video Iframe -->
             <div class="embed-responsive embed-responsive-16by9">
-             
+
             </div>
             <!-- End Video Iframe -->
           </div>
@@ -47,9 +52,9 @@ Véritable levier d’engagement, fédérateur pour vos équipes et outil de fid
 
 
 
-          </div>
         </div>
       </div>
     </div>
   </div>
-  <!-- Plateforme FIN -->
+</div>
+<!-- Plateforme FIN -->

volume/www/website/www/app/Resources/views/defaultv2/offres/index.html.twig

@@ -1,6 +1,23 @@
 {% extends 'basev2.html.twig' %}
 
-{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
+{% block title %}Offres d’emploi - Recrutez des candidats en vidéo - Talents Tube{% endblock %}
+{% block meta %}
+  <meta name="description" content="Attirez les meilleurs candidats avec des offres d’emploi en vidéo. Présentez le poste recherché, les missions, les locaux et les collaborateurs de votre entreprise.">
+  
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@TalentsTube">
+  <meta name="twitter:title" content="Offres d’emploi - Recrutez des candidats en vidéo - Talents Tube">
+  <meta name="twitter:description" content="Attirez les meilleurs candidats avec des offres d’emploi en vidéo. Présentez le poste recherché, les missions, les locaux et les collaborateurs de votre entreprise.">
+  <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
+
+  {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
+  <meta property="og:title" content="Offres d’emploi - Recrutez des candidats en vidéo - Talents Tube" />
+  <meta property="og:type" content="article" />
+  <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
+  <meta property="og:description" content="Attirez les meilleurs candidats avec des offres d’emploi en vidéo. Présentez le poste recherché, les missions, les locaux et les collaborateurs de votre entreprise." />
+  <meta property="og:site_name" content="Talents Tube" />
+  <meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
+{% endblock %}
 
 {% block content %}
 <main id="content">
@@ -21,8 +38,6 @@
   
   {% include 'defaultv2/offres/blocDemarche.html.twig' %}
 
-  {% include 'defaultv2/candidatures/blocAccompagnement.html.twig' %}
-
   {% include 'defaultv2/candidatures/blocPourquoiPasVous.html.twig' %}
 </main>
 <!-- ========== END MAIN CONTENT ========== -->
@@ -142,10 +157,10 @@ with {
     $.HSCore.components.HSVideoPlayer.init('.js-inline-video-player');
 
     // initialization of text animation (typing)
-     $('.u-text-animation.u-text-animation').html("");
-   
+    $('.u-text-animation.u-text-animation').html("");
+    // initialization of text animation (typing)
     var typed = new Typed(".u-text-animation.u-text-animation--typing", {
-      strings: [" Attirez des talents "],
+      strings: ["Attirez des talents", "Valorisez vos collaborateurs", "Dévoilez vos métiers "],
       typeSpeed: 60,
       loop: true,
       backSpeed: 25,

volume/www/website/www/app/Resources/views/media/dropzone.html.twig

@@ -19,8 +19,8 @@
                         <div class="progress">
                             <div class="determinate" style="width: 0%"></div>
                         </div>
-                        <div class="dz-success-mark"><span>✔</span></div>
-                        <div class="dz-error-mark"><span>✘</span></div>
+                        {# <div class="dz-success-mark"><span>✔</span></div>
+                        <div class="dz-error-mark"><span>✘</span></div> #}
                         <div class="dz-error-message"><span data-dz-errormessage></span></div>
                         {% if deleting is defined %}
                         <a href="javascript:undefined;" class="dz-remove" data-dz-remove>Supprimer la vidéo</a>

volume/www/website/www/app/Resources/views/media/dropzoneV2.html.twig

@@ -0,0 +1,36 @@
+{% block dropzone %}
+<div id="dropzone-row" class="row">
+    <div class="col s12">
+        <div class="dropzone dz-clickable" id="my-awesome-dropzone">
+            <div id="template-container-dz">
+                <div id="template" class="file-row">
+                    <div class="dz-preview">
+                        <div id="preview_video">
+                        {% if video is defined %}
+                            {% if video is not null %}
+                                <iframe 
+                                src="https://player.vimeo.com{{ video.getCdnUrl()|replace({ "videos": "video"}) }}" 
+                                width="100%" height="300px" frameborder="0" 
+                                webkitallowfullscreen mozallowfullscreen allowfullscreen>
+                            </iframe>
+                            {% endif %}
+                        {% endif %}
+                        </div>
+                        <div class="progress">
+                            <div class="determinate" style="width: 0%"></div>
+                        </div>
+                        {# <div class="dz-success-mark"><span>✔</span></div>
+                        <div class="dz-error-mark"><span>✘</span></div> #}
+                        <div class="dz-error-message"><span data-dz-errormessage></span></div>
+                        <div class="dz-message">Supprimer</div>
+                        {% if deleting is defined %}
+                        <a href="javascript:undefined;" class="dz-remove" data-dz-remove>Supprimer la vidéo</a>
+                        {% endif %}
+                    </div>
+                    
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}

volume/www/website/www/app/Resources/views/message/message_create_import.twig

@@ -1,9 +1,9 @@
 {% block content %}
 <div class="row">
-    <div class="col s12">
+    {# <div class="col s12">
         <h4>{% trans %}label.webcam.answer.step2{% endtrans %}</h4>
-    </div>
-    <div class="col s10 offset-s1 answer-dropzone">
+    </div> #}
+    <div class="col s10  answer-dropzone text-center">
     {% include 'media/dropzone.html.twig' with {'deleting': true }  %}
     </div>
 </div>

volume/www/website/www/app/Resources/views/talent/talent_picture.html.twig

@@ -1,13 +1,20 @@
 <div class="profil-picture mini-profil-picture">
     {% if answer.user.getWebPath() %}
-        {% if user.socialPicture is not null and user.photo is null %}
-            <img class="circle responsive-img" src="{{ user.socialPicture }}" alt="{{ user.firstname }} {{ user.lastname|first|upper }}"/>
-        {% elseif user.photo %}
-            <img class="circle responsive-img" src="{{ user.webPath | imagine_filter('profile_square') }}" alt="{{ user.firstname }} {{ user.lastname }}"/>
-        {% else %}
-            <div class="circle-letters font-2">{{ user.firstname|first|upper }}{{ user.lastname|first|upper }}</div>
-        {% endif %}
+    {% if user.socialPicture is not null and user.photo is null %}
+    <img class="circle responsive-img" src="{{ user.socialPicture }}"
+        alt="{{ user.firstname }} {{ user.lastname|first|upper }}" />
+    {% elseif user.photo %}
+    <img class="circle responsive-img" src="{{ user.webPath | imagine_filter('profile_square') }}"
+        alt="{{ user.firstname }} {{ user.lastname }}" />
     {% else %}
-        <div class="circle-letters font-2">{{ user.firstname|first|upper }}{{ user.lastname|first|upper }}</div>
+    <div class="circle-letters font-2">{{ user.firstname|first|upper }}{{ user.lastname|first|upper }}</div>
+    {% endif %}
+    {% else %}
+
+    <img alt="Avatar" width="55" height="55"
+        data-src-retina="{{ asset('dashboard/img/profiles/account-avatar-default.svg') }}"
+        data-src="{{ asset('dashboard/img/profiles/account-avatar-default.svg') }}"
+        src="{{ asset('dashboard/img/profiles/account-avatar-default.svg') }}">
+    {# <div class="circle-letters font-2">{{ user.firstname|first|upper }}{{ user.lastname|first|upper }}</div> #}
     {% endif %}
 </div>

volume/www/website/www/app/config/config_prod.yml

@@ -17,4 +17,4 @@ monolog:
 # Twig Configuration
 twig:
     globals:
-        url_plateforme : https://app.talentstube.com/
+        url_plateforme : https://www.talentstube.com/

volume/www/website/www/src/AppBundle/Controller/AdController.php

@@ -39,7 +39,7 @@ class AdController extends Controller
         $dateArray = null;
         $records = $stats->getCompanyDashboard($this->getUser()->getCompany()->getId(), $dateArray);
 
-        $ads = $em->getRepository('AppBundle:Ad')->findBy(array('creator' => $this->getUser()));
+        $ads = $em->getRepository('AppBundle:Ad')->findBy(array('company' => $this->getUser()->getCompany()));
         return $this->render('company/ad_list.html.twig', array(
             'ads' => $ads,
             'arrayByAds' => $records['arrayByAds']
@@ -112,8 +112,9 @@ class AdController extends Controller
             $adManager->updateAd($ad);
             return $this->redirectToRoute('create_media', array('id' => $ad->getId()));
         }
-        return $this->render('company/ad_edit.html.twig', [
+        return $this->render('company/ad_create.html.twig', [
             'form' => $form->createView(),
+            'type' => 'update'
         ]);
     }
 
@@ -368,7 +369,7 @@ class AdController extends Controller
                 $ads[] = $ad;
             }
         }
-        
+
         return $ads;
     }
 

volume/www/website/www/src/AppBundle/Controller/Admin/DefaultController.php

@@ -15,4 +15,12 @@ class DefaultController extends Controller
     {
         return $this->render('admin/dashboard.html.twig', array());
     }
+
+    /**
+     * @Route("/template", name="admin_template")
+     */
+    public function templateAction()
+    {
+        return $this->render('admin/template.html.twig', array());
+    }
 }

volume/www/website/www/src/AppBundle/Controller/Api/SecurityController.php

@@ -122,6 +122,40 @@ class SecurityController extends FOSRestController
       $newLastName = htmlspecialchars($request->get('lastname'));
       $newFirstName = htmlspecialchars($request->get('firstname'));
       $phoneTalent = htmlspecialchars($request->get('phone'));
+      if ($request->get('address1')){ 
+        $address1Talent = htmlspecialchars($request->get('address1'));  
+      }
+      else{
+        $address1Talent = "";
+      }
+
+      if ($request->get('address2')){ 
+        $address2Talent = htmlspecialchars($request->get('address2'));  
+      }
+      else{
+        $address2Talent = "";
+      }
+
+      if ($request->get('zipCode')){ 
+        $zipTalent = htmlspecialchars($request->get('zipCode'));  
+      }
+      else{
+        $zipTalent = "";
+      }
+
+      if ($request->get('city')){ 
+        $cityTalent = htmlspecialchars($request->get('city'));  
+      }
+      else{
+        $cityTalent = "";
+      }
+
+      if ($request->get('country')){ 
+        $countryTalent = htmlspecialchars($request->get('country'));  
+      }
+      else{
+        $countryTalent = "";
+      }
       $titleTalent = htmlspecialchars($request->get('currentJob'));
       $newLinkedin = htmlspecialchars($request->get('linkedin'));
       $newTwitter = htmlspecialchars($request->get('twitter'));
@@ -140,6 +174,17 @@ class SecurityController extends FOSRestController
           $talent->setTwitter($newTwitter);
           $talent->setTitleTalent($titleTalent);
           $talent->setPhoneTalent($phoneTalent);
+          //$talent->setPhoneTalent($phoneTalent);
+          $billing = array(
+            'address1' => $address1Talent,
+            'address2' => $address2Talent,
+            'postcode' => $zipTalent,
+            'city' => $cityTalent,
+            'country' => $countryTalent,
+          );
+          $addrs['billing'] = $billing;
+          $talent->setAddresses($addrs);
+
           $companyManager->updateTalent($usr);
 
           $status = array('status' => "success");

volume/www/website/www/src/AppBundle/Controller/CompanyController.php

@@ -3,9 +3,11 @@
 namespace AppBundle\Controller;
 
 use AppBundle\Entity\Company;
+use AppBundle\Entity\User;
 use AppBundle\Form\AdSearchType;
 use AppBundle\Form\CompanyProfileType;
 use AppBundle\Form\UserType;
+use AppBundle\Form\UserTypeCreate;
 use Edeclic\PrestashopBridgeBundle\Event\PrestashopBridgeEvents;
 use Edeclic\PrestashopBridgeBundle\Event\ProductEvent;
 use Edeclic\PrestashopBridgeBundle\Event\UserEvent;
@@ -26,7 +28,7 @@ class CompanyController extends Controller
         setlocale(LC_ALL, 'fr_FR.utf-8');
         $stats = $this->get("app.stats_manager");
         $em = $this->getDoctrine()->getManager();
-        $ads = $em->getRepository('AppBundle:Ad')->findBy(array('creator' => $this->getUser()));
+        $ads = $em->getRepository('AppBundle:Ad')->findBy(array('company' => $this->getUser()->getCompany()));
         $records = $stats->getCompanyDashboard($this->getUser()->getCompany()->getId(), null);
         return $this->render('company/dashboard.html.twig', [
             'ads' => $ads,
@@ -126,6 +128,91 @@ class CompanyController extends Controller
         ]);
     }
 
+
+    /**
+     * @Route("/entreprise/me/users", name="users")
+     */
+    public function companyMyUsersAction(Request $request)
+    {
+        $em = $this->getDoctrine()->getManager();
+        $stats = $this->get("app.stats_manager");
+        $companyId = $this->getUser()->getCompany()->getId();
+        $dateArray = null;
+        $records = $stats->getCompanyDashboard($this->getUser()->getCompany()->getId(), $dateArray);
+
+        $ads = $em->getRepository('AppBundle:Ad')->findBy(array('creator' => $this->getUser()));
+        
+        $users = $em->getRepository('AppBundle:User')->findUsersByCompanyId($companyId);
+        
+            
+        return $this->render('company/users_list.html.twig', array(
+            'ads' => $ads,
+            'users' => $users,
+            'arrayByAds' => $records['arrayByAds']
+        ));
+    }
+
+
+    /**
+     * @Route("/entreprise/me/espace-users/user/creer", name="user_create")
+     */
+    public function createUserAction(Request $request)
+    {
+        $user = new User();
+        $userConnecte = $this->getUser();
+        $company = $userConnecte->getCompany();
+        $userManager = $this->get('fos_user.user_manager');
+        $form = $this->createForm(UserTypeCreate::class, $user);
+        $form->handleRequest($request);
+        if ($form->isSubmitted() && $form->isValid()) {
+            
+            $user->setFirstname($form["firstname"]->getData());
+            $user->setLastname($form["lastname"]->getData());
+            $user->setEmail($form["email"]->getData());
+            $user->setPlainPassword($form["password"]->getData());
+            $user->setCompany($company);
+            $user->setEnabled(true);
+            $user->setRoles(array('ROLE_COMPANY'));
+
+            $userManager->updateUser($user);
+             return $this->redirectToRoute('users');
+        }
+        return $this->render('company/user_create.html.twig', array(
+            'form' => $form->createView(),
+        ));
+    }
+
+    /**
+     * @Route("/entreprise/me/espace-users/user/{id}/editer", name="user_edit")
+     */
+    public function userEditAdAction(Request $request, User $user)
+    {
+        //$form = $this->createForm(AdType::class, $ad);
+        $userManager = $this->get('fos_user.user_manager');
+        $userConnecte = $this->getUser();
+        $company = $userConnecte->getCompany();
+        $form = $this->createForm(UserTypeCreate::class, $user);
+        $date = new \DateTime('now');
+        $form->handleRequest($request);
+        
+        if ($form->isSubmitted() && $form->isValid()) {
+            $user->setFirstname($form["firstname"]->getData());
+            $user->setLastname($form["lastname"]->getData());
+            $user->setEmail($form["email"]->getData());
+            
+            //$user->setPlainPassword($form["password"]->getData());
+            $user->setCompany($company);
+            $user->setEnabled(true);
+            $user->setRoles(array('ROLE_COMPANY'));
+
+            $userManager->updateUser($user);
+             return $this->redirectToRoute('users');
+        }
+        return $this->render('company/user_create.html.twig', array(
+            'form' => $form->createView(),
+        ));
+    }
+
     /**
      * @Route("/entreprise/me/mes-recherches", name="company_my_searches")
      */

volume/www/website/www/src/AppBundle/Controller/DefaultController.php

@@ -10,7 +10,7 @@ use Symfony\Component\Security\Core\Security;
 class DefaultController extends Controller
 {
     /**
-     * @Route("/", name="homepage")
+     * @Route("/indexV1", name="homepageV1")
      */
     public function homepageAction()
     {
@@ -64,7 +64,7 @@ class DefaultController extends Controller
     }
 
     /**
-     * @Route("/indexv2", name="homepagev2")
+     * @Route("/", name="homepage")
      */
     public function homepagev2Action(Request $request)
     {
@@ -126,7 +126,7 @@ class DefaultController extends Controller
     }
 
      /**
-     * @Route("/candidatures-cv-video", name="candidaturesVideo")
+     * @Route("/candidatures-video", name="candidaturesVideo")
      */
     public function candidaturesVideoAction(Request $request)
     {
@@ -168,7 +168,7 @@ class DefaultController extends Controller
     }
 
     /**
-     * @Route("/marque-employeur-en-video", name="employeurVideo")
+     * @Route("/marque-employeur-video", name="employeurVideo")
      */
     public function employeurVideoAction(Request $request)
     {
@@ -178,7 +178,7 @@ class DefaultController extends Controller
         $error              = $params["error"];
         $destination_login  = "admin/dashboard";
         return $this->render(
-            'defaultv2/offres/index.html.twig', [
+            'defaultv2/marque/index.html.twig', [
                 'last_username'     => $usename,
                 'csrf_token'         => $csrfToken,
                 'error'             => $error,
@@ -189,7 +189,7 @@ class DefaultController extends Controller
 
 
     /**
-     * @Route("/mentions", name="mentions")
+     * @Route("/mentions-legales", name="mentions-legales")
      */
     public function mentionsAction(Request $request)
     {
@@ -209,6 +209,27 @@ class DefaultController extends Controller
         );
     }
 
+    /**
+     * @Route("/politique-confidentialite", name="politique-confidentialite")
+     */
+    public function confidentialiteAction(Request $request)
+    {
+        $params             = $this->getParams($request);
+        $usename            = $params["lastUsername"];
+        $csrfToken          = $params["csrfToken"];
+        $error              = $params["error"];
+        $destination_login  = "admin/dashboard";
+        return $this->render(
+            'defaultv2/footer/confidentialite.html.twig',  [
+                'last_username'     => $usename,
+                'csrf_token'         => $csrfToken,
+                'error'             => $error,
+                'destination_login' => $destination_login
+                
+            ]
+        );
+    }
+
      /**
      * @Route("/cgu", name="cgu")
      */
@@ -231,27 +252,6 @@ class DefaultController extends Controller
     }
 
 
-     /**
-     * @Route("/confidentialite", name="confidentialite")
-     */
-    public function confidentialiteAction(Request $request)
-    {
-        $params             = $this->getParams($request);
-        $usename            = $params["lastUsername"];
-        $csrfToken          = $params["csrfToken"];
-        $error              = $params["error"];
-        $destination_login  = "admin/dashboard";
-        return $this->render(
-            'defaultv2/candidatures/index.html.twig',  [
-                'last_username'     => $usename,
-                'csrf_token'         => $csrfToken,
-                'error'             => $error,
-                'destination_login' => $destination_login
-                
-            ]
-        );
-    }
-
     /**
      * @Route("/redirect_dashboard", name="redirect_dashboard")
      */

volume/www/website/www/src/AppBundle/Controller/MediaController.php

@@ -122,14 +122,27 @@ class MediaController extends Controller
             ->add('title', TextType::class, array(
                 'label' => 'Titre de la vidéo',
                 'required' => true,
+                'attr' => array(
+                    'class' => 'form-control'
+                )
             ))
             ->getForm();
         $form->handleRequest($request);
         if ($form->isSubmitted() && $form->isValid()) {
             $media = $form->getData();
             $em->persist($media);
+            
+            // Modif de la date de publication à la date du jour
+            $now = new \DateTime('now');
+            $ad->setPublishedAt($now);
+            $numberOfMonth = 6;
+            $unpublishedDate = new \DateTime('now');
+            $unpublishedDate = $unpublishedDate->add(new \DateInterval('P' . $numberOfMonth . 'M'));
+            
+            $ad->setUnpublishedAt($unpublishedDate);
+            $em->persist($ad);
             $em->flush();
-            return $this->redirectToRoute('company_ad_step3', array('id' => $ad->getId()));
+            //return $this->redirectToRoute('company_ad_step3', array('id' => $ad->getId()));
         }
 
         return $this->render('company/createMedia.html.twig', array(
@@ -169,7 +182,13 @@ class MediaController extends Controller
             $mediaManager = $this->get('media_manager');
             $message = $mediaManager->upload($ad, $uploadedFile, $ad->getCreator());
         }
-
+        $em = $this->getDoctrine()->getManager();
+        $ad->setIsVerified(true);
+        $ad->setPrivate(false);
+        $ad->setPromoted(true);
+        $em->persist($ad);
+        dump($ad);
+        $em->flush();
         return new JsonResponse($message);
     }
 

volume/www/website/www/src/AppBundle/Entity/Ad.php

@@ -101,10 +101,20 @@ class Ad
      */
     private $description;
 
+    /**
+     * @var string
+     *
+     * @ORM\Column(name="beneficiaire", type="text", nullable=true)
+     * 
+     * @Groups({"ad_detail" , "ad_list", "company_detail", "answer_list", "answer_detail"})
+     */
+    private $beneficiaire;
+
     /**
      * @var \DateTime
      *
      * @ORM\Column(name="published_at", type="datetime", nullable=true)
+     * @Groups({"ad_detail", "answer_detail"})
      * @Assert\GreaterThanOrEqual("today", groups={"dates"})
      */
     private $publishedAt;
@@ -191,7 +201,7 @@ class Ad
     private $location;
 
     /**
-     * @ORM\ManyToOne(targetEntity="AppBundle\Entity\Media", inversedBy="ads", cascade={"persist"})
+     * @ORM\ManyToOne(targetEntity="AppBundle\Entity\Media", inversedBy="ads", cascade={"persist"} )
      * 
      * @Groups({"ad_detail", "ad_list", "company_detail", "answer_list", "answer_detail"})
      * 
@@ -206,7 +216,7 @@ class Ad
     private $company;
 
     /**
-     * @ORM\ManyToOne(targetEntity="AppBundle\Entity\User", inversedBy="ads")
+     * @ORM\ManyToOne(targetEntity="AppBundle\Entity\User", inversedBy="ads", fetch="EAGER")
      * 
      */
     private $creator;
@@ -612,6 +622,30 @@ class Ad
         return $this->description;
     }
 
+    /**
+     * Set beneficiaire.
+     *
+     * @param string|null $beneficiaire
+     *
+     * @return Ad
+     */
+    public function setBeneficiaire($beneficiaire = null)
+    {
+        $this->beneficiaire = $beneficiaire;
+
+        return $this;
+    }
+
+    /**
+     * Get beneficiaire.
+     *
+     * @return string|null
+     */
+    public function getBeneficiaire()
+    {
+        return $this->beneficiaire;
+    }
+
     /**
      * Set publishedAt.
      *

volume/www/website/www/src/AppBundle/Entity/Company.php

@@ -411,6 +411,17 @@ class Company
         return $this->id;
     }
 
+    /**
+     * Set id.
+     *
+     * @return int
+     */
+    public function setId($id)
+    {
+        $this->id = $id;
+        return $this;
+    }
+
     /**
      * Set brandName.
      *

volume/www/website/www/src/AppBundle/Entity/User.php

@@ -371,6 +371,11 @@ class User extends BaseUser
     {
         $pres="";
         $cv="";
+        $address1 = "";
+        $address2 = "";
+        $zipCode = "";
+        $city = "";
+        $country = "";
         
         if($this->getCompany()->getPresentationVideo())
         {
@@ -381,7 +386,24 @@ class User extends BaseUser
         {
             $cv= $this->getCompany()->getCv();
         }
-        
+        if ($this->getCompany()){
+            $addr= $this->getCompany()->getAddresses();
+            if($addr &&  $addr['billing']){
+                $addr1 = $addr['billing'];
+                
+                    $address1 = $addr1['address1'];
+                
+                    $address2 = $addr1['address2'];
+                
+                    $zipCode = $addr1['postcode'];;
+                
+                    $city = $addr1['city'];
+               
+                    $country =  $addr1['country'];
+                
+            }
+        }
+            
         $card = array(
             "firstname" => $this->getFirstname(),
             "lastname" => $this->getLastname(),
@@ -393,6 +415,11 @@ class User extends BaseUser
             "twitter" => $this->getCompany()->getExtra()["twitter"],
             "videoPres" => $pres,
             "cv" => $cv,
+            "address1" => $address1,
+            "address2" => $address2,
+            "zipCode" => $zipCode,
+            "city" => $city,
+            "country" => $country,
             "currentJob" => $this->getCompany()->getExtra()["titleTalent"],
             "website" => $this->getCompany()->getWebsite(),
         );

volume/www/website/www/src/AppBundle/Form/AdSoftType.php

@@ -42,17 +42,30 @@ class AdSoftType extends AbstractType
                 'mapped' => false,
                 'label' => 'Localisation de l\'annonce',
                 'attr' => array(
-                    'value' => $location_gmap
+                    'value' => $location_gmap,
+                    'class' => 'form-control'
                 )
             ))
             ->add('location', HiddenType::class, array(
                 'data' => $location,
+                'attr' => array(
+                    'class' => 'form-control'
+                )
             ))
             ->add('description', TextareaType::class, array(
                 'label' => 'Description de l\'annonce',
                 'attr' => array(
                     'class' => 'materialize-textarea',
-                    'placeholder' => 'Décrire votre annonce'
+                    'placeholder' => 'Décrire votre annonce',
+                    'class' => 'form-control'
+                )
+            ))
+            ->add('beneficiaire', TextType::class, array(
+                'label' => 'Client ',
+                'required' => false,
+                'attr' => array(
+                    'placeholder' => 'Indiquer un client',
+                    'class' => 'form-control'
                 )
             ))
             ->add('contract_type', ChoiceType::class, array(
@@ -66,11 +79,17 @@ class AdSoftType extends AbstractType
                     'Professionalisation' => 'Professionalisation',
                     'Stage' => 'Stage',
                     'Indépendant' => 'Indépendant'
+                ),
+                'attr' => array(
+                    'class' => 'form-control'
                 )
             ))
             ->add('publicTag', TextType::class, array(
                 'label' => 'profile.company.tags',
                 'data' => $publicTags,
+                'attr' => array(
+                    'class' => 'form-control'
+                )
             ));
     }
 }