Fix : liste territoires

# Conflicts:
#	www/app/Resources/views/default/index.html.twig

.gitignore

@@ -41,3 +41,4 @@ conf/nginx.conf
 .DS_Store
 .idea/*
 *~
+/.vscode

Makefile

@@ -0,0 +1,41 @@
+USAGE := Usage: make ENV={prod|preprod|dev} {cc|entities|db-diff|db-migrate|db-deploy}
+
+ifndef ENV
+$(info Environment variable is not set)
+$(info $(USAGE))
+$(error Exiting)
+endif
+
+ifeq ($(ENV),prod)
+	DEXEC=ENV=$(ENV) docker exec -i tt.website su www-data --shell=/bin/bash -c
+	DIR=/home/www/www.talentstube.com
+endif
+ifeq ($(ENV),preprod)
+	DEXEC=ENV=$(ENV) docker exec -i tt.website-preprod su www-data --shell=/bin/bash -c
+	DIR=/home/www/pp.talentstube.com
+endif
+ifeq ($(ENV),dev)
+	DEXEC=ENV=$(ENV) docker exec -i tt.website su www-data --shell=/bin/bash -c
+	DIR=/home/www/talentstube.dev
+endif
+
+
+default:
+	$(info $(USAGE))
+	$(error Exiting)
+
+cc:
+	$(DEXEC) "$(DIR)/www/bin/console cache:clear --env=prod"
+	$(DEXEC) "$(DIR)/www/bin/console cache:clear --env=dev"
+
+entities:
+	$(DEXEC) "$(DIR)/www/bin/console doctrine:generate:entities AppBundle"
+
+db-diff:
+	$(DEXEC) "$(DIR)/www/bin/console doctrine:migrations:diff"
+
+db-migrate:
+	$(DEXEC) "$(DIR)/www/bin/console doctrine:migrations:migrate"
+
+db-deploy:
+	$(DEXEC) "$(DIR)/www/bin/console doctrine:migrations:diff" && $(DEXEC) "$(DIR)/www/bin/console doctrine:migrations:migrate"

conf/expires.conf

@@ -0,0 +1,29 @@
+# -------- CACHING --------
+
+# Media: images, icons, video, audio, HTC
+location ~* \.(?:jpg|jpeg|gif|png|ico|cur|gz|svg|svgz|mp4|ogg|ogv|webm|htc)$ {
+    expires 30d;
+    add_header Pragma public;
+    add_header Cache-Control "public";
+    try_files $uri =404;
+}
+
+
+
+# CSS and Javascript
+location ~* \.(?:css|js)$ {
+    expires 1d;
+    access_log off;
+    add_header Cache-Control "public";
+}
+
+# cache.appcache, your document html and data
+#location ~* \.(?:manifest|appcache|html?|xml|json)$ {
+#    expires -1;
+#}
+
+# Feed
+location ~* \.(?:rss|atom)$ {
+    expires 1h;
+    add_header Cache-Control "public";
+}

conf/nginx_dev.conf

@@ -9,7 +9,7 @@ upstream store_php {
 
 server {
 
-    server_name talentstube.dev;
+    server_name talentstube.dev localhost 10.0.20.110;
     root /home/www/talentstube.dev/www/web;
     client_max_body_size 500M;
     sendfile off;

conf/nginx_preprod.conf

@@ -25,7 +25,7 @@ server {
     error_log  /home/www/pp.talentstube.com/log/error.log;
 
     ssl on;
-    ssl_certificate /etc/ssl/certs/talentstube.com.crt;
+    ssl_certificate /etc/ssl/private/talentstube.com.chain.crt;
     ssl_certificate_key /etc/ssl/private/talentstube.com.key;
 
     ssl_session_timeout 24h;
@@ -37,10 +37,6 @@ server {
     ssl_ciphers 'ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-AES256-GCM-SHA384:DHE-RSA-AES128-GCM-SHA256:DHE-DSS-AES128-GCM-SHA256:kEDH+AESGCM:ECDHE-RSA-AES128-SHA256:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA:ECDHE-ECDSA-AES128-SHA:ECDHE-RSA-AES256-SHA384:ECDHE-ECDSA-AES256-SHA384:ECDHE-RSA-AES256-SHA:ECDHE-ECDSA-AES256-SHA:DHE-RSA-AES128-SHA256:DHE-RSA-AES128-SHA:DHE-DSS-AES128-SHA256:DHE-RSA-AES256-SHA256:DHE-DSS-AES256-SHA:DHE-RSA-AES256-SHA:AES128-GCM-SHA256:AES256-GCM-SHA384:AES128-SHA256:AES256-SHA256:AES128-SHA:AES256-SHA:AES:CAMELLIA:DES-CBC3-SHA:!aNULL:!eNULL:!EXPORT:!DES:!RC4:!MD5:!PSK:!aECDH:!EDH-DSS-DES-CBC3-SHA:!EDH-RSA-DES-CBC3-SHA:!KRB5-DES-CBC3-SHA';
     ssl_prefer_server_ciphers on;
 
-    ssl_stapling on;
-    ssl_stapling_verify on;
-    ssl_trusted_certificate /etc/ssl/certs/gandi-standardssl-2.chain.pem;
-
     location / {
         # try to serve file directly, fallback to app.php
         try_files $uri /app.php$is_args$args;
@@ -106,5 +102,17 @@ server {
       return 404;
     }
 
+    gzip on;
+    gzip_disable "msie6";
+    gzip_vary on;
+    gzip_proxied any;
+    gzip_comp_level 6;
+    gzip_buffers 16 8k;
+    gzip_http_version 1.1;
+    gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/javascript;
+
     sendfile off;
+
+    include /home/www/pp.talentstube.com/conf/redirect.conf;
+    include /home/www/pp.talentstube.com/conf/expires.conf;
 }

conf/nginx_prod.conf

@@ -1,4 +1,3 @@
-
 upstream website_php {
     server tt.website:9000;
 }
@@ -18,7 +17,7 @@ server {
     server_name talentstube.com;
 
     ssl on;
-    ssl_certificate /etc/ssl/certs/talentstube.com.crt;
+    ssl_certificate /etc/ssl/private/talentstube.com.chain.crt;
     ssl_certificate_key /etc/ssl/private/talentstube.com.key;
 
     ssl_session_timeout 24h;
@@ -30,10 +29,6 @@ server {
     ssl_ciphers 'ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-AES256-GCM-SHA384:DHE-RSA-AES128-GCM-SHA256:DHE-DSS-AES128-GCM-SHA256:kEDH+AESGCM:ECDHE-RSA-AES128-SHA256:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA:ECDHE-ECDSA-AES128-SHA:ECDHE-RSA-AES256-SHA384:ECDHE-ECDSA-AES256-SHA384:ECDHE-RSA-AES256-SHA:ECDHE-ECDSA-AES256-SHA:DHE-RSA-AES128-SHA256:DHE-RSA-AES128-SHA:DHE-DSS-AES128-SHA256:DHE-RSA-AES256-SHA256:DHE-DSS-AES256-SHA:DHE-RSA-AES256-SHA:AES128-GCM-SHA256:AES256-GCM-SHA384:AES128-SHA256:AES256-SHA256:AES128-SHA:AES256-SHA:AES:CAMELLIA:DES-CBC3-SHA:!aNULL:!eNULL:!EXPORT:!DES:!RC4:!MD5:!PSK:!aECDH:!EDH-DSS-DES-CBC3-SHA:!EDH-RSA-DES-CBC3-SHA:!KRB5-DES-CBC3-SHA';
     ssl_prefer_server_ciphers on;
 
-    ssl_stapling on;
-    ssl_stapling_verify on;
-    ssl_trusted_certificate /etc/ssl/certs/gandi-standardssl-2.chain.pem;
-
     return 301 https://www.talentstube.com$request_uri;
 }
 
@@ -48,8 +43,8 @@ server {
     access_log /home/www/www.talentstube.com/log/access.log vhosts;
     error_log  /home/www/www.talentstube.com/log/error.log;
 
-	ssl on;
-    ssl_certificate /etc/ssl/certs/talentstube.com.crt;
+    ssl on;
+    ssl_certificate /etc/ssl/private/talentstube.com.chain.crt;
     ssl_certificate_key /etc/ssl/private/talentstube.com.key;
 
     ssl_session_timeout 24h;
@@ -61,10 +56,6 @@ server {
     ssl_ciphers 'ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-AES256-GCM-SHA384:DHE-RSA-AES128-GCM-SHA256:DHE-DSS-AES128-GCM-SHA256:kEDH+AESGCM:ECDHE-RSA-AES128-SHA256:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA:ECDHE-ECDSA-AES128-SHA:ECDHE-RSA-AES256-SHA384:ECDHE-ECDSA-AES256-SHA384:ECDHE-RSA-AES256-SHA:ECDHE-ECDSA-AES256-SHA:DHE-RSA-AES128-SHA256:DHE-RSA-AES128-SHA:DHE-DSS-AES128-SHA256:DHE-RSA-AES256-SHA256:DHE-DSS-AES256-SHA:DHE-RSA-AES256-SHA:AES128-GCM-SHA256:AES256-GCM-SHA384:AES128-SHA256:AES256-SHA256:AES128-SHA:AES256-SHA:AES:CAMELLIA:DES-CBC3-SHA:!aNULL:!eNULL:!EXPORT:!DES:!RC4:!MD5:!PSK:!aECDH:!EDH-DSS-DES-CBC3-SHA:!EDH-RSA-DES-CBC3-SHA:!KRB5-DES-CBC3-SHA';
     ssl_prefer_server_ciphers on;
 
-    ssl_stapling on;
-    ssl_stapling_verify on;
-    ssl_trusted_certificate /etc/ssl/certs/gandi-standardssl-2.chain.pem;
-
     location / {
         # try to serve file directly, fallback to app.php
         try_files $uri /app.php$is_args$args;
@@ -108,6 +99,14 @@ server {
         internal;
     }
 
+    location @rewriteapp {
+        rewrite ^(.*)$ /app.php/$1 last;
+    }
+
+    location ~ ^/media/cache/.* {
+        try_files $uri @rewriteapp;
+    }
+
     # ---- PRESTASHOP ----
     location ^~ /store/ {
 
@@ -129,5 +128,16 @@ server {
       return 404;
     }
 
+    gzip on;
+    gzip_disable "msie6";
+    gzip_vary on;
+    gzip_proxied any;
+    gzip_comp_level 6;
+    gzip_buffers 16 8k;
+    gzip_http_version 1.1;
+    gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/javascript;
+
     sendfile off;
+    include /home/www/www.talentstube.com/conf/redirect.conf;
+    include /home/www/www.talentstube.com/conf/expires.conf;
 }

conf/redirect.conf

@@ -0,0 +1,11 @@
+rewrite  ^/reussir-son-offre-video$  https://www.talentstube.com/faire-offre-emploi-video permanent;
+rewrite  ^/page/presentation-territoire$  https://www.talentstube.com/territoires permanent;
+rewrite  ^/page/presentation-entreprise$  https://www.talentstube.com/offre-emploi-video permanent;
+rewrite  ^/accompagnement-talent$  https://www.talentstube.com/accompagnement-cv-video permanent;
+rewrite  ^/talent/16_yohann_charbonnel/$  https://www.talentstube.com/talent/16-yohann-charbonnel/ permanent;
+rewrite  ^/cvVideo$  https://www.talentstube.com/cv-video permanent;
+rewrite  ^/reussir-son-cv-video$  https://www.talentstube.com/faire-cv-video permanent;
+rewrite  ^/plateforme$  https://www.talentstube.com/ permanent;
+rewrite  ^/page/les-conseils$  https://www.talentstube.com/accompagnement-entreprise permanent;
+rewrite  ^/page/presentation-talent$  https://www.talentstube.com/cv-video permanent;
+rewrite  ^/page/la-plateforme$  https://www.talentstube.com/ permanent;

www/app/AppKernel.php

@@ -37,6 +37,9 @@ class AppKernel extends Kernel
             //Liip
             new Liip\ImagineBundle\LiipImagineBundle(),
 
+            //CrawlerDetect
+            new Nmure\CrawlerDetectBundle\CrawlerDetectBundle(),
+
             //e-Declic Bundle
             new Edeclic\PrestashopBridgeBundle\EdeclicPrestashopBridgeBundle(),
             new Edeclic\HistoryBundle\EdeclicHistoryBundle(),

www/app/Resources/FOSUserBundle/views/Profile/show.html.twig

@@ -1,9 +1,15 @@
 {% extends "base.html.twig" %}
 
 {% block content %}
-<div class="row">
-      <div class="col push-s3 s6">
-{% include "@FOSUser/Profile/show_content.html.twig" %}
+<div class="container contentWrapper">
+      <div class="row">
+            <div class="col push-s3 s6">
+                  {% include "@FOSUser/Profile/show_content.html.twig" %}
+            </div>
       </div>
 </div>
 {% endblock %}
+
+{% block metarobot %}
+    <meta name="robots" content="noindex,nofollow">
+{% endblock %}

www/app/Resources/FOSUserBundle/views/Registration/check_email.html.twig

@@ -3,10 +3,16 @@
 {% trans_default_domain 'FOSUserBundle' %}
 
 {% block content %}
-<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 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>
 {% endblock %}
+
+{% block metarobot %}
+    <meta name="robots" content="noindex,nofollow">
+{% endblock %}

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

@@ -3,14 +3,20 @@
 {% trans_default_domain 'FOSUserBundle' %}
 
 {% block content %}
-<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.confirmed'|trans({'%username%': user.username}) }}</p>
-        {% if targetUrl %}
-        <p><a href="{{ targetUrl }}">{{ 'registration.back'|trans }}</a></p>
-        {% endif %}
-        <br /><br />
-      </div>
+<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.confirmed'|trans({'%username%': user.username}) }}</p>
+          {% if targetUrl %}
+          <p><a href="{{ targetUrl }}">{{ 'registration.back'|trans }}</a></p>
+          {% endif %}
+          <br /><br />
+        </div>
+  </div>
 </div>
 {% endblock %}
+
+{% block metarobot %}
+    <meta name="robots" content="noindex,nofollow">
+{% endblock %}

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

@@ -3,12 +3,18 @@
 {% extends "base.html.twig" %}
 
 {% block content %}
-<div class="row">
-      <div class="col push-s3 s6">
-        <h1 class="m-t-20 alttitle center-align">{{'user.resetpassword.title'|trans({},"messages") }}</h1>
-        <p>
-        {{ 'resetting.check_email'|trans({'%tokenLifetime%': tokenLifetime})|nl2br }}
-        </p>
-      </div>
+<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>
+          {{ 'resetting.check_email'|trans({'%tokenLifetime%': tokenLifetime})|nl2br }}
+          </p>
+        </div>
+  </div>
 </div>
 {% endblock %}
+
+{% block metarobot %}
+    <meta name="robots" content="noindex,nofollow">
+{% endblock %}

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

@@ -1,10 +1,16 @@
 {% extends "base.html.twig" %}
 
 {% block content %}
-<div class="row">
-      <div class="col push-s3 s6">
-        <h1 class="m-t-20 alttitle center-align">{{'user.resetpassword.title'|trans({},"messages") }}</h1>
-        {% include "@FOSUser/Resetting/request_content.html.twig" %}
-      </div>
+<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>
+  </div>
 </div>
 {% endblock %}
+
+{% block metarobot %}
+    <meta name="robots" content="noindex,nofollow">
+{% endblock %}

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

@@ -9,10 +9,16 @@
 {% endblock %}
 
 {% block content %}
-<div class="row">
-      <div class="col push-s3 s6">
-        <h1 class="m-t-20 alttitle center-align">{{'user.resetpassword.title'|trans({},"messages") }}</h1>
-        {% include "@FOSUser/Resetting/reset_content.html.twig" %}
-      </div>
+<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" %}
+        </div>
+    </div>
 </div>
 {% endblock %}
+
+{% block metarobot %}
+    <meta name="robots" content="noindex,nofollow">
+{% endblock %}

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

@@ -9,18 +9,24 @@
 {% endblock %}
 
 {% block content %}
-<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 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 %}
+

www/app/Resources/FOSUserBundle/views/Security/loginModal.html.twig

@@ -1,5 +1,16 @@
 {% block fos_user_content %}
-
-    {{ include('@FOSUser/Security/login_content.html.twig') }}
-
+    <div class="row">
+        <div class="col s12 m12 l6 col-login-first col-login">
+            <h4>Connexion</h4>
+            {{ include('@FOSUser/Security/login_content.html.twig') }}
+        </div>
+        <div class="col s12 m12 l6  col-login-first col-login-subscribe hide-on-med-and-down">
+            <div class="center-align">
+                <strong>Je ne possède pas de<br />compte Talents Tube</strong>
+            </div>
+            <a href="{{ path('fos_user_registration_register') }}" class="btn btn-default btn-round">
+                Créer un compte
+            </a>
+        </div>
+    </div>
 {% endblock fos_user_content %}

www/app/Resources/FOSUserBundle/views/Security/login_content.html.twig

@@ -10,7 +10,7 @@
     <div class="row">
         <div class="input-field col s12">
             <label for="username">{{ 'security.login.username'|trans }}</label>
-            <input type="text" id="username" name="_username" value="{{ last_username }}" required="required" autofocus/>
+            <input type="text" id="username" name="_username" value="{{ last_username }}" required="required" />
         </div>
     </div>
     <div class="row">
@@ -24,6 +24,21 @@
     <label for="remember_me">{{ 'security.login.remember_me'|trans }}</label>
     </p>
     <br />
-    <input class="btn btn-default" type="submit" id="_submit" name="_submit" value="{{ 'security.login.submit'|trans }}" />
-    <a href="{{path('fos_user_resetting_request')}}"><span class="tiny-text font-black m-l-10">J'ai oublié mon mot de passe</span></a>
+    <div class="row hide-on-large-only">
+        <div class="col s6">
+            <input class="btn btn-default btn-round" type="submit" id="_submit" name="_submit" value="{{ 'security.login.submit'|trans }}" /><br />
+            <a href="{{path('fos_user_resetting_request')}}"><span class="tiny-text font-black m-l-10">J'ai oublié mon mot de passe</span></a>
+        </div>
+        <div class="col s6">
+            <a href="{{ path('fos_user_registration_register') }}" class="btn btn-default btn-round">
+                Créer un compte
+            </a>
+        </div>
+    </div>
+    <div class="row hide-on-med-and-down">
+        <div class="col s12">
+            <input class="btn btn-default btn-round" type="submit" id="_submit" name="_submit" value="{{ 'security.login.submit'|trans }}" /><br />
+            <a href="{{path('fos_user_resetting_request')}}"><span class="tiny-text font-black m-l-10">J'ai oublié mon mot de passe</span></a>
+        </div>
+    </div>
 </form>

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

@@ -20,4 +20,8 @@
             {% block fos_user_content %}
             {% endblock fos_user_content %}
         </div>
-    {% endblock %}
+    {% endblock %}
+
+{% block metarobot %}
+    <meta name="robots" content="noindex,nofollow">
+{% endblock %}

www/app/Resources/TwigBundle/views/Exception/error403.html.twig

@@ -1,13 +1,17 @@
 {% extends 'base.html.twig' %}
 
-{% block content %}
-    <div class="row">
-        <div class="col s12">
-            <h2 class="center-align" >Accès interdit</h2>
-            <p class="center-align" >
-                Vous n'êtes pas autorisé à accèder à cette page.<br /><br />
-                <a class="btn btn-default" href="{{ path('homepage') }}">Retour à l'accueil</a>
-            </p>
+    {% block urlCanonical %}
+    #!
+    {% endblock %}
+
+    {% block content %}
+        <div class="row">
+            <div class="col s12">
+                <h2 class="center-align">Accès interdit</h2>
+                <p class="center-align">
+                    Vous n'êtes pas autorisé à accèder à cette page.<br/><br/>
+                    <a class="btn btn-default" href="{{ path('homepage') }}">Retour à l'accueil</a>
+                </p>
+            </div>
         </div>
-    </div>
-{% endblock %}
+    {% endblock %}

www/app/Resources/TwigBundle/views/Exception/error404.html.twig

@@ -1,13 +1,17 @@
 {% extends 'base.html.twig' %}
 
-{% block content %}
-    <div class="row">
-        <div class="col s12">
-            <h2 class="center-align" >Page introuvable</h2>
-            <p class="center-align" >
-                Cette page n'existe plus.<br /><br />
-                <a class="btn btn-default" href="{{ path('homepage') }}">Retour à l'accueil</a>
-            </p>
+    {% block urlCanonical %}
+        #!
+    {% endblock %}
+
+    {% block content %}
+        <div class="row">
+            <div class="col s12">
+                <h2 class="center-align">Page introuvable</h2>
+                <p class="center-align">
+                    Cette page n'existe plus.<br/><br/>
+                    <a class="btn btn-default" href="{{ path('homepage') }}">Retour à l'accueil</a>
+                </p>
+            </div>
         </div>
-    </div>
-{% endblock %}
+    {% endblock %}

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

@@ -61,6 +61,10 @@
                 <target>Refusée</target>
             </trans-unit>
             <!-- MENU COMPANY-->
+            <trans-unit id="profile.territory.brandname">
+                <source>profile.territory.brandname</source>
+                <target>Nom du territoire</target>
+            </trans-unit>
             <trans-unit id="company.menu.dashboard.label">
                 <source>company.menu.dashboard.label</source>
                 <target>Tableau de bord</target>
@@ -69,6 +73,10 @@
                 <source>company.menu.profile.label</source>
                 <target>Profil de l'entreprise</target>
             </trans-unit>
+            <trans-unit id="territory.menu.profile.label">
+                <source>territory.menu.profile.label</source>
+                <target>Profil du territoire</target>
+            </trans-unit>
             <trans-unit id="company.menu.ads.label">
                 <source>company.menu.ads.label</source>
                 <target>Mes annonces</target>
@@ -99,7 +107,7 @@
             </trans-unit>
             <trans-unit id="company.menu.account.label">
                 <source>company.menu.account.label</source>
-                <target>Mon compte</target>
+                <target>Mes paramètres</target>
             </trans-unit>
             <trans-unit id="company.menu.account.contact">
                 <source>company.menu.account.contact</source>
@@ -114,9 +122,13 @@
                 <source>company.profile.save.title</source>
                 <target>Votre profil a bien été sauvegardé</target>
             </trans-unit>
+            <trans-unit id="company.account.password.modify">
+                <source>company.account.password.modify</source>
+                <target>Modifier mon mot de passe</target>
+            </trans-unit>
             <trans-unit id="company.account.password.modify.label">
                 <source>company.account.password.modify.label</source>
-                <target>Modifier mon mot de passe</target>
+                <target>Modifier le mot de passe</target>
             </trans-unit>
             <trans-unit id="profile.edit.submit">
                 <source>profile.edit.submit</source>
@@ -172,7 +184,7 @@
             </trans-unit>
             <trans-unit id="profile.company.tags">
                 <source>profile.company.tags</source>
-                <target>Tags : merci de séparer vos mots clés par une virgule</target>
+                <target>Mots clés : merci de séparer vos mots clés par une virgule</target>
             </trans-unit>
             <trans-unit id="profile.company.logo">
                 <source>profile.company.logo</source>
@@ -209,7 +221,11 @@
             </trans-unit>
             <trans-unit id="ad.company.list.answers">
                 <source>ad.company.list.answers</source>
-                <target>Nombre de réponses</target>
+                <target>Nombre de candidatures</target>
+            </trans-unit>
+            <trans-unit id="ad.company.list.views">
+                <source>ad.company.list.views</source>
+                <target>Nombre de vues</target>
             </trans-unit>
             <trans-unit id="ad.company.list.actions">
                 <source>ad.company.list.actions</source>
@@ -217,7 +233,7 @@
             </trans-unit>
             <trans-unit id="ad.company.list.status">
                 <source>ad.company.list.status</source>
-                <target>Status</target>
+                <target>Statuts</target>
             </trans-unit>
             <trans-unit id="ad.save.extension.title">
                 <source>ad.save.extension.title</source>
@@ -295,53 +311,88 @@
             <!-- EMAIL -->
             <trans-unit id="registration.email.message.talent.html">
                 <source>registration.email.message.talent.html</source>
-                <target><![CDATA[Bonjour %firstname% %lastname%,<br /><br />
-                        <p>Vous avez créé votre compte sur TalentsTube, Félicitations !</p>
-                        <p>Pour valider votre compte utilisateur, merci de vous rendre sur %confirmationUrl%
-                        <br />Ce lien ne peut être utilisé qu'une seule fois pour valider votre compte.</p>
-                        <p>Vous pouvez accéder à votre Tableau de Bord et commencer à montrer vos talents aux entreprises de talents.</p>
-                        <p>Soyez vous-même !</p>
-                        L'équipe de TalentsTube]]>
+                <target><![CDATA[
+                        <div style="margin:0 auto;max-width:600px;background:#FFFFFF;"><table class="" cellpadding="0" cellspacing="0" style="width:100%;font-size:0px;background:#FFFFFF;" align="center"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:0px;"><!--[if mso]>
+                        <table border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;">
+                        <![endif]--><div style="vertical-align:top;display:inline-block;font-size:13px;text-align:left;width:100%;" class="mj-column-per-100" aria-labelledby="mj-column-per-100"><table width="100%"><tbody><tr><td style="font-size:0;padding:40px 35px 20px 35px;" align="left"><div class="mj-content" style="cursor:auto;color:#534F4F;font-family:Trebuchet,Helvetica,sans-serif;font-size:14px;line-height:22px;"><p>Bonjour %firstname% %lastname%,</p>
+                            <p>Veuillez cliquer sur le lien ci-dessous pour activer votre compte Talents Tube.</p>
+                        </div></td></tr></tbody></table></div><!--[if mso]>
+                        </td></tr></table>
+                        <![endif]--></td></tr></tbody></table></div>
+                        
+                        <div style="margin:0 auto;max-width:600px;background:#FFFFFF;"><table class="" cellpadding="0" cellspacing="0" style="width:100%;font-size:0px;background:#FFFFFF;" align="center"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:0px;"><!--[if mso]>
+                        <table border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;">
+                        <![endif]--><div style="vertical-align:top;display:inline-block;font-size:13px;text-align:left;width:100%;" class="mj-column-per-100" aria-labelledby="mj-column-per-100"><table width="100%"><tbody><tr><td style="font-size:0;padding:15px 30px;" align="center"><table cellpadding="0" cellspacing="0" style="border:none;border-radius:30px;" align="center"><tbody><tr><td style="background:#1689FB;border-radius:30px;color:#FFFFFF;cursor:auto;" align="center" valign="middle" bgcolor="#1689FB"><a class="mj-content" href="%confirmationUrl%" style="display:inline-block;text-decoration:none;background:#1689FB;border:1px solid #1689FB;border-radius:30px;color:#FFFFFF;font-family:Trebuchet,Helvetica,sans-serif;font-size:14px;font-weight:normal;padding:15px 30px;" target="_blank">Activer mon compte</a></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso]>
+                        </td></tr></table>
+                        <![endif]--></td></tr></tbody></table></div>
+                        <div style="margin:0 auto;max-width:600px;background:#FFFFFF;"><table class="" cellpadding="0" cellspacing="0" style="width:100%;font-size:0px;background:#FFFFFF;" align="center"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:0px;"><!--[if mso]>
+                        <table border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;">
+                        <![endif]--><div style="vertical-align:top;display:inline-block;font-size:13px;text-align:left;width:100%;" class="mj-column-per-100" aria-labelledby="mj-column-per-100"><table width="100%"><tbody><tr><td style="font-size:0;padding:20px 35px 20px 35px;" align="left"><div class="mj-content" style="cursor:auto;color:#534F4F;font-family:Trebuchet,Helvetica,sans-serif;font-size:14px;line-height:22px;"><p>*Ce lien ne peut être utilisé qu’une seule fois pour valider votre compte.</p>
+                            <p>Si vous n’êtes pas à l’origine de l’inscription sur Talents Tube, veuillez contacter le <a href="https://blog.talentstube.com/contact.html" style="color:#155EE4;text-decoration:none;">support Talents Tube</a>.</p>
+                            <p>Merci de votre compréhension.</p>
+                            <p>Talents Tube</p></div></td></tr></tbody></table></div><!--[if mso]>
+                        </td></tr></table>
+                        <![endif]--></td></tr></tbody></table></div>
+                        ]]>
                 </target>
             </trans-unit>
             <trans-unit id="registration.email.message.company.html">
                 <source>registration.email.message.company.html</source>
-                <target><![CDATA[Bonjour %firstname% %lastname%,<br /><br />
-                        <p>Vous avez créé votre compte sur TalentsTube, Félicitations !</p>
-                        <p>Pour valider votre compte utilisateur, merci de vous rendre sur %confirmationUrl%
-                        <br />Ce lien ne peut être utilisé qu'une seule fois pour valider votre compte.</p>
-                        <p>Talents tube est la plateforme de rencontre des entreprises, des talents et des territoires par la vidéo.</p>
-                        L'équipe de TalentsTube]]>
+                <target><![CDATA[
+                        <div style="margin:0 auto;max-width:600px;background:#FFFFFF;"><table class="" cellpadding="0" cellspacing="0" style="width:100%;font-size:0px;background:#FFFFFF;" align="center"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:0px;"><!--[if mso]>
+                        <table border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;">
+                        <![endif]--><div style="vertical-align:top;display:inline-block;font-size:13px;text-align:left;width:100%;" class="mj-column-per-100" aria-labelledby="mj-column-per-100"><table width="100%"><tbody><tr><td style="font-size:0;padding:40px 35px 20px 35px;" align="left"><div class="mj-content" style="cursor:auto;color:#534F4F;font-family:Trebuchet,Helvetica,sans-serif;font-size:14px;line-height:22px;"><p>Bonjour %firstname% %lastname%,</p>
+                            <p>Veuillez cliquer sur le lien ci-dessous pour activer votre compte Talents Tube.</p>
+                        </div></td></tr></tbody></table></div><!--[if mso]>
+                        </td></tr></table>
+                        <![endif]--></td></tr></tbody></table></div>
+                        
+                        <div style="margin:0 auto;max-width:600px;background:#FFFFFF;"><table class="" cellpadding="0" cellspacing="0" style="width:100%;font-size:0px;background:#FFFFFF;" align="center"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:0px;"><!--[if mso]>
+                        <table border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;">
+                        <![endif]--><div style="vertical-align:top;display:inline-block;font-size:13px;text-align:left;width:100%;" class="mj-column-per-100" aria-labelledby="mj-column-per-100"><table width="100%"><tbody><tr><td style="font-size:0;padding:15px 30px;" align="center"><table cellpadding="0" cellspacing="0" style="border:none;border-radius:30px;" align="center"><tbody><tr><td style="background:#1689FB;border-radius:30px;color:#FFFFFF;cursor:auto;" align="center" valign="middle" bgcolor="#1689FB"><a class="mj-content" href="%confirmationUrl%" style="display:inline-block;text-decoration:none;background:#1689FB;border:1px solid #1689FB;border-radius:30px;color:#FFFFFF;font-family:Trebuchet,Helvetica,sans-serif;font-size:14px;font-weight:normal;padding:15px 30px;" target="_blank">Activer mon compte</a></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso]>
+                        </td></tr></table>
+                        <![endif]--></td></tr></tbody></table></div>
+                        <div style="margin:0 auto;max-width:600px;background:#FFFFFF;"><table class="" cellpadding="0" cellspacing="0" style="width:100%;font-size:0px;background:#FFFFFF;" align="center"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:0px;"><!--[if mso]>
+                        <table border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;">
+                        <![endif]--><div style="vertical-align:top;display:inline-block;font-size:13px;text-align:left;width:100%;" class="mj-column-per-100" aria-labelledby="mj-column-per-100"><table width="100%"><tbody><tr><td style="font-size:0;padding:20px 35px 20px 35px;" align="left"><div class="mj-content" style="cursor:auto;color:#534F4F;font-family:Trebuchet,Helvetica,sans-serif;font-size:14px;line-height:22px;"><p>*Ce lien ne peut être utilisé qu’une seule fois pour valider votre compte.</p>
+                            <p>Si vous n’êtes pas à l’origine de l’inscription sur Talents Tube, veuillez contacter le <a href="https://blog.talentstube.com/contact.html" style="color:#155EE4;text-decoration:none;">support Talents Tube</a>.</p>
+                            <p>Merci de votre compréhension.</p>
+                            <p>Talents Tube</p></div></td></tr></tbody></table></div><!--[if mso]>
+                        </td></tr></table>
+                        <![endif]--></td></tr></tbody></table></div>
+                        ]]>
                 </target>
             </trans-unit>
             <trans-unit id="registration.email.message.talent.text">
                 <source>registration.email.message.talent.text</source>
                 <target>Bonjour %firstname% %lastname%,
 
-                        Vous avez créé votre compte sur TalentsTube, Félicitations !
+                        Veuillez cliquer sur le lien ci-dessous pour activer votre Talents Tube.
+                        
+                        %confirmationUrl%
+                        
+                        *Ce lien ne peut être utilisé qu’une seule fois pour valider votre compte.
+                        
+                        Si vous n’êtes pas à l’origine de l’inscription sur Talents Tube, veuillez contacter le support Talents Tube
+                        Merci de votre compréhension.
 
-                        Pour valider votre compte utilisateur, merci de vous rendre sur %confirmationUrl%
-                        Ce lien ne peut être utilisé qu'une seule fois pour valider votre compte.
-
-                        Vous pouvez accéder à votre Tableau de Bord et commencer à montrer vos talents aux entreprises de talents.
-
-                        Soyez vous-même !
-
-                        L'équipe de TalentsTube
+                        Talents Tube
                 </target>
             </trans-unit>
             <trans-unit id="registration.email.message.company.text">
                 <source>registration.email.message.company.text</source>
                 <target>Bonjour %firstname% %lastname%,
 
-                        Vous avez créé votre compte sur TalentsTube, Félicitations !
-
-                        Pour valider votre compte utilisateur, merci de vous rendre sur %confirmationUrl%
-                        Ce lien ne peut être utilisé qu'une seule fois pour valider votre compte.
-
-                        Talents tube est la plateforme de rencontre des entreprises, des talents et des territoires par la vidéo.
-
-                        L'équipe de TalentsTube
+                        Veuillez cliquer sur le lien ci-dessous pour activer votre Talents Tube.
+                        
+                        %confirmationUrl%
+                        
+                        *Ce lien ne peut être utilisé qu’une seule fois pour valider votre compte.
+                        
+                        Si vous n’êtes pas à l’origine de l’inscription sur Talents Tube, veuillez contacter le support Talents Tube
+                        Merci de votre compréhension.
+                        
+                        Talents Tube
                 </target>
             </trans-unit> 
         </body>

www/app/Resources/views/ad/carrousel_territory.html.twig

@@ -0,0 +1,32 @@
+<div id="liste-territoires" class="bg-dark2">
+    <div class="container">
+        <div class="row center-align">
+            <div class="col s12">
+                <div class="owl-carousel territory-carousel">
+                {% for territory in territories %}
+                    {% set territory = territory.territory %}
+                    <div class="item">
+                        <h2 class="blue-text no-margin-top">
+                            <a href="{{ path('territory_show',{'alias': territory.alias }) }}">
+                            Le territoire de <span>{{ territory.brandname }}</span>
+                            </a>
+                        </h2>
+                        <div class="embed-responsive embed-responsive-16by9">
+                            <div class="col s12">
+                                <iframe src="https://player.vimeo.com/video/{{ territory.presentationVideo.cdnUrl|replace({ "/videos/": ""}) }}"
+                                        width="100%" height="640" frameborder="0" webkitallowfullscreen mozallowfullscreen
+                                        allowfullscreen></iframe>
+                            </div>
+                        </div>
+                        <div class="m-t-30">
+                            <a class="btn btn-default" href="{{ path('territory_show',{'alias': territory.alias }) }}">
+                                Voir le territoire
+                            </a>
+                        </div>
+                    </div>
+                {% endfor %}
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

www/app/Resources/views/admin/ad_edit.html.twig

@@ -1,79 +1,72 @@
-{% extends 'admin/base_admin.html.twig' %}
-
-
-{% block contentHeader %}
-    <h1>
-        Modification d'une annonce
-        <small>{{ ad.referenceTt }}</small>
-    </h1>
-    <ol class="breadcrumb">
-        <li><a href="{{ path('admin_dashboard') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
-        <li><a href="{{ path('admin_ad_list') }}">Annonces</a></li>
-        <li class="active">Editer</li>
-    </ol>
-{% endblock %}
-
-{% block content %}
-
-    {{ form_start(form) }}
-    <div class="row">
-        <div class="col-xs-8">
-            <div class="box box-primary">
-                <div class="box-header">
-                    <h3 class="box-title">{{ ad.title }}</h3>
-                </div>
-                <div class="box-body">
-                    {{ form_errors(form) }}
-                    {{ form_row(form.reference) }}
-                    {{ form_row(form.title) }}
-                    {{ form_row(form.location) }}
-                    {{ form_row(form.location_gmap) }}
-                    {{ form_row(form.description) }}
-                    {{ form_row(form.publicTag) }}
-
-                </div>
+{% extends 'admin/base_admin.html.twig' %} {% block contentHeader %}
+<h1>
+    Modification d'une annonce
+    <small>{{ ad.referenceTt }}</small>
+</h1>
+<ol class="breadcrumb">
+    <li>
+        <a href="{{ path('admin_dashboard') }}">
+            <i class="fa fa-dashboard"></i> Dashboard</a>
+    </li>
+    <li>
+        <a href="{{ path('admin_ad_list') }}">Annonces</a>
+    </li>
+    <li class="active">Editer</li>
+</ol>
+{% endblock %} {% block content %} {{ form_start(form) }}
+<div class="row">
+    <div class="col-xs-8">
+        <div class="box box-primary">
+            <div class="box-header">
+                <h3 class="box-title">{{ ad.title }}</h3>
             </div>
-        </div>
+            <div class="box-body">
+                {{ form_errors(form) }}
+                {{ form_row(form.emphasis) }}
+                {{ form_row(form.emphasisOrder) }}
+                {{ form_row(form.reference) }}
+                {{ form_row(form.title) }}
+                {{ form_row(form.location) }}
+                {{ form_row(form.location_gmap) }}
+                {{ form_row(form.description) }}
+                {{ form_row(form.publicTag) }}
 
-        <div class="col-xs-4">
-            <div class="box">
-                <div class="box-header">
-                    <h3 class="box-title">Informations</h3>
-                </div>
-                <div class="box-body">
-                    {{ form_row(form.status) }}
-                    {{ form_row(form.isVerified) }}
-                </div>
             </div>
         </div>
     </div>
-    <div class="row">
-        <div class="col-xs-12">
-            <button class="btn btn-success" type="submit">Enregistrer</button>
+
+    <div class="col-xs-4">
+        <div class="box">
+            <div class="box-header">
+                <h3 class="box-title">Informations</h3>
+            </div>
+            <div class="box-body">
+                {{ form_row(form.status) }} {{ form_row(form.isPromoted) }} {{ form_row(form.isVerified) }}
+            </div>
         </div>
     </div>
-    {{ form_end(form) }}
-
-{% endblock %}
-
-{% block javascripts %}
+</div>
+<div class="row">
+    <div class="col-xs-12">
+        <button class="btn btn-success" type="submit">Enregistrer</button>
+    </div>
+</div>
+{{ form_end(form) }} {% endblock %} {% block javascripts %}
 
 
-    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
-    <script>
-        $(document).ready(function () {
-            var input = /** @type {!HTMLInputElement} */(document.getElementById('ad_location_gmap'));
-            var autocomplete = new google.maps.places.Autocomplete(input);
-            autocomplete.addListener('place_changed', onPlaceChanged);
+<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
+<script>
+    $(document).ready(function () {
+        var input = /** @type {!HTMLInputElement} */(document.getElementById('ad_location_gmap'));
+        var autocomplete = new google.maps.places.Autocomplete(input);
+        autocomplete.addListener('place_changed', onPlaceChanged);
 
-            function onPlaceChanged() {
-                var place = autocomplete.getPlace();
-                var gmap_address = {'gmap_address': place}
-                if (place.geometry) {
-                    $("#ad_location").val(JSON.stringify(gmap_address));
-                }
+        function onPlaceChanged() {
+            var place = autocomplete.getPlace();
+            var gmap_address = { 'gmap_address': place }
+            if (place.geometry) {
+                $("#ad_location").val(JSON.stringify(gmap_address));
             }
-        });
-    </script>
-
-{% endblock %}
+        }
+    });
+</script> {% endblock %}

www/app/Resources/views/admin/ad_list.html.twig

@@ -14,7 +14,6 @@
 
 {% block content %}
 
-    <div class="col-xs-12">
         <div class="box box-primary">
             <div class="box-body">
                 <table id="ad_list_table" class="table table-hover table-bordered">
@@ -24,6 +23,7 @@
                         <th>Référence TT</th>
                         <th>Titre</th>
                         <th>Entreprise</th>
+                        <th class="col-md-1">A la une</th>
                         <th>Status</th>
                         <th>Action</th>
                     </tr>
@@ -41,6 +41,17 @@
 
                             </td>
                             <td>{{ ad.company.brandname }}</td>
+                            <td>
+                                {% if ad.emphasis %}
+                                    <span class="color-gold c-pointer" data-toggle="popover" data-placement="top"
+                                          data-content="A la une" data-trigger="hover">
+                                        <i class="fa fa-star color-gold" aria-hidden="true"></i>
+                                    </span>
+                                    {% if ad.emphasisOrder > 0 %}
+                                        ({{ ad.emphasisOrder }})
+                                    {% endif %}
+                                {% endif %}
+                            </td>
                             <td>
                                 {% if ad.status == "PUBLISHED" %}
                                     <span class="label pull-right bg-green">{{ ad.status }}</span>
@@ -62,7 +73,6 @@
                 </table>
             </div>
         </div>
-    </div>
 
 {% endblock %}
 

www/app/Resources/views/admin/ad_list_moderation.html.twig

@@ -14,7 +14,6 @@
 
 {% block content %}
 
-    <div class="col-xs-12">
         <div class="box box-primary">
             <div class="box-body">
                 <table id="ad_list_table" class="table table-hover table-bordered">
@@ -54,7 +53,6 @@
                 </table>
             </div>
         </div>
-    </div>
 
 {% endblock %}
 

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

@@ -46,9 +46,11 @@
                 {% form_theme form 'bootstrap_3_layout.html.twig' %}
             {% endif %}
             <div class="row">
-                {% block content %}
+                <div class="col-xs-12">
+                    {% block content %}
 
-                {% endblock %}
+                    {% endblock %}
+                </div>
             </div>
 
         </section>
@@ -59,7 +61,7 @@
 </div>
 {% javascripts
 '@admin'
-output='assetic/backend-admin.js' %}
+output='assetic/admin.backend.js' filter='?uglifyjs2' %}
 <script src="{{ asset_url }}"></script>
 {% endjavascripts %}
 <script>

www/app/Resources/views/admin/company_edit.html.twig

@@ -25,13 +25,15 @@
                 </div>
                 <div class="box-body">
                     {{ form_errors(form) }}
+                    {{ form_row(form.emphasis) }}
+                    {{ form_row(form.emphasisOrder) }}
                     {{ form_row(form.brandName) }}
                     {{ form_row(form.businessName) }}
                     {{ form_row(form.siren) }}
                     {{ form_row(form.size) }}
                     {{ form_row(form.description) }}
                     {{ form_row(form.website) }}
-                    {{ form_row(form.publicTag) }}
+                    {{ form_row(form.tagsComma) }}
                     {{ form_row(form.file) }}
 
                 </div>
@@ -44,11 +46,11 @@
                     <h3 class="box-title">Adresse de facturation</h3>
                 </div>
                 <div class="box-body">
-                    {{ form_row(form.billing_address1) }}
-                    {{ form_row(form.billing_address2) }}
-                    {{ form_row(form.billing_postcode) }}
-                    {{ form_row(form.billing_city) }}
-                    {{ form_row(form.billing_country) }}
+                    {{ form_row(form.address) }}
+                    {{ form_row(form.addressComp) }}
+                    {{ form_row(form.zipcode) }}
+                    {{ form_row(form.city) }}
+                    {{ form_row(form.country) }}
 
                 </div>
             </div>

www/app/Resources/views/admin/company_list.html.twig

@@ -14,7 +14,6 @@
 
 {% block content %}
 
-    <div class="col-xs-12">
         <div class="box box-primary">
             <div class="box-body">
                 <table id="company_list_table" class="table table-hover table-bordered">
@@ -23,11 +22,12 @@
                         <th class="col-md-2">Date de création</th>
                         <th>Nom</th>
                         <th>Email</th>
+                        <th class="col-md-1">A la une</th>
                         <th>Action</th>
                     </tr>
                     </thead>
                     <tbody>
-                    {% for company in c %}
+                    {% for company in c if company.MainUser %}
                         <tr>
                             <td data-order="{{ company.cTime|date('U') }}">{{ company.cTime|date('d/m/Y') }}</td>
                             <td>{% if company.brandname != null %}
@@ -37,6 +37,17 @@
                                 {% endif %}
                             </td>
                             <td>{{ company.MainUser.email }}</td>
+                            <td>
+                                {% if company.emphasis %}
+                                    <span class="color-gold c-pointer" data-toggle="popover" data-placement="top"
+                                          data-content="A la une" data-trigger="hover">
+                                        <i class="fa fa-star color-gold" aria-hidden="true"></i>
+                                    </span>
+                                    {% if company.emphasisOrder > 0 %}
+                                        ({{ company.emphasisOrder }})
+                                    {% endif %}
+                                {% endif %}
+                            </td>
                             <td>
                                 <a href="{{ path('admin_company_edit',{'id':company.id}) }}" data-toggle="tooltip"
                                    title="Modifier">
@@ -47,6 +58,13 @@
                                    style="margin-left: 5px;">
                                     <i class="fa fa-cart-plus" aria-hidden="true"></i>
                                 </a>
+                                {% if is_granted('ROLE_ALLOWED_TO_SWITCH') %}
+                                    <a href="{{ path('company_dashboard',{'_switch_user':company.MainUser.username}) }}"
+                                       data-toggle="tooltip" title="Se connecter avec ce compte"
+                                       style="margin-left: 5px;">
+                                        <i class="fa fa-sign-in" aria-hidden="true"></i>
+                                    </a>
+                                {% endif %}
                             </td>
                         </tr>
                     {% endfor %}
@@ -54,7 +72,6 @@
                 </table>
             </div>
         </div>
-    </div>
 
 {% endblock %}
 
@@ -76,7 +93,8 @@
                     {"targets": 0, "searchable": true, "orderable": true},
                     {"targets": 1, "searchable": true, "orderable": true},
                     {"targets": 2, "searchable": true, "orderable": true},
-                    {"targets": 3, "searchable": false, "orderable": false, "className": "text-center"},
+                    {"targets": 3, "searchable": true, "orderable": true, "className": "text-center"},
+                    {"targets": 4, "searchable": false, "orderable": false, "className": "text-center"},
                 ],
             });
         });

www/app/Resources/views/admin/media_list_moderation.html.twig

@@ -14,7 +14,6 @@
 
 {% block content %}
 
-    <div class="col-xs-12">
         <div class="box box-primary">
             <div class="box-body">
                 <table id="media_list_table" class="table table-hover table-bordered">
@@ -48,7 +47,6 @@
                 </table>
             </div>
         </div>
-    </div>
 
 {% endblock %}
 

www/app/Resources/views/admin/page_list.html.twig

@@ -14,7 +14,6 @@
 
 {% block content %}
 
-    <div class="col-xs-12">
         <div class="box box-primary">
             <div class="box-body">
                 <table id="page_list_table" class="table table-hover table-bordered">
@@ -43,7 +42,6 @@
                 </table>
             </div>
         </div>
-    </div>
 
 {% endblock %}
 

www/app/Resources/views/admin/sidebar_menu.html.twig

@@ -53,6 +53,11 @@
                     <i class="fa fa-user-circle" aria-hidden="true"></i><span>Talents</span>
                 </a>
             </li>
+            <li>
+                <a href="{{ path('admin_config_territory') }}">
+                    <i class="fa fa-map-marker" aria-hidden="true"></i><span>Territoire</span>
+                </a>
+            </li>
             <li>
                 <a href="{{ path('admin_page_list') }}">
                     <i class="fa fa-file-text-o" aria-hidden="true"></i><span>Pages</span>

www/app/Resources/views/admin/talent_edit.html.twig

@@ -35,12 +35,13 @@
                 <div class="box-body">
                     {{ form_errors(form) }}
                     {{ form_row(form.emphasis) }}
-                    {{ form_row(form.billing_address1) }}
-                    {{ form_row(form.billing_address2) }}
-                    {{ form_row(form.billing_postcode) }}
-                    {{ form_row(form.billing_city) }}
-                    {{ form_row(form.billing_country) }}
-                    {{ form_row(form.publicTag) }}
+                    {{ form_row(form.emphasisOrder) }}
+                    {{ form_row(form.address) }}
+                    {{ form_row(form.addressComp) }}
+                    {{ form_row(form.zipcode) }}
+                    {{ form_row(form.city) }}
+                    {{ form_row(form.country) }}
+                    {{ form_row(form.tagsComma) }}
                     {{ form_row(form.website) }}
                     {{ form_row(form.twitter) }}
                     {{ form_row(form.linkedin) }}

www/app/Resources/views/admin/talent_list.html.twig

@@ -13,88 +13,95 @@
 
 {% block content %}
 
-    <div class="col-xs-12">
-        <div class="box box-primary">
-            <div class="box-body">
-                <table id="talent_list_table" class="table table-hover table-bordered">
-                    <thead>
+    <div class="box box-primary">
+        <div class="box-body">
+            <table id="talent_list_table" class="table table-hover table-bordered">
+                <thead>
+                <tr>
+                    <th class="col-md-2">Date de création</th>
+                    <th>Prénom - Nom</th>
+                    <th>Email</th>
+                    <th class="col-md-1">Vidéos</th>
+                    <th class="col-md-1">A la une</th>
+                    <th>Action</th>
+                </tr>
+                </thead>
+                <tbody>
+                {% for talent in t if talent.MainUser %}
+                    {% set user = talent.users|first %}
                     <tr>
-                        <th class="col-md-2">Date de création</th>
-                        <th>Prénom - Nom</th>
-                        <th>Email</th>
-                        <th class="col-md-1">Vidéos</th>
-                        <th class="col-md-1">A la une</th>
-                        <th>Action</th>
-                    </tr>
-                    </thead>
-
-                    <tbody>
-                    {% for talent in t %}
-                        {% set user = talent.users|first %}
-                        <tr>
-                            <td data-order="{{ talent.cTime|date('U') }}">{{ talent.cTime|date('d/m/Y') }}</td>
-                            <td>
-                                {{ user.firstname }}  {{ user.lastname }}
-                            </td>
-                            <td><a href="mailto:{{ user.email }}">{{ user.email }}</a></td>
-                            <td>
-                                {% if user.medias|length > 0 %}
-                                    {{ user.medias|length }}
-                                {% endif %}
-                            </td>
-                            <td>
-                                {% if talent.emphasis %}
-                                    <span class="color-gold c-pointer" data-toggle="popover" data-placement="top"
-                                          data-content="A la une" data-trigger="hover">
+                        <td data-order="{{ talent.cTime|date('U') }}">{{ talent.cTime|date('d/m/Y') }}</td>
+                        <td>
+                            {{ user.firstname }}  {{ user.lastname }}
+                        </td>
+                        <td><a href="mailto:{{ user.email }}">{{ user.email }}</a></td>
+                        <td>
+                            {% if user.medias|length > 0 %}
+                                {{ user.medias|length }}
+                            {% endif %}
+                        </td>
+                        <td>
+                            {% if talent.emphasis %}
+                                <span class="color-gold c-pointer" data-toggle="popover" data-placement="top"
+                                      data-content="A la une" data-trigger="hover">
                                         <i class="fa fa-star color-gold" aria-hidden="true"></i>
                                     </span>
+                                {% if talent.emphasisOrder > 0 %}
+                                    ({{ talent.emphasisOrder }})
                                 {% endif %}
-                            </td>
-                            <td>
-                                <a href="{{ path('admin_talent_edit',{'id':talent.id}) }}" data-toggle="tooltip"
-                                   title="Modifier">
-                                    <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
+                            {% endif %}
+                        </td>
+                        <td>
+                            <a href="{{ path('admin_talent_edit',{'id':talent.id}) }}" data-toggle="tooltip"
+                               title="Modifier">
+                                <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
+                            </a>
+                            {% if is_granted('ROLE_ALLOWED_TO_SWITCH') %}
+                                <a href="{{ path('talent_dashboard',{'_switch_user':talent.MainUser.username}) }}"
+                                   data-toggle="tooltip" title="Se connecter avec ce compte"
+                                   style="margin-left: 5px;">
+                                    <i class="fa fa-sign-in" aria-hidden="true"></i>
                                 </a>
-                            </td>
-                        </tr>
-                    {% endfor %}
-                    </tbody>
-                </table>
-            </div>
+                            {% endif %}
+                        </td>
+                    </tr>
+                {% endfor %}
+                </tbody>
+            </table>
         </div>
     </div>
 
 {% endblock %}
 
-{% block javascripts %}
-    <script>
-        $(function () {
-            $('#talent_list_table').DataTable({
-                "paging": true,
-                "lengthChange": true,
-                "searching": true,
-                "ordering": true,
-                "info": true,
-                "autoWidth": false,
-                "language": {
-                    "url": "https://cdn.datatables.net/plug-ins/1.10.11/i18n/French.json"
-                },
-                "columnDefs": [
-                    {"targets": 0, "searchable": true, "orderable": true},
-                    {"targets": 1, "searchable": true, "orderable": true},
-                    {"targets": 2, "searchable": true, "orderable": true},
-                    {"targets": 3, "searchable": true, "orderable": true, "className": "text-center"},
-                    {"targets": 4, "searchable": true, "orderable": true, "className": "text-center"},
-                    {"targets": 5, "searchable": false, "orderable": false, "className": "text-center"},
-                ],
-                "order": [[ 1, "asc" ]]
+    {% block javascripts %}
+        <script>
+            $(function () {
+                $('#talent_list_table').DataTable({
+                    "paging": true,
+                    "lengthChange": true,
+                    "searching": true,
+                    "ordering": true,
+                    "info": true,
+                    "autoWidth": false,
+                    "language": {
+                        "url": "https://cdn.datatables.net/plug-ins/1.10.11/i18n/French.json"
+                    },
+                    "columnDefs": [
+                        {"targets": 0, "searchable": true, "orderable": true},
+                        {"targets": 1, "searchable": true, "orderable": true},
+                        {"targets": 2, "searchable": true, "orderable": true},
+                        {"targets": 3, "searchable": true, "orderable": true, "className": "text-center"},
+                        {"targets": 4, "searchable": true, "orderable": true, "className": "text-center"},
+                        {"targets": 5, "searchable": false, "orderable": false, "className": "text-center"},
+                    ],
+                    "order": [[1, "asc"]]
+                });
             });
-        });
-    </script>
+        </script>
 
-    <script>
-        $(document).ready(function () {
-            $('[data-toggle="popover"]').popover();
-        });
-    </script>
-{% endblock %}
+        <script>
+            $(document).ready(function () {
+                $('[data-toggle="popover"]').popover();
+            });
+        </script>
+    {% endblock %}

www/app/Resources/views/admin/territory_edit.html.twig

@@ -0,0 +1,70 @@
+{% extends 'admin/base_admin.html.twig' %}
+{% set user = territory.users|first %}
+
+{% block contentHeader %}
+    <h1>
+        Modification d'un territoire
+        <small>{{ territory.brandname }}</small>
+    </h1>
+    <ol class="breadcrumb">
+        <li><a href="{{ path('admin_dashboard') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
+        <li><a href="{{ path('admin_config_territory') }}">Territoire</a></li>
+        <li class="active">Editer</li>
+    </ol>
+{% endblock %}
+
+{% block content %}
+
+    {{ form_start(form) }}
+    <div class="row">
+        <div class="col-xs-8">
+            <div class="box box-primary">
+                <div class="box-header">
+                    <h3 class="box-title">{{ territory.brandName }}</h3>
+                    <br><span>{{ territory.mainUser.email }}</span>
+                </div>
+                <div class="box-body">
+                    {{ form_errors(form) }}
+                    {{ form_row(form.emphasis) }}
+                    {{ form_row(form.emphasisOrder) }}
+                    {{ form_row(form.brandName) }}
+                    {{ form_row(form.description) }}
+                    {{ form_row(form.website) }}
+                    {{ form_row(form.tagsComma) }}
+                    {{ form_row(form.file) }}
+
+                </div>
+            </div>
+        </div>
+
+        <div class="col-xs-4">
+            <div class="box">
+                <div class="box-header">
+                    <h3 class="box-title">Adresse</h3>
+                </div>
+                <div class="box-body">
+                    {{ form_row(form.address) }}
+                    {{ form_row(form.addressComp) }}
+                    {{ form_row(form.zipcode) }}
+                    {{ form_row(form.city) }}
+                    {{ form_row(form.country) }}
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-xs-12">
+            <button class="btn btn-success" type="submit">Enregistrer</button>
+        </div>
+    </div>
+    {{ form_end(form) }}
+{% endblock %}
+
+{% block javascripts %}
+    <script>
+        $(document).ready(function () {
+            $('[data-toggle="popover"]').popover();
+        });
+    </script>
+{% endblock %}

www/app/Resources/views/admin/territory_link_ad.html.twig

@@ -0,0 +1,140 @@
+{% extends 'admin/base_admin.html.twig' %}
+
+{% block contentHeader %}
+    <h1>
+        {{ territory.brandname }}
+        <small>Association d'annonce</small>
+    </h1>
+    <ol class="breadcrumb">
+        <li><a href="{{ path('admin_dashboard') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
+        <li class="active"><a href="{{ path('admin_config_territory') }}">Territoire</a></li>
+    </ol>
+{% endblock %}
+
+{% block content %}
+    <div class="col-md-6">
+        {{ form_start(form) }}
+        <div class="box box-success">
+            <div class="box-body">
+
+                <table id="ad_link_table" class="table table-hover table-bordered">
+                    <thead>
+                    <tr>
+                        <th></th>
+                        <th>Annonce</th>
+                        <th>Entreprise</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    {% for key,m in form.territoryAds %}
+                        {% set entity = form.territoryAds.vars.choices[key].data %}
+                        <tr>
+                            <td>{{ form_widget(m) }}</td>
+                            <td>{{ entity.title }}</td>
+                            <td>{{ entity.company.brandname }}</td>
+                        </tr>
+                    {% endfor %}
+                    </tbody>
+                </table>
+                {{ form_errors(form) }}
+
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-xs-12">
+                <button class="btn btn-success" type="submit">Associer au territoire</button>
+            </div>
+        </div>
+        {{ form_end(form) }}
+    </div>
+
+    <div class="col-md-6">
+        <div class="box box-danger">
+            <div class="box-body">
+
+                <table id="ad_unlink_table" class="table table-hover table-bordered">
+                    <thead>
+                    <tr>
+                        <th>Annonce</th>
+                        <th>Entreprise</th>
+                        <th></th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    {% for ta in territoryAds %}
+                        <tr>
+                            <td>{{ ta.ad.title }}</td>
+                            <td>{{ ta.ad.company.brandname }}</td>
+                            <td>
+                                <a href="{{ path('admin_territory_unlink',{id:ta.id}) }}" class="color-red">
+                                    <i class="fa fa-minus-circle" aria-hidden="true"></i>
+                                </a>
+                            </td>
+                        </tr>
+                    {% endfor %}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+
+
+{% endblock %}
+
+    {% block javascripts %}
+        <script>
+            $(function () {
+                $('#ad_link_table').DataTable({
+                    "paging": true,
+                    "lengthChange": true,
+                    "searching": true,
+                    "ordering": true,
+                    "info": true,
+                    "autoWidth": false,
+                    "language": {
+                        "url": "https://cdn.datatables.net/plug-ins/1.10.11/i18n/French.json"
+                    },
+                    "columnDefs": [
+                        {"targets": 0, "searchable": false, "orderable": false, "className": "text-center"},
+                        {"targets": 1, "searchable": true, "orderable": true},
+//                        {"targets": 1, "searchable": true, "orderable": true},
+//                        {"targets": 2, "searchable": true, "orderable": true},
+//                        {"targets": 3, "searchable": true, "orderable": true, "className": "text-center"},
+
+                    ],
+                    "order": [[1, "asc"]]
+                });
+            });
+        </script>
+
+        <script>
+            $(function () {
+                $('#ad_unlink_table').DataTable({
+                    "paging": true,
+                    "lengthChange": true,
+                    "searching": true,
+                    "ordering": true,
+                    "info": true,
+                    "autoWidth": false,
+                    "language": {
+                        "url": "https://cdn.datatables.net/plug-ins/1.10.11/i18n/French.json"
+                    },
+                    "columnDefs": [
+                        {"targets": 0, "searchable": true, "orderable": true},
+                        {"targets": 1, "searchable": true, "orderable": true},
+                        {"targets": 2, "searchable": false, "orderable": false, "className": "text-center"},
+//                        {"targets": 2, "searchable": true, "orderable": true},
+//                        {"targets": 3, "searchable": true, "orderable": true, "className": "text-center"},
+
+                    ],
+                    "order": [[1, "asc"]]
+                });
+            });
+        </script>
+
+        <script>
+            $(document).ready(function () {
+                $('[data-toggle="popover"]').popover();
+            });
+        </script>
+    {% endblock %}

www/app/Resources/views/admin/territory_link_company.html.twig

@@ -0,0 +1,144 @@
+{% extends 'admin/base_admin.html.twig' %}
+
+{% block contentHeader %}
+    <h1>
+        {{ territory.brandname }}
+        <small>Association d'entreprise</small>
+    </h1>
+    <ol class="breadcrumb">
+        <li><a href="{{ path('admin_dashboard') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
+        <li class="active"><a href="{{ path('admin_config_territory') }}">Territoire</a></li>
+    </ol>
+{% endblock %}
+
+{% block content %}
+    <div class="col-md-6">
+        {{ form_start(form) }}
+        <div class="box box-success">
+            <div class="box-body">
+
+                <table id="ad_link_table" class="table table-hover table-bordered">
+                    <thead>
+                    <tr>
+                        <th></th>
+                        <th>Entreprise</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    {% for key,m in form.territoryCompanies %}
+                        {% set entity = form.territoryCompanies.vars.choices[key].data %}
+                        <tr>
+                            <td>{{ form_widget(m) }}</td>
+                            <td>{{ entity.brandname }}</td>
+                        </tr>
+                    {% endfor %}
+                    </tbody>
+                </table>
+                {{ form_errors(form) }}
+
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-xs-12">
+                <button class="btn btn-success" type="submit">Associer au territoire</button>
+            </div>
+        </div>
+        {{ form_end(form) }}
+    </div>
+
+    <div class="col-md-6">
+        {{ form_start(form2) }}
+        <div class="box box-danger">
+            <div class="box-body">
+
+                <table id="ad_unlink_table" class="table table-hover table-bordered">
+                    <thead>
+                    <tr>
+                        <th></th>
+                        <th>Entreprise</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    {% for key,m in form2.territoryCompanies %}
+                        {% set entity = form2.territoryCompanies.vars.choices[key].data %}
+                        <tr>
+                            <td>{{ form_widget(m) }}</td>
+                            <td>{{ entity.company.brandname }}</td>
+                        </tr>
+                    {% endfor %}
+                    {#{% for tc in territoryCompanies %}#}
+                        {#<tr>#}
+                            {#<td>{{ tc.company.brandname }}</td>#}
+                            {#<td>#}
+                                {#<a href="{{ path('admin_territory_unlink',{id:tc.id}) }}" class="color-red">#}
+                                    {#<i class="fa fa-minus-circle" aria-hidden="true"></i>#}
+                                {#</a>#}
+                            {#</td>#}
+                        {#</tr>#}
+                    {#{% endfor %}#}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-xs-12">
+                <button class="btn btn-danger" type="submit">Enlever</button>
+            </div>
+        </div>
+        {{ form_end(form2) }}
+    </div>
+
+
+{% endblock %}
+
+    {% block javascripts %}
+        <script>
+            $(function () {
+                $('#ad_link_table').DataTable({
+                    "paging": true,
+                    "lengthChange": true,
+                    "searching": true,
+                    "ordering": true,
+                    "info": true,
+                    "autoWidth": false,
+                    "language": {
+                        "url": "https://cdn.datatables.net/plug-ins/1.10.11/i18n/French.json"
+                    },
+                    "columnDefs": [
+                        {"targets": 0, "searchable": false, "orderable": false, "className": "text-center"},
+                        {"targets": 1, "searchable": true, "orderable": true},
+
+                    ],
+                    "order": [[1, "asc"]]
+                });
+            });
+        </script>
+
+        <script>
+            $(function () {
+                $('#ad_unlink_table').DataTable({
+                    "paging": true,
+                    "lengthChange": true,
+                    "searching": true,
+                    "ordering": true,
+                    "info": true,
+                    "autoWidth": false,
+                    "language": {
+                        "url": "https://cdn.datatables.net/plug-ins/1.10.11/i18n/French.json"
+                    },
+                    "columnDefs": [
+                        {"targets": 1, "searchable": true, "orderable": true},
+                        {"targets": 0, "searchable": false, "orderable": false, "className": "text-center"},
+
+                    ],
+                    "order": [[1, "asc"]]
+                });
+            });
+        </script>
+
+        <script>
+            $(document).ready(function () {
+                $('[data-toggle="popover"]').popover();
+            });
+        </script>
+    {% endblock %}

www/app/Resources/views/admin/territory_list.html.twig

@@ -0,0 +1,113 @@
+{% extends 'admin/base_admin.html.twig' %}
+
+{% block contentHeader %}
+    <h1>
+        Territoire
+        <small>Liste</small>
+    </h1>
+    <ol class="breadcrumb">
+        <li><a href="{{ path('admin_dashboard') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
+        <li class="active">Territoire</li>
+    </ol>
+{% endblock %}
+
+{% block content %}
+
+    <div class="box box-primary">
+
+        <div class="box-body">
+            <table id="talent_list_table" class="table table-hover table-bordered">
+                <thead>
+                <tr>
+                    <th class="col-md-2">Date de création</th>
+                    <th>Label</th>
+                    <th>Email</th>
+                    <th class="col-md-1">A la une</th>
+                    <th>Action</th>
+                </tr>
+                </thead>
+                <tbody>
+                {% for t in territories %}
+                    {% set user = t.users|first %}
+                    <tr>
+                        <td data-order="{{ t.cTime|date('U') }}">{{ t.cTime|date('d/m/Y') }}</td>
+                        <td>
+                            {% if t.brandname != null %}
+                                {{ t.brandname }}
+                            {% else %}
+                                <span class="text-muted">{{ t.alias }}</span>
+                            {% endif %}
+                        </td>
+                        <td><a href="mailto:{{ user.email }}">{{ user.email }}</a></td>
+                        <td>
+                            {% if t.emphasis %}
+                                <span class="color-gold c-pointer" data-toggle="popover" data-placement="top"
+                                      data-content="A la une" data-trigger="hover">
+                                        <i class="fa fa-star color-gold" aria-hidden="true"></i>
+                                    </span>
+                                {% if t.emphasisOrder > 0 %}
+                                    ({{ t.emphasisOrder }})
+                                {% endif %}
+                            {% endif %}
+                        </td>
+                        <td>
+                            <a href="{{ path('admin_territory_link_company',{'id':t.id}) }}" data-toggle="tooltip"
+                               title="Associer des entreprises">
+                                <i class="fa fa-building-o" aria-hidden="true"></i>
+                            </a>
+                            <a href="{{ path('admin_territory_link',{'id':t.id}) }}" data-toggle="tooltip"
+                               title="Associer des annonces" class="m-l-10">
+                                <i class="fa fa-file-video-o" aria-hidden="true"></i>
+                            </a>
+                            <a href="{{ path('admin_territory_edit',{'id':t.id}) }}" data-toggle="tooltip"
+                               title="Modifier" class="m-l-10">
+                                <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
+                            </a>
+                            {% if is_granted('ROLE_ALLOWED_TO_SWITCH') %}
+                                <a href="{{ path('territory_dashboard',{'_switch_user':t.MainUser.username}) }}"
+                                   data-toggle="tooltip" title="Se connecter avec ce compte"
+                                   style="margin-left: 5px;">
+                                    <i class="fa fa-sign-in" aria-hidden="true"></i>
+                                </a>
+                            {% endif %}
+                        </td>
+                    </tr>
+                {% endfor %}
+                </tbody>
+            </table>
+        </div>
+    </div>
+
+{% endblock %}
+
+    {% block javascripts %}
+        <script>
+            $(function () {
+                $('#talent_list_table').DataTable({
+                    "paging": true,
+                    "lengthChange": true,
+                    "searching": true,
+                    "ordering": true,
+                    "info": true,
+                    "autoWidth": false,
+                    "language": {
+                        "url": "https://cdn.datatables.net/plug-ins/1.10.11/i18n/French.json"
+                    },
+                    "columnDefs": [
+                        {"targets": 0, "searchable": true, "orderable": true},
+                        {"targets": 1, "searchable": true, "orderable": true},
+                        {"targets": 2, "searchable": true, "orderable": true},
+                        {"targets": 3, "searchable": true, "orderable": true, "className": "text-center"},
+                        {"targets": 4, "searchable": false, "orderable": false, "className": "text-center"},
+                    ],
+                    "order": [[1, "asc"]]
+                });
+            });
+        </script>
+
+        <script>
+            $(document).ready(function () {
+                $('[data-toggle="popover"]').popover();
+            });
+        </script>
+    {% endblock %}

www/app/Resources/views/admin/top_menu.html.twig

@@ -19,6 +19,7 @@
                     {% endif %}
                     <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                         <span class="hidden-xs">{{ app.user.firstname }} {{ app.user.firstname }}</span>
+                        <i class="fa fa-chevron-down" aria-hidden="true"></i>
                     </a>
                     <ul class="dropdown-menu">
                         <li class="user-header">

www/app/Resources/views/admin/user_form.html.twig

@@ -11,36 +11,36 @@
 {% endblock %}
 
 {% block content %}
-    {{ form_start(form) }}
-    <div class="row">
-        <div class="col-xs-7">
-            <div class="box box-primary">
-                <div class="box-body">
-                    {{ form_row(form.firstname) }}
-                    {{ form_row(form.lastname) }}
-                    {{ form_row(form.username) }}
-                    {{ form_row(form.email) }}
-                    {{ form_row(form.plainPassword) }}
+        {{ form_start(form) }}
+        <div class="row">
+            <div class="col-xs-7">
+                <div class="box box-primary">
+                    <div class="box-body">
+                        {{ form_row(form.firstname) }}
+                        {{ form_row(form.lastname) }}
+                        {{ form_row(form.username) }}
+                        {{ form_row(form.email) }}
+                        {{ form_row(form.plainPassword) }}
 
+                    </div>
+                </div>
+            </div>
+            <div class="col-xs-5">
+                <div class="box box-primary">
+                    <div class="box-body">
+                        {{ form_row(form.roles) }}
+                        {{ form_row(form.enabled) }}
+
+                    </div>
                 </div>
             </div>
         </div>
-        <div class="col-xs-5">
-            <div class="box box-primary">
-                <div class="box-body">
-                    {{ form_row(form.roles) }}
-                    {{ form_row(form.enabled) }}
-
-                </div>
+        <div class="row">
+            <div class="col-xs-12">
+                <button class="btn btn-success" type="submit">Enregistrer</button>
             </div>
         </div>
-    </div>
-    <div class="row">
-        <div class="col-xs-12">
-            <button class="btn btn-success" type="submit">Enregistrer</button>
-        </div>
-    </div>
-    {{ form_end(form) }}
+        {{ form_end(form) }}
 {% endblock %}
 
 {% block javascripts %}

www/app/Resources/views/admin/user_list.html.twig

@@ -14,39 +14,37 @@
 
 {% block content %}
 
-    <div class="col-xs-12">
-        <div class="box box-primary">
-            <div class="box-body">
-                <table id="user_list_table" class="table table-hover table-bordered">
-                    <thead>
-                    <tr>
-                        <th>Nom</th>
-                        <th>Prénom</th>
-                        <th class="col-md-3">Email</th>
-                        <th>Roles</th>
-                        <th>Action</th>
-                    </tr>
-                    </thead>
+    <div class="box box-primary">
+        <div class="box-body">
+            <table id="user_list_table" class="table table-hover table-bordered">
+                <thead>
+                <tr>
+                    <th>Nom</th>
+                    <th>Prénom</th>
+                    <th class="col-md-3">Email</th>
+                    <th>Roles</th>
+                    <th>Action</th>
+                </tr>
+                </thead>
 
-                    <tbody>
-                    {% for u in users %}
-                        <tr>
-                            <td>{{ u.lastname }}</td>
-                            <td>{{ u.firstname }}</td>
-                            <td>{{ u.email }}</td>
-                            <td>
-                                {% for r in u.roles %}
-                                    {% if r != "ROLE_USER" %}
-                                        <span class="badge bg-blue" style="font-weight: 400;">{{ r }}</span>
-                                    {% endif %}
-                                {% endfor %}
-                            </td>
-                            <td></td>
-                        </tr>
-                    {% endfor %}
-                    </tbody>
-                </table>
-            </div>
+                <tbody>
+                {% for u in users %}
+                    <tr>
+                        <td>{{ u.lastname }}</td>
+                        <td>{{ u.firstname }}</td>
+                        <td>{{ u.email }}</td>
+                        <td>
+                            {% for r in u.roles %}
+                                {% if r != "ROLE_USER" %}
+                                    <span class="badge bg-blue" style="font-weight: 400;">{{ r }}</span>
+                                {% endif %}
+                            {% endfor %}
+                        </td>
+                        <td></td>
+                    </tr>
+                {% endfor %}
+                </tbody>
+            </table>
         </div>
     </div>
 

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

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="fr">
 <head>
 
     <!-- Google Tag Manager -->
@@ -24,15 +24,37 @@
     <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">
+    {% block metarobot %}<meta name="robots" content="index,follow">{% 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">
+    {# OG et TC #}
+    {% 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 %}
+    {# Canonical #}
+    <link rel="canonical"
+          href="{% block urlCanonical %}{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}{% endblock %}">
     {# CSS #}
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,700,700i" rel=“stylesheet”>
-    <link href="https://fonts.googleapis.com/css?family=Varela+Round" 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&amp;subset=latin-ext"
+          rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Varela+Round" : rel="stylesheet">
     <link rel="stylesheet" href="{{ asset('css/styles.css') }}">
     {% block stylesheets %}
     {% endblock %}
@@ -45,20 +67,16 @@
 </noscript>
 <!-- End Google Tag Manager (noscript) -->
 {#{% include 'default/alert.html.twig' %}#}
+{% include 'default/user_switch.html.twig' %}
 {% include 'default/header.html.twig' %}
-
 {% block content %}
-
 {% endblock %}
-
 {% include 'default/footer.html.twig' %}
-
-
 {% block javascripts %}
     {% javascripts
     '@vendors'
     '@global'
-    output='assetic/main.js' %}
+    output='assetic/main.js' filter='?uglifyjs2' %}
     <script src="{{ asset_url }}"></script>
     {% endjavascripts %}
 {% endblock %}

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

@@ -1,13 +1,72 @@
-{% extends 'base.html.twig' %}
+<!DOCTYPE html>
+<html>
+<head>
+
+    <!-- Google Tag Manager -->
+    <script>
+        (function (w, d, s, l, i) {
+            w[l] = w[l] || [];
+            w[l].push({
+                'gtm.start': new Date().getTime(), event: 'gtm.js'
+            });
+            var f = d.getElementsByTagName(s)[0],
+                    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
+            j.async = true;
+            j.src =
+                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
+            f.parentNode.insertBefore(j, f);
+        })(window, document, 'script', 'dataLayer', 'GTM-P4G65WJ');
+    </script>
+    <!-- End Google Tag Manager -->
+    <script type="text/javascript" defer="defer" src="https://extend.vimeocdn.com/ga/64189815.js"></script>
+
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title>{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}</title>
+
+    <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}"/>
+    <meta name="robots" content="index,follow">
+    <meta name="description" content="{% block description %}
+    Talents Tube est la première plateforme réservée aux offres d'emploi et aux CV vidéos. Découvrez un nouvelle méthode de recrutement !
+{% endblock %}">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    {% block ogtc %}{% endblock %}
+    {# Canonical #}
+    <link rel="canonical"
+          href="{% block urlCanonical %}{{  url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}"{% endblock %}>
+    {# CSS #}
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,700,700i" rel=“stylesheet”>
+    <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
+    <link rel="stylesheet" href="{{ asset('css/styles.css') }}">
+    {% block stylesheets %}
+    {% endblock %}
+</head>
+<body id="dashboard">
+<!-- Google Tag Manager (noscript) -->
+<noscript>
+    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P4G65WJ"
+            height="0" width="0" style="display:none;visibility:hidden">
+    </iframe>
+    </noscript>
+    <!-- End Google Tag Manager (noscript) -->
+    {#{% include 'default/alert.html.twig' %}#}
+    {% include 'default/user_switch.html.twig' %}
+    {% include 'default/header.html.twig' %}
+
+    {% block content %}
+
+    {% endblock %}
+
+    {% include 'default/footer.html.twig' %}
 
 
-{% block content %}
-    base_dashboard.html.twig
-
-{% endblock %}
-
-{% block stylesheets %}
-{% endblock %}
-
-{% block javascripts %}
-{% endblock %}
+    {% block javascripts %}
+    {% javascripts
+    '@vendors'
+    '@global'
+    output='assetic/main.base.dash.js' filter='?uglifyjs2' %}
+    <script src="{{ asset_url }}"></script>
+    {% endjavascripts %}
+    {% endblock %}
+    </body>
+</html>

www/app/Resources/views/company/ad_answer_list.html.twig

@@ -2,42 +2,46 @@
 
 
 {% block dashContent %}
-    {% set first = answers|first %}
-    <h1 class="alttitle">Réponses pour : {{ first.ad.title }}</h1>
-    {% include 'company/tabs.html.twig' with {'tab':2} %}
-    <div id="reponses" class="col s12">
-        <table id="table-answers" class="bordered highlight responsive-table">
-            <thead>
-            <tr>
-                <th> {{ 'profile.talent.firstname'|trans }} - {{ 'profile.talent.lastname'|trans }}</th>
-                <th>{{ 'global.intitule.label'|trans }}</th>
-                <th>{{ 'global.date.label'|trans }}</th>
-                <th>{{ 'note.title'|trans }}</th>
-            </tr>
-            </thead>
-            <tbody>
-            {% for answer in answers %}
+    <div class="row bg-bordered p-20">
+        {% set first = answers|first %}
+        <h1 class="alttitle">Réponses pour : {{ first.ad.title }}</h1>
+        {% include 'company/tabs.html.twig' with {'tab':2} %}
+        <div id="reponses" class="col s12">
+            <table id="table-answers" class="bordered highlight responsive-table">
+                <thead>
                 <tr>
-                    <td><a href="{{ path('company_answer_show',{'id':answer.id })}}">{{ answer.user.firstname }} {{ answer.user.lastname }}</a></td>
-                    <td>{{ answer.ad.title }}</td>
-                    <td>{{ answer.cTime()|date('d-m-Y') }}</td>
-                    <td>
-                        {#{% if answer.notes|length <= 0 %}#}
-                        <a href="#" class="note-action c-pointer" data-func="add" data-answer="{{ answer.id }}">
-                            <i class="fa fa-plus " aria-hidden="true"></i>
-                        </a>
-                        {#{% else %}#}
-                        {% for note in answer.notes %}
-                            <a class="tooltipped note-action c-pointer" data-position="top" data-delay="50"
-                               data-tooltip="{{ note.content }}" data-note="{{ note.id }}" data-func="edit">
-                                <i class="fa fa-commenting" aria-hidden="true"></i>
-                            </a>
-                        {% endfor %}
-                        {#{% endif %}#}
-                    </td>
+                    <th> {{ 'profile.talent.firstname'|trans }} - {{ 'profile.talent.lastname'|trans }}</th>
+                    <th>{{ 'global.intitule.label'|trans }}</th>
+                    <th>{{ 'global.date.label'|trans }}</th>
+                    <th>{{ 'note.title'|trans }}</th>
                 </tr>
-            {% endfor %}
-        </table>
+                </thead>
+                <tbody>
+                {% for answer in answers %}
+                    <tr>
+                        <td>
+                            <a href="{{ path('company_answer_show',{'id':answer.id }) }}">{{ answer.user.firstname }} {{ answer.user.lastname }}</a>
+                        </td>
+                        <td>{{ answer.ad.title }}</td>
+                        <td>{{ answer.uTime()|date('d-m-Y') }}</td>
+                        <td>
+                            {#{% if answer.notes|length <= 0 %}#}
+                            <a href="#" class="note-action c-pointer" data-func="add" data-answer="{{ answer.id }}">
+                                <i class="fa fa-plus " aria-hidden="true"></i>
+                            </a>
+                            {#{% else %}#}
+                            {% for note in answer.notes %}
+                                <a class="tooltipped note-action c-pointer" data-position="top" data-delay="50"
+                                   data-tooltip="{{ note.content }}" data-note="{{ note.id }}" data-func="edit">
+                                    <i class="fa fa-commenting" aria-hidden="true"></i>
+                                </a>
+                            {% endfor %}
+                            {#{% endif %}#}
+                        </td>
+                    </tr>
+                {% endfor %}
+            </table>
+        </div>
     </div>
 
     <div id="note-modal"></div>

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

@@ -1,18 +1,23 @@
 {% extends 'company/base_dashboard_company.html.twig' %}
 
 {% block dashContent %}
-    <h1 class="alttitle">Création d'une annonce</h1>
-    {% if form_errors(form) %}
-    <div class="card-panel">
-        <span class="red-text text-darken-2">
-        {{ form_errors(form) }}
-        </span>
+    <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) }}
+        </div>
     </div>
-    {% endif %}
-    {{ form_start(form) }}
-    {{ form_widget(form) }}
-    <br />
-    <button class="btn btn-default" type="submit">Je crée mon annonce</button>
-    {{ form_end(form) }}
+
 {% endblock %}
 

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

@@ -1,31 +1,29 @@
 {% extends 'company/base_dashboard_company.html.twig' %}
 
 {% block dashContent %}
-    <h1 class="alttitle">Modification d'une annonce </h1>
+    <div class="row bg-bordered p-0">
+        {% include 'company/ad_steps.html.twig' with {'tab':1} %}
 
-    {% if ad is defined %}
-        <h4>
-            {{ ad.title }} <small>({{ ad.reference }})</small>
-        </h4>
-    {% endif %}
-
-    {% if form_errors(form) %}
-        <div class="card-panel">
+        <div class="p-20">
+            {% if form_errors(form) %}
+                <div class="card-panel">
         <span class="red-text text-darken-2">
         {{ form_errors(form) }}
         </span>
+                </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>
-    {% 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>
 {% endblock %}

www/app/Resources/views/company/ad_edit_date.html.twig

@@ -1,31 +1,35 @@
 {% extends 'company/base_dashboard_company.html.twig' %}
 
 {% block dashContent %}
-    <h1 class="alttitle">Modification d'une annonce</h1>
-    <form>
-        <p>
-        <input name="choice_date" type="radio" id="choice_date_1" checked="checked" />
-        <label for="choice_date_1">Choisir un nombre de mois de visibilité</label>
-        </p>
-        <p>
-        <input name="choice_date" type="radio" id="choice_date_2" />
-        <label for="choice_date_2">Choisir un interval de date de visibilité</label>
-        </p>
-        <br />
-    </form>
+    <div class="row bg-bordered p-0">
+        {% include 'company/ad_steps.html.twig' with {'tab':3} %}
+        <div class="p-20">
+            <form>
+                <p>
+                    <input name="choice_date" type="radio" id="choice_date_1" checked="checked"/>
+                    <label for="choice_date_1">Choisir un nombre de mois de visibilité</label>
+                </p>
+                <p>
+                    <input name="choice_date" type="radio" id="choice_date_2"/>
+                    <label for="choice_date_2">Choisir un interval de date de visibilité</label>
+                </p>
+                <br/>
+            </form>
 
-    {{ form_start(form) }}
-    {% if form_errors(form) %}
-        <div class="card-panel">
+            {{ form_start(form) }}
+            {% if form_errors(form) %}
+                <div class="card-panel">
         <span class="red-text text-darken-2">
         {{ form_errors(form) }}
         </span>
+                </div>
+            {% endif %}
+            {{ form_rest(form) }}
+            <br/>
+            <a href="{{ path('create_media',{"id": ad.getId()}) }}" class="btn btn-dark btn-round">Etape précédente</a>
+            <button class="btn btn-default" type="submit">Etape suivante</button>
+            {{ form_end(form) }}
         </div>
-    {% endif %}
-    {{ form_rest(form) }}
-    <br />
-    <a href="{{ path('create_media',{"id": ad.getId()}) }}" class="btn btn-dark">Etape précédente</a>
-    <button class="btn btn-default" type="submit">Etape suivante</button>
-    {{ form_end(form) }}
+    </div>
 {% endblock %}
 

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

@@ -2,52 +2,57 @@
 
 {% block dashContent %}
     {% include 'default/flash_message.html.twig' %}
-    <h1 class="alttitle">Prolongondation 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') }}
+    <div class="row bg-bordered p-20">
+        <h1 class="alttitle">Prolongondation 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') }}
+            </div>
         </div>
-    </div>
-    <div class="row">
-        <div class="col s12">
-            <div class="card blue darken-1 video-informations-card">
-                <div class="card-content white-text">
-                    <span class="card-title">Informations sur la prolongation d'une annonce</span>
-                    <p>
-                        En choisissant un nombre de mois de prolongation, vous consommez un nombre de "crédit de mois" equivalent.<br />
-                    </p>
-                    <p>
-                        <br />
-                        Si vous ne disposez pas de "crédit de mois" vous pouvez en acheter en cliquant sur le bouton ci-dessous :
-                        <br /><br />
-                        <a href="https://www.talentstube.com/store/" class="btn btn-default">acheter des crédits</a>
-                    </p>
+        <div class="row">
+            <div class="col s12">
+                <div class="card blue darken-1 video-informations-card">
+                    <div class="card-content white-text">
+                        <span class="card-title">Informations sur la prolongation d'une annonce</span>
+                        <p>
+                            En choisissant un nombre de mois de prolongation, vous consommez un nombre de "crédit de
+                            mois" equivalent.<br/>
+                        </p>
+                        <p>
+                            <br/>
+                            Si vous ne disposez pas de "crédit de mois" vous pouvez en acheter en cliquant sur le bouton
+                            ci-dessous :
+                            <br/><br/>
+                            <a href="https://www.talentstube.com/store/" class="btn btn-default">acheter des crédits</a>
+                        </p>
+                    </div>
                 </div>
             </div>
         </div>
-    </div>
-    {{ form_start(form) }}
-    {% if form_errors(form) %}
-        <div class="card-panel">
+        {{ form_start(form) }}
+        {% if form_errors(form) %}
+            <div class="card-panel">
         <span class="red-text text-darken-2">
         {{ form_errors(form) }}
         </span>
-        </div>
-    {% endif %}
-    <div>
-        <h4>Choisir le nombre de mois de prolongondation.</h4>
+            </div>
+        {% endif %}
+        <div>
+            <h4>Choisir le nombre de mois de prolongondation.</h4>
             {{ form_errors(form.numberOfMonth) }}
             {{ form_widget(form.numberOfMonth) }}
             {{ form_label(form.numberOfMonth) }}
-    </div>
-    <br />
-    <div>
+        </div>
+        <br/>
+        <div>
             {{ form_errors(form.consume) }}
             {{ form_widget(form.consume) }}
             {{ form_label(form.consume) }}
-    </div><br/>
-    {{ form_rest(form) }}
-    <br />
-    <button class="btn btn-default" type="submit">Etape suivante</button>
-    {{ form_end(form) }}
+        </div>
+        <br/>
+        {{ form_rest(form) }}
+        <br/>
+        <button class="btn btn-default" type="submit">Etape suivante</button>
+        {{ form_end(form) }}
+    </div>
 {% endblock %}

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

@@ -5,97 +5,10 @@
 {% block dashContent %}
     {% include 'default/flash_message.html.twig' %}
 
-    <h1 class="alttitle">Espace offres d'emploi</h1>
-    {% include 'company/tabs.html.twig' with {'tab':1} %}
-    <div id="ad" class="col s12">
-        <table class="bordered highlight responsive-table">
-            <thead>
-            <tr>
-                <th>{{ 'ad.company.list.title'|trans }}</th>
-                <th>{{ 'ad.company.list.answers'|trans }}</th>
-                <th>{{ 'ad.company.list.actions'|trans }}</th>
-                <th>{{ 'ad.company.list.status'|trans }}</th>
-
-            </tr>
-            </thead>
-            <tbody>
-            {% for ad in ads %}
-                <tr>
-                    <td>{{ ad.title }}</td>
-                    <td>
-                        {% if ad.countAnswers > 0 %}
-                            <a href="{{ path('company_ad_answer_list',{'id':ad.id}) }}">
-                                {{ ad.countAnswers }}
-                            </a>
-                        {% else %}
-                            0
-                        {% 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 %}
-
-                        {% 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 %}
-
-                        {% 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>
-                    <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>
-                            </div>
-                        {% else %}
-                            <span class="">{{ ad.getStatus()|trans }}</span>
-                        {% endif %}
-                    </td>
-                </tr>
-            {% endfor %}
-            </tbody>
-        </table>
+    {#<h1 class="alttitle">Espace offres d'emploi</h1>#}
+    <div class="bg-bordered p-20">
+        {% include 'company/tabs.html.twig' with {'tab':1} %}
+        {% include 'company/ad_table_listing.html.twig' with {'ads':ads} %}
         <p class="center-align">
             <a href="{{ path('company_ad_create') }}" class="btn btn-default">{{ 'ad.company.add.label'|trans }}</a>
         </p>

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

@@ -0,0 +1,27 @@
+
+<div class="row">
+    <div class="col s12">
+        <div class="tabs steps">
+            <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>
+                </a>
+            </div>
+            <div class="tab mid-border col s4">
+                <a {% if tab == 2 %}class="active"{% endif %} href="#!">
+                    <div class="btn btn-circle">2</div>
+                    <div>Je <b>télécharge</b> ma vidéo</div>
+                </a>
+            </div>
+            <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>

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

@@ -0,0 +1,92 @@
+<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>{{ ad.title }}</td>
+                <td class="tdCount">
+                    {% if ad.countAnswers > 0 %}
+                        <a href="{{ path('company_ad_answer_list',{'id':ad.id}) }}">
+                            {{ ad.countAnswers }}
+                        </a>
+                    {% else %}
+                        0
+                    {% endif %}
+                </td>
+                <td class="tdCount">{{ arrayByAds[ad.id]["count"] }}</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>
+                        </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 %}
+
+                    {% 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 %}
+
+                    {% 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>

www/app/Resources/views/company/ad_validation.html.twig

@@ -6,99 +6,108 @@
 
     {% set costMonth = ad.calcMonth %}
     {% set availableTokens = app.user.getAvailableTokens %}
+    {% set goToStore = false %}
 
+    <div class="row bg-bordered p-0">
+        {% include 'company/ad_steps.html.twig' with {'tab':3} %}
 
-    <h3>Validation de l'annonce {{ ad.getTitle() }}</h3>
+        <div class="p-20">
+            <h4>{{ ad.getTitle() }}</h4>
 
-    {% 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>
-                    avant de pouvoir valider votre annonce.
+            {% 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>
+                            avant de pouvoir valider votre annonce.
+                        </div>
+                    </div>
                 </div>
-            </div>
-        </div>
-    {% else %}
-
-
-
-        <p>Récapitulatif de votre annonce :</p>
-        <ul>
-            <li>Date de début de pubication de l'annonce : {{ ad.getPublishedAt()|date("d-m-Y") }}</li>
-            <li>Date de fin de pubication de l'annonce : {{ ad.getUnpublishedAt()|date("d-m-Y") }}</li>
-        </ul>
-        <p>
-            {% if costMonth <= 0 %}
-                Cette annonce possède suffisament de crédit pour être publié
             {% else %}
-                Cette annonce nécessite {{ costMonth }} crédit(s) Mois
-            {% endif %}
-            {% if ad.hasAd == false %}
-                et 1 crédit annonce
-            {% endif %}
-        </p>
-        <p>
-            Il vous reste actuellement :
-        <ul>
-            <li>Mois : {{ availableTokens.month }}</li>
-            <li>Annonce : {{ availableTokens.ad }}</li>
-        </ul>
-        </p>
-        {% if form_errors(form) %}
-            <div class="card-panel">
-        <span class="red-text text-darken-2">
-        {{ form_errors(form) }}
-        </span>
-            </div>
-        {% endif %}
-        {% set isValidateVisible  = true %}
-        {% if costMonth >= 0 %}
-            {% if availableTokens.month == 0 %}
-                {% set isValidateVisible = false %}
-                <div class="card-panel">
-                <span class="red-text text-darken-2">
-                Vous n'avez pas de "crédits Mois" en stock, vous pouvez en acheter
-                <a href="https://www.talentstube.com/store/" class="btn btn-default">Acheter des crédits</a>
-                </span>
-                </div>
-            {% elseif availableTokens.month < costMonth and availableTokens.month > 0 %}
-                {% set isValidateVisible  = false %}
-                <div class="card-panel">
-                <span class="red-text text-darken-2">
-                Vous n'avez pas assez de "crédits Mois" en stock, vous pouvez en acheter
-                <a href="https://www.talentstube.com/store/" class="btn btn-default">Acheter des crédits</a>
-                </span>
-                </div>
-            {% endif %}
-        {% endif %}
 
-        {% if availableTokens.ad == 0  and ad.hasAd == false %}
-            {% set isValidateVisible  = false %}
-            <div class="card-panel">
-            <span class="red-text text-darken-2">
-            Vous n'avez pas de "crédits Annonce" en stock, vous pouvez en acheter
-            <a href="https://www.talentstube.com/store/" class="btn btn-default">Acheter des crédits</a>
-            </span>
-            </div>
-        {% endif %}
-        {% if isValidateVisible  == true %}
-            {{ form_start(form) }}
-            <div>
-                {{ form_errors(form.consume) }}
-                {{ form_widget(form.consume) }}
-                {{ form_label(form.consume) }}
-            </div><br/>
-            {{ form_rest(form) }}
 
-            <a href="{{ path('company_ad_step3',{"id": ad.getId()}) }}" class="btn btn-dark">Etape précédente</a>
-            {{ form_end(form) }}
-        {% endif %}
-    {% endif %}
+                <p>Récapitulatif de votre annonce :</p>
+                <ul>
+                    <li>Date de début de pubication de l'annonce : {{ ad.getPublishedAt()|date("d-m-Y") }}</li>
+                    <li>Date de fin de pubication de l'annonce : {{ ad.getUnpublishedAt()|date("d-m-Y") }}</li>
+                </ul>
+                <p>
+                    {% if costMonth <= 0 %}
+                        Cette annonce possède suffisament de crédit pour être publié
+                    {% else %}
+                        Cette annonce nécessite {{ costMonth }} mois
+                    {% endif %}
+                    {% if ad.hasAd == false %}
+                        et 1 annonce
+                    {% endif %}
+                </p>
+                <p>
+                    Il vous reste actuellement :
+                <ul>
+                    <li>Mois : {{ availableTokens.month }}</li>
+                    <li>Annonce : {{ availableTokens.ad }}</li>
+                </ul>
+                </p>
+                {% if form_errors(form) %}
+                    <div class="card-panel">
+                        <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
+                    </div>
+                {% endif %}
+                {% set isValidateVisible  = true %}
+
+                {# Month token check#}
+                {% if costMonth >= 0 %}
+                    {% if availableTokens.month == 0 %}
+                        {% set isValidateVisible = false %}
+                        {% set goToStore = true %}
+                        <span class="red-text text-darken-2">Vous n'avez pas de mois en stock, vous pouvez en acheter </span>
+                        <br>
+                    {% elseif availableTokens.month < costMonth and availableTokens.month > 0 %}
+                        {% set isValidateVisible  = false %}
+                        {% set goToStore = true %}
+                        <span class="red-text text-darken-2">Vous n'avez pas assez de mois en stock, vous pouvez en acheter</span>
+                        <br>
+                    {% endif %}
+                {% endif %}
+
+                {# Ad token check#}
+                {% if availableTokens.ad == 0  and ad.hasAd == false %}
+                    {% set isValidateVisible  = false %}
+                    {% set goToStore = true %}
+                    <span class="red-text text-darken-2">Vous n'avez pas de annonce en stock, vous pouvez en acheter</span>
+                    <br>
+                {% endif %}
+
+                <a href="{{ path('company_ad_step3',{"id": ad.getId()}) }}" class="btn btn-dark btn-round m-t-20">Etape précédente</a>
+
+                {# If uset got token needed#}
+                {% if isValidateVisible  == true %}
+                    {{ form_start(form) }}
+                    <div>
+                        {{ form_errors(form.consume) }}
+                        {{ form_widget(form.consume) }}
+                        {{ form_label(form.consume) }}
+                    </div>
+                    <br/>
+                    {{ form_rest(form) }}
+
+                    <button class="btn btn-default" type="submit">Valider</button>
+                    {{ form_end(form) }}
+                {% endif %}
+
+                {#If user must buy token#}
+                {% if goToStore == true %}
+                    <a href="{{ path('company_process_cart',{'id':ad.id}) }}" class="btn btn-default m-t-20">Acheter des
+                        crédits</a>
+                {% endif %}
+            {% endif %}
+
+        </div>
+    </div>
 {% endblock %}

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

@@ -2,41 +2,44 @@
 
 
 {% block dashContent %}
-    <h1 class="alttitle">Mes réponses</h1>
-    {% include 'company/tabs.html.twig' with {'tab':2} %}
-    <div id="reponses" class="col s12">
-        <table id="table-answers" class="bordered highlight responsive-table">
-            <thead>
-            <tr>
-                <th> {{ 'profile.talent.firstname'|trans }} - {{ 'profile.talent.lastname'|trans }}</th>
-                <th>{{ 'global.intitule.label'|trans }}</th>
-                <th>{{ 'global.date.label'|trans }}</th>
-                <th>{{ 'note.title'|trans }}</th>
-            </tr>
-            </thead>
-            <tbody>
-            {% for answer in answers %}
+    <div class="row bg-bordered p-20">
+        {% include 'company/tabs.html.twig' with {'tab':2} %}
+        <div id="reponses" class="col s12">
+            <table id="table-answers" class="bordered highlight responsive-table">
+                <thead>
                 <tr>
-                    <td><a href="{{ path('company_answer_show',{'id':answer.id })}}">{{ answer.user.firstname }} {{ answer.user.lastname }}</a></td>
-                    <td>{{ answer.ad.title }}</td>
-                    <td>{{ answer.cTime()|date('d-m-Y') }}</td>
-                    <td>
-                        {#{% if answer.notes|length <= 0 %}#}
+                    <th> {{ 'profile.talent.firstname'|trans }} - {{ 'profile.talent.lastname'|trans }}</th>
+                    <th>{{ 'global.intitule.label'|trans }}</th>
+                    <th>{{ 'global.date.label'|trans }}</th>
+                    <th>{{ 'note.title'|trans }}</th>
+                </tr>
+                </thead>
+                <tbody>
+                {% for answer in answers %}
+                    <tr>
+                        <td>
+                            <a href="{{ path('company_answer_show',{'id':answer.id }) }}">{{ answer.user.firstname }} {{ answer.user.lastname }}</a>
+                        </td>
+                        <td>{{ answer.ad.title }}</td>
+                        <td>{{ answer.cTime()|date('d-m-Y') }}</td>
+                        <td>
+                            {#{% if answer.notes|length <= 0 %}#}
                             <a href="#" class="note-action c-pointer" data-func="add" data-answer="{{ answer.id }}">
                                 <i class="fa fa-plus " aria-hidden="true"></i>
                             </a>
-                        {#{% else %}#}
+                            {#{% else %}#}
                             {% for note in answer.notes %}
                                 <a class="tooltipped note-action c-pointer" data-position="top" data-delay="50"
                                    data-tooltip="{{ note.content }}" data-note="{{ note.id }}" data-func="edit">
                                     <i class="fa fa-commenting" aria-hidden="true"></i>
                                 </a>
                             {% endfor %}
-                        {#{% endif %}#}
-                    </td>
-                </tr>
-            {% endfor %}
-        </table>
+                            {#{% endif %}#}
+                        </td>
+                    </tr>
+                {% endfor %}
+            </table>
+        </div>
     </div>
 
     <div id="note-modal"></div>

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

@@ -2,86 +2,89 @@
 
 
 {% block dashContent %}
-    <h1 class="alttitle">Réponse de {{ answer.user.firstname }} {{ answer.user.lastname }}</h1>
-    {% include 'company/tabs.html.twig'  with {'tab':2} %}
+    <div class="row bg-bordered p-20">
+        <h1 class="alttitle">Réponse de {{ answer.user.firstname }} {{ answer.user.lastname }}</h1>
+        {% include 'company/tabs.html.twig'  with {'tab':2} %}
 
-    <div class="col s12 m6 l6 col-padding-right">
-        <div class="bg-bordered inside-m">
-            <span>Réponse émise le : {{ answer.cTime|date('d-m-Y') }}</span><br/>
-            <div>
-                <iframe src="https://player.vimeo.com/video/{{ answer.video.cdnUrl|replace({ "/videos/": ""}) }}"
-                        width="100%" height="300" frameborder="0" webkitallowfullscreen mozallowfullscreen
-                        allowfullscreen></iframe>
-            </div>
-            <div>
-                {% if answer.comment %}
-                    <strong>Message du talent :</strong>
-                    <p>{{ answer.comment }}</p>
-                {% endif %}
-            </div>
-            <h3>Profil du talent : </h3>
-            <div class="profil">
-                <p class="profil-picture">
-                    <img src="{{ answer.user.getWebPath() | imagine_filter('profile_square') }}"
-                         alt="{{ answer.user.firstname }} {{ answer.user.lastname }}" class="circle responsive-img"/>
-                </p>
-                <i class="fa fa-user-circle"
-                   aria-hidden="true"></i> {{ answer.user.firstname }} {{ answer.user.lastname }}
-                {% if answer.user.gender == "female" %}
-                    <i class="fa fa-mars" aria-hidden="true"></i>
-                {% else %}
-                    <i class="fa fa-venus" aria-hidden="true"></i>
-                {% endif %}
-                <br/>
-                <i class="fa fa-birthday-cake" aria-hidden="true"></i> {{ answer.user.birthday|date('d-m-Y') }}<br/>
-            </div>
-
-        </div>
-    </div>
-    <div class="col s12 m6 l6 col-padding-left">
-    <div class="col s12 m12 l12">
-        <div class="bg-bordered inside-m">
-            <h4 class="no-margin-top">
-                Contacter le talent
-            </h4>
-            <p>
-                Expéditeur : {{ app.user.firstname }} {{ app.user.lastname }}
-            </p>
-            {{ form_start(form) }}
-            {{ form_rest(form) }}
-            <button type="submit" class="btn btn-default">Envoyer</button>
-            {{ form_end(form) }}
-        </div>
-    </div>
-    {#{% if answer.contactMessage %}
-
-        <div class="col s12 m12 l12 m-t-20">
+        <div class="col s12 m6 l6 col-padding-right">
             <div class="bg-bordered inside-m">
-                <h4 class="no-margin-top">
-                    Réponse
-                </h4>
-                <p>
-                    {{ answer.contactMessage|nl2br }}
-                </p>
-            </div>
-        </div>
-        </div>
-    {% endif %}#}
+                <span>Réponse émise le : {{ answer.cTime|date('d-m-Y') }}</span><br/>
+                <div>
+                    <iframe src="https://player.vimeo.com/video/{{ answer.video.cdnUrl|replace({ "/videos/": ""}) }}"
+                            width="100%" height="300" frameborder="0" webkitallowfullscreen mozallowfullscreen
+                            allowfullscreen></iframe>
+                </div>
+                <div>
+                    {% if answer.comment %}
+                        <strong>Message du talent :</strong>
+                        <p>{{ answer.comment }}</p>
+                    {% endif %}
+                </div>
+                <h3>Profil du talent : </h3>
+                <div class="profil">
+                    <p class="profil-picture">
+                        <img src="{{ answer.user.getWebPath() | imagine_filter('profile_square') }}"
+                             alt="{{ answer.user.firstname }} {{ answer.user.lastname }}"
+                             class="circle responsive-img"/>
+                    </p>
+                    <i class="fa fa-user-circle"
+                       aria-hidden="true"></i> {{ answer.user.firstname }} {{ answer.user.lastname }}
+                    {% if answer.user.gender == "female" %}
+                        <i class="fa fa-mars" aria-hidden="true"></i>
+                    {% else %}
+                        <i class="fa fa-venus" aria-hidden="true"></i>
+                    {% endif %}
+                    <br/>
+                    <i class="fa fa-birthday-cake" aria-hidden="true"></i> {{ answer.user.birthday|date('d-m-Y') }}<br/>
+                </div>
 
-    {% if answer.messages %}
-        {% for message in answer.messages %}
-        <div class="col s12 m12 l12 m-t-20">
-            <div class="bg-bordered inside-m">
-                <h4 class="no-margin-top">
-                    Réponse : {{ message.status }}
-                </h4>
-                <p>
-                    {{ message.content|nl2br }}
-                </p>
             </div>
         </div>
-        {% endfor %}
-    {% endif %}
+        <div class="col s12 m6 l6 col-padding-left">
+            <div class="col s12 m12 l12">
+                <div class="bg-bordered inside-m">
+                    <h4 class="no-margin-top">
+                        Contacter le talent
+                    </h4>
+                    <p>
+                        Expéditeur : {{ app.user.firstname }} {{ app.user.lastname }}
+                    </p>
+                    {{ form_start(form) }}
+                    {{ form_rest(form) }}
+                    <button type="submit" class="btn btn-default">Envoyer</button>
+                    {{ form_end(form) }}
+                </div>
+            </div>
+            {#{% if answer.contactMessage %}
+
+                <div class="col s12 m12 l12 m-t-20">
+                    <div class="bg-bordered inside-m">
+                        <h4 class="no-margin-top">
+                            Réponse
+                        </h4>
+                        <p>
+                            {{ answer.contactMessage|nl2br }}
+                        </p>
+                    </div>
+                </div>
+                </div>
+            {% endif %}#}
+
+            {% if answer.messages %}
+                {% for message in answer.messages %}
+                    <div class="col s12 m12 l12 m-t-20">
+                        <div class="bg-bordered inside-m">
+                            <h4 class="no-margin-top">
+                                Réponse : {{ message.status }}
+                            </h4>
+                            <p>
+                                {{ message.content|nl2br }}
+                            </p>
+                        </div>
+                    </div>
+                {% endfor %}
+            {% endif %}
+        </div>
     </div>
 {% endblock %}
 

www/app/Resources/views/company/base_dashboard_company.html.twig

@@ -2,27 +2,27 @@
 
 
 {% block content %}
-    <div id="wrapper">
-        <div class="row flexcontainer">
-
-            {% include "company/menu.html.twig" ignore missing %}
-            <div class="col s12 m9 col-padding-left" id="page-content">
-                {% block dashContent %}
-                    Dashboard Company
-                {% endblock %}
+     <div class="fluid-container bg-grey-3 dashboardWrapper">
+        <div class="container">
+            <div class="row flexcontainer">
+                {% include "company/menu.html.twig" ignore missing %}
+                <div class="col s12 m12 l8 xl9 col-padding-left" id="page-content">
+                    {% block dashContent %}
+                        Dashboard Company
+                    {% endblock %}
+                </div>
             </div>
         </div>
     </div>
 {% endblock %}
 
 {% block javascripts %}
-    {{ parent() }}
     <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
     {% javascripts
     '@vendors'
     '@global'
     '@company'
-    output='assetic/main.dashcompany.js' %}
+    output='assetic/main.dash.company.js' filter='?uglifyjs2' %}
     <script src="{{ asset_url }}"></script>
     {% endjavascripts %}
 

www/app/Resources/views/company/company_show.html.twig

@@ -6,69 +6,113 @@
 {% endblock %}
 
 {% block description %}
-   Découvrez les offres d'emploi vidéos de {{ company.brandName }} à {{ company.addresses.billing.city }}.
+    Découvrez les offres d'emploi vidéos de {{ company.brandName }} à {{ company.addresses.billing.city }}.
     Envoyez votre CV vidéo dès aujourd'hui !
 {% endblock %}
 
+{% block ogtc %}
+    {#Twitter Card data pour les données enrichies sur Twitter#}
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="@TalentsTube">
+    <meta name="twitter:title" content="Offres d'emploi en cours pour {{ company.brandName }} | TalentsTube">
+    <meta name="twitter:description"
+          content="Découvrez les offres d'emploi vidéos de {{ company.brandName }} à {{ company.addresses.billing.city }}.
+    Envoyez votre CV vidéo dès aujourd'hui !">
+    <meta name="twitter:image"
+          content="{% if company.logo %}{{ company.webPath | imagine_filter('profile_thumb') }}{% endif %}">
+
+    {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
+    <meta property="og:title" content="Offres d'emploi en cours pour {{ company.brandName }} | TalentsTube"/>
+    <meta property="og:type" content="article"/>
+    <meta property="og:url" content="{{ app.request.uri }}"/>
+    <meta property="og:image"
+          content="{% if company.logo %}{{ company.webPath | imagine_filter('profile_thumb') }}{% endif %}"/>
+    <meta property="og:description"
+          content="Découvrez les offres d'emploi vidéos de {{ company.brandName }} à {{ company.addresses.billing.city }}.
+    Envoyez votre CV vidéo dès aujourd'hui !"/>
+    <meta property="og:site_name" content="Talents Tube"/>
+{% endblock %}
+
+
+
 {% block content %}
-    {{ render(controller('AppBundle:Ad:adSearchRender',{ 'type': 'lite' })) }}
-    <div id="wrapper" class="no-padding-top">
-        <div class="row flexcontainer detail-item-titre-container">
-            <div class="col s4 m4 l2 detail-item-logo col-padding-right">
-                <img class="responsive-img" src="{{ company.webPath | imagine_filter('profile_thumb') }}">
-            </div>
-            <div class="col s8 m8 l10 detail-item-titre">
-                <h1 class="alttitle no-margin-bottom">{{ company.brandname }}</h1>
-                <br/>
-            </div>
-        </div>
-        <div id="detail-entreprise-video" class="bg-dark2 button-plus detail-item-video">
-            {% if company.presentationVideo %}
-            <div class="inside">
-                <iframe src="https://player.vimeo.com/video/{{ company.presentationVideo.cdnUrl|replace({ "/videos/": ""}) }}"
-                        width="100%" height="640" frameborder="0" webkitallowfullscreen mozallowfullscreen
-                        allowfullscreen></iframe>
-            </div>
-        </div>
-        {% endif %}
-        <div id="detail-entreprise-cnt" class="detail-item-cnt">
-            <div class="inside">
-                <div class="row">
-                    <div class="col s12 m12 l6 col-padding-right">
-                        <h4 class="alttitle no-margin-top">Votre future entreprise de talents ?</h4>
-                        <h2 class="no-margin-top">Présentation</h2>
-                        <div>
-                            {{ company.description }}
+    <div class="fluid-container bg-grey-3">
+        <div class="container">
+            <div id="detail-offre-video" class="row">
+                {% if company.presentationVideo %}
+                    <div class="embed-responsive embed-responsive-16by9">
+                        <div class="col s12">
+                            <iframe src="https://player.vimeo.com/video/{{ company.presentationVideo.cdnUrl|replace({ "/videos/": ""}) }}"
+                                    width="100%" height="640" frameborder="0" webkitallowfullscreen mozallowfullscreen
+                                    allowfullscreen></iframe>
                         </div>
                     </div>
-                    <div class="col s12 m12 l6 col-padding-left">
-                        <p class="detail-item-nom-commercial border-bottom">Nom : <span>{{ company.brandName }}</span></p>
-                        {% if company.addresses %}
-                            <p class="detail-item-city border-bottom">Lieu : <span>{{ company.addresses.billing.city }}
-                                    - {{ company.addresses.billing.country|country }}</span></p>
-                        {% endif %}
-                        {% if company.extra.size %}
-                            <p class="detail-item-taille border-bottom">Taille : <span>{{ company.extra.size }}
-                                    collaborateurs</span></p>
-                        {% endif %}
-                        <p class="detail-item-raison-website border-bottom"><a title="{{ company.brandName }}"
-                                                                               href="{{ company.website }}">{{ company.website }}</a>
-                        </p>
-                    </div>
-                </div>
+                {% endif %}
             </div>
         </div>
-        <div id="liste-autres-offres" class="bg-dark1 button-plus">
-            <div class="inside">
-                <h2 class="center-align no-margin-top">Offres en cours</h2>
-                <div class="items-list-bis">
-                    {% if companyAds|length > 0 %}
-                        {% include 'default/ad_listing.html.twig' with {'ads':companyAds} %}
-                    {% endif %}
+    </div>
+
+    <div class="fluid-container bg-grey-3 button-plus">
+        <div class="container" id="company_show">
+            <div class="row  m-b-0 p-b-30">
+                <div class="col s12 m12 l4 xl3" id="sidebar">
+                    <div class="profil-company center-align">
+                        <a href="{{ path('company_show',{'alias': company.alias }) }}" title="{{ company.brandName }}"
+                           class="profil-picture logo-picture">
+                            {% if company.logo %}
+                                <img class="h-100 responsive-img" src="{{ company.webPath | imagine_filter('profile_thumb') }}"
+                                     alt="{{ company.brandname }}"/>
+
+                            {% else %}
+                                <div class="circle-letters square-letters font-2">{{ company.brandname|first|upper }}</div>
+                            {% endif %}
+                        </a>
+                        <p class="profil-name"><b>{{ company.brandname }}</b></p>
+                        {% if company.addresses.billing is defined %}
+                            <p class="profil-city">{{ company.addresses.billing.city }}
+                                - {{ company.addresses.billing.country|country }}</p>
+                        {% endif %}
+                    </div>
+                    <div class="col s12 profil-links">
+                        {% if company.website %}
+                            <a target="_blank" href="{{ company.website }}" class="td-none">
+                                    <span class="fa-stack fa-lg">
+                                        <i class="fa fa-circle fa-stack-2x z-depth-2"></i>
+                                        <i class="fa fa-link fa-stack-1x fa-inverse"></i>
+                                    </span>
+                            </a>
+                        {% endif %}
+                    </div>
+                </div>
+                <div class="col s12 m12 l8 xl9">
+                    <div class="row bg-bordered">
+                        <div class="col s12">
+                            <div class="item-detail-description">
+                                <p>{{ company.description|nl2br }}</p>
+                            </div>
+                            <h3 class="blue-text">Les mots clés</h3>
+                            {% for tag in company.publicTag %}
+                                <div class="chip">{{ tag }}</div>
+                            {% endfor %}
+                        </div>
+                    </div>
+                </div>
+                <div id="offers" class="row">
+                    <div class="col s12"> 
+                        <h1>Les offres d’emploi pour {{ company.brandname }}</h1>
+                        <div id="liste-resultats">
+                            {% if companyAds|length > 0 %}
+                                {% include 'default/ad_listing.html.twig' with {'ads':companyAds} %}
+                            {% endif %}
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>
     </div>
+    {% if company.territories|length %}
+        {% include 'ad/carrousel_territory.html.twig' with {'territories': company.territories } %}
+    {% endif %}
 {% endblock %}
 
 {% block javascripts %}
@@ -77,5 +121,8 @@
     <script>
         var iframe = document.querySelector('iframe');
         var player = new Vimeo.Player(iframe);
+        $(document).ready(function(){
+            $.get( "{{ path('company_ajaxRecStat',{'id': company.id }) }}", function( data ) {});
+        });
     </script>
 {% endblock %}

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

@@ -1,56 +1,61 @@
 {% extends 'company/base_dashboard_company.html.twig' %}
 
 {% block dashContent %}
-    <div class="row">
-        <div class="col s12">
-            <ul id="tabs-swipe-demo" class="tabs">
-                <li class="tab col s3"><a class="active" href="#test-swipe-1">Ajouter une nouvelle vidéo</a></li>
-                <li class="tab col s3"><a href="#test-swipe-2">Utiliser une vidéo existante</a></li>
-            </ul>
-        </div>
-        <div id="test-swipe-1" class="col s12">
-            {% 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-dark">Etape précédente</a>
-            <button id="submit" class="btn btn-default hide" type="submit">Etape suivante</button>
-            {{ form_end(form) }}
-        </div>
-        <div id="test-swipe-2" class="col s12">
+
+    <div class="row bg-bordered p-0">
+        {% include 'company/ad_steps.html.twig' with {'tab':2} %}
+
+        <div class="p-20">
             <div class="row">
-                <h3>Choisir une vidéo existante</h3>
-                {% 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>
-                            {#<img src="https://i.vimeocdn.com{{ vid.getCdnUrl()|replace({ "videos": "video"}) }}_295x166.webp" srcset="https://i.vimeocdn.com/{{ vid.getCdnUrl()|replace({ "videos": "video"}) }}_590x332.webp 2x" />#}
+                <div class="col s12">
+                    <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 id="tab-video-new" class="col s12">
+                    {% 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) }}
+                </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>
-                {% endfor %}
+                </div>
             </div>
         </div>
     </div>
 {% endblock %}
 {% block javascripts %}
     {{ parent() }}
-   <style>
-        #tt-dropzone{
-            min-height: 150px;
-            border: 2px solid rgba(0, 0, 0, 0.3);
-            background: white;
-            padding: 20px 20px;
-        }
-    </style>
     <script type="text/javascript">
-        var stepDate = '{{path("company_ad_step3",{"id": ad.getId()}) }}';
+        var stepDate = '{{ path("company_ad_step3",{"id": ad.getId()}) }}';
         $('.slider').slider();
-        $(".addExistingVideo").click(function(){
+        $(".addExistingVideo").click(function () {
             var idVideo = $(this).data("id");
             $.ajax({
                 type: 'POST',
                 url: '{{ path("link_media", {"id": ad.getId() }) }}',
-                data: "idVideo="+idVideo,
+                data: "idVideo=" + idVideo,
                 dataType: 'html',
                 success: function (response) {
                     Materialize.toast('Vidéo associé Merci', 4000);
@@ -69,15 +74,16 @@
         var idObject = '{{ ad.getId() }}';
         var typeObject = "ad";
         {% if video %}
-            if($("#form_media").length){
-                $("#form_media #submit").removeClass('hide').fadeIn();
-            }
-            var videoExist =  true;
-            var videoOriginal = "{{video.getOriginalUrl()}}";
-            var mockFile = { name: '{{video.getTitle()}}', size: '181818181', type: 'mp4', serverID: 0, accepted: true };
+        if ($("#form_media").length) {
+            $("#form_media #submit").removeClass('hide').fadeIn();
+        }
+        var videoExist = true;
+        var videoOriginal = "{{ video.getOriginalUrl() }}";
+        var mockFile = {name: '{{ video.getTitle() }}', size: '181818181', type: 'mp4', serverID: 0, accepted: true};
         {% else %}
-            var videoExist =  false;
+        var videoExist = false;
         {% endif %}
+
     </script>
     <script src="{{ asset('/js/dropzone.js') }}"></script>
 {% endblock %}

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

@@ -2,8 +2,7 @@
 
 
 {% block dashContent %}
-
-    <h1 class="alttitle">Tableau de bord</h1>
+    <div class="row bg-bordered p-20">
     {% if app.user.company.brandname == null %}
         <div class="row flexcontainer">
             <div class="col s12 m12 l12">
@@ -12,36 +11,55 @@
                     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>
+                                                                                    aria-hidden="true"></i></a>
                 </div>
             </div>
         </div>
     {% endif %}
-
-    <div class="row flexcontainer">
-        <div class="col s12 m6 l6 col-padding-right">
-            <div class="bg-blue inside-m">
-                <h5 class="white-text no-margin-top">Volumes des visites</h5>
-                <canvas id="nb_visits" width="100%" height="100%"></canvas>
-                {#
-                {% set totalAds = 0 %}
-                {% set totalCompany = 0 %}
-                {% for record in records.ad %}
-                    {% set totalAds = totalAds + record %}
-                {% endfor %}
-                {% for record in records.company %}
-                    {% set totalCompany = totalCompany + record %}
-                {% endfor %}
-                {{ totalAds }} Visites d'annonces.<br />
-                {{ totalCompany }} Visites sur votre page entreprise.<br />
-                #}
-            </div>
+        <div class="col s5">
+            <h5 class="blue-text no-margin-top">Volumes des visites</h5>
         </div>
-        <div class="col s12 m6 l6 col-padding-left">
-            <div class="bg-blue inside-m">
-                <h5 class="white-text no-margin-top">Répartition des visites</h5>
-                <canvas id="donught_visits" width="100%" height="100%"></canvas>
-            </div>
+        <div class="col s2 choiceMonthWrapper right-align">
+            <select id="choiceMonth">
+                {% set thisYear = "now"|date("Y") %}
+                {% set thisMonth = "now"|date("m") %}
+                {% for month in 1..thisMonth %}
+                    {% set date = month ~ "/01/" ~ thisYear %}
+                    <option {% if loop.last %}selected{% endif %} value="{{ date|date("m") }}">{{ date|datetime('%B') }}</option>
+                {% endfor %}
+            </select>
+        </div>
+        <div class="col s5 right-align">
+            {% set totalAds = 0 %}
+            {% for record in arrayByAds %}
+                {% set totalAds = totalAds + record.count %}
+            {% endfor %}
+            <span class="btn-countVisitsAds">{{ totalAds }} visites</span>
+            <span class="btn-countVisitsCompany">{{ totalRecordsCompany }} visites</span>
+        </div>
+        <div class="col s12">
+            <canvas id="nb_visits" width="600" height="300"></canvas>
+        </div>
+        <div class="col s12">
+            <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>
+    <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">
+            <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>
+    <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>
 {% endblock %}
@@ -49,55 +67,54 @@
 {% block javascripts %}
     {{ parent() }}
     <script src="{{ asset('/js/vendors/Chart.bundle.min.js') }}"></script>
-    <script>
+    <script type="text/javascript">
+
+        $('#choiceMonth').on('change',function(){
+            currentMonth = $(this).val();
+            setArrayValues();
+            dataLine.labels = arrayCurrentsLabel;
+            dataLine.datasets[0].data = arrayCurrentsAdsValues;
+            dataLine.datasets[1].data = arrayCurrentsCompanyValues;
+            myChart.update();
+        });
+
+        var currentMonth = '{{ "now"|date("m") }}';
+        var arrayRecords = JSON.parse('{{ lineRecords|json_encode()|raw }}');
+        var arrayCurrentsLabel,arrayCurrentsAdsValues,arrayCurrentsCompanyValues;
+        setArrayValues();
+
+        function setArrayValues(){
+            arrayCurrentsLabel = [];
+            arrayCurrentsAdsValues = [];
+            arrayCurrentsCompanyValues = [];
+            arrayRecords['labels'].forEach(function(element, index) {
+                var date = element.split("-");
+                if(date[1] == currentMonth){
+                    var dateAffiche = date[2]+"-"+date[1]+"-"+date[0];
+                    arrayCurrentsLabel.push(dateAffiche);
+                    arrayCurrentsAdsValues.push(arrayRecords['datasetsAd'][index]);
+                    arrayCurrentsCompanyValues.push(arrayRecords['datasetsCompany'][index]);
+                }
+            });
+        }
 
         var dataLine = {
-            labels: {{ lineRecords['labels']|json_encode()|raw }},
+            labels: arrayCurrentsLabel,
             datasets: [
                 {
-                    label: "Nombre de viste d'annonce par jour",
+                    label: "Nombre de visite d'annonce par jour",
                     fill: false,
-                    fontColor: "rgba(255,255,255,1)",
-                    lineTension: 0.1,
-                    backgroundColor: "rgba(255,255,255,1)",
-                    borderColor: "rgba(255,255,255,1)",
-                    borderCapStyle: 'butt',
-                    borderDash: [],
-                    borderDashOffset: 0.0,
-                    borderJoinStyle: 'miter',
-                    pointBorderColor: "rgba(255,255,255,1)",
-                    pointBackgroundColor: "#fff",
-                    pointBorderWidth: 1,
-                    pointHoverRadius: 5,
-                    pointHoverBackgroundColor: "rgba(255,255,255,1)",
-                    pointHoverBorderColor: "rgba(255,255,255,1)",
-                    pointHoverBorderWidth: 2,
-                    pointRadius: 1,
-                    pointHitRadius: 10,
-                    data: {{ lineRecords['datasetsAd']|json_encode() }},
-                    spanGaps: false,
+                    fontColor: "rgba(39,139,231,1)",
+                    backgroundColor: "rgba(39,139,231,1)",
+                    borderColor: "rgba(39,139,231,1)",
+                    data: arrayCurrentsAdsValues
                 }, {
-                    label: "Nombre de viste de votre page entreprise",
+                    label: "Nombre de visite de votre page entreprise",
                     fill: false,
-                    fontColor: "#36A2EB",
-                    lineTension: 0.1,
-                    backgroundColor: "#36A2EB",
-                    borderColor: "#36A2EB",
-                    borderCapStyle: 'butt',
-                    borderDash: [],
-                    borderDashOffset: 0.0,
-                    borderJoinStyle: 'miter',
-                    pointBorderColor: "#36A2EB",
-                    pointBackgroundColor: "#fff",
-                    pointBorderWidth: 1,
-                    pointHoverRadius: 5,
-                    pointHoverBackgroundColor: "#36A2EB",
-                    pointHoverBorderColor: "#36A2EB",
-                    pointHoverBorderWidth: 2,
-                    pointRadius: 1,
-                    pointHitRadius: 10,
-                    data: {{ lineRecords['datasetsCompany']|json_encode() }},
-                    spanGaps: false,
+                    fontColor: "#F9C339",
+                    backgroundColor: "#F9C339",
+                    borderColor: "#F9C339",
+                    data: arrayCurrentsCompanyValues
                 }
             ]
         };
@@ -108,39 +125,34 @@
             data: dataLine,
             options: {
                 legend: {
-                    display: true,
-                    labels: {
-                        fontColor: 'rgb(255, 255, 255)',
-                        strokeStyle: 'rgb(255, 255, 255)'
-                    }
+                    display: false
                 },
-                scaleFontColor: 'red',
                 scales: {
                     xAxes: [{
-                        gridLines: {
-                            display: true,
-                        },
-                        ticks: {
-                            fontColor: "#FFF", // this here
-                        },
+						display: true,
+						scaleLabel: {
+							display: true,
+							labelString: 'Date'
+						}
                     }],
                     yAxes: [{
-                        gridLines: {
-                            display: true,
-                        },
                         ticks: {
-                            fontColor: "#FFF", // this here
+                            min: 0
                         },
-                    }],
+						scaleLabel: {
+							display: true,
+							labelString: 'Valeur'
+						}
+					}]
                 }
             }
         });
 
         var dataDonught = {
             labels: [
-                "Visite de talents",
-                "Visite d'entreprise",
-                "Visite d'internaute non inscrit"
+                "Visites de talents",
+                "Visites d'entreprises",
+                "Visites d'internautes non inscrit"
             ],
             datasets: [
                 {
@@ -163,11 +175,7 @@
             data: dataDonught,
             options: {
                 legend: {
-                    display: true,
-                    labels: {
-                        fontColor: 'rgb(255, 255, 255)',
-                        strokeStyle: 'rgb(255, 255, 255)'
-                    }
+                    display: false,
                 },
                 animation: {
                     animateScale: true

www/app/Resources/views/company/media_list.html.twig

@@ -1,73 +0,0 @@
-{% extends 'company/base_dashboard_company.html.twig' %}
-
-
-{% block dashContent %}
-    <h1 class="alttitle">{{'company.menu.videotheque.label'|trans}}</h1>
-    <div class="row">
-    {% for media in medias %}
-        {% set classVideo = "" %}
-        {% set isDefault = false %}
-        {% if app.user.getCompany().getPresentationVideo() %}
-            {% if app.user.getCompany().getPresentationVideo().getId() == media.getId() %}
-                {% set classVideo = "yellow" %}
-                {% set isDefault = true %}
-            {% endif %}
-        {% endif %}
-        <div class="col s12 m5 offset-m1">
-            <div class="card">
-                <div class="card-image">
-                <iframe src="https://player.vimeo.com{{ media.getCdnUrl()|replace({ "videos": "video"}) }}" width="100%" height="230px" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
-                <a data-id="{{ media.getId() }}" class="btn-default-video btn-floating halfway-fab waves-effect waves-light blue {{classVideo}} tooltipped" data-position="top" data-tooltip="{{ 'global.video.defaultaction.label'|trans}}">
-                    <i class="material-icons">star</i>
-                </a>
-                 {% if media.getAds().toArray() or media.getAnswers().toArray()%}
-                    {#<br />Annonce(s) associée(s) :
-                    <ul>
-                    {% for ad in media.getAds().toArray() %}
-                        <li>{{ ad.getTitle() }}</li>
-                    {% endfor %}
-                    <br />Nombre de réponse sur la vidéo ({{ media.getAnswers().toArray()|length }})#}
-                {% else %}
-                    {% if isDefault == false %}
-                        <a class="btn-floating halfway-fab waves-effect waves-light red delete_unattached_media tooltipped" href="{{ path("delete_unattached_media",{"id" : media.getId()}) }}" data-position="top" data-tooltip="{{ 'media.delete.video.label'|trans }}"><i class="fa fa-times" aria-hidden="true"></i></a>
-                    {% endif %}
-                {% endif %}
-                </div>
-                <div class="card-content">
-                <p>
-                    <strong><span data-id="{{ media.id }}" class="titleVideo">{{ media.title }}</span></strong> 
-                </p>
-                </div>
-            </div>
-        </div>
-    {% endfor %}
-    </div>
-    <div class="row">
-        <div class="col s12">
-            <h2>Déposer une vidéo</h2>
-            {% set video = null %}
-            {% include 'media/dropzone.html.twig'%}
-            <br />
-            {{ form_start(form, {'attr': { 'id': 'form_media' } }) }}
-            {{ form_rest(form) }}
-            <button id="submit" class="btn btn-default hide" type="submit">Envoyer</button>
-            {{ form_end(form) }}
-        </div>
-    </div>
-{% endblock %}
-
-{% block javascripts %}
-    {{ parent() }}
-    <script type="text/javascript">
-        var urlDropzone = '{{ path("upload_media_default") }}';
-        var urlDelete = '';
-        var idObject = null;
-        var typeObject = null;
-        var videoExist =  false;
-        var mediaDefaultUrl = '{{path("media_default")}}';
-        var idUser = '{{ app.user.id }}';
-        var mediaEditTitleUrl = "{{ path('media_edit_title', {'id': 'id_video'})|escape('js') }}";
-    </script>
-    <script src="{{ asset('/js/mediaListing.js') }}"></script>
-    <script src="{{ asset('/js/dropzone.js') }}"></script>
-{% endblock %}

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

@@ -1,35 +1,83 @@
-<div class="col s12 m3" id="sidebar">
+<div class="col s12 m12 l4 xl3" id="sidebar">
     <div class="inside-m">
         <div class="profil center-align">
             {% set company = app.user.company %}
-            {% if company.logo %}
-            <p class="profil-picture">
-                <img src="{{ company.webPath | imagine_filter('profile_square') }}" alt="{{ app.user.firstname }} {{ app.user.lastname }}" class=""/>
-            </p>
-            {% endif %}
-            <p class="profil-name white-text">{{ app.user.firstname }} {{ app.user.lastname|first|upper }}</p>
+            <div class="profil-picture logo-picture">
+                {% if company.logo %}
+                    <img class="responsive-img" src="{{ company.webPath | imagine_filter('profile_thumb') }}"
+                        alt="{{ app.user.firstname }} {{ app.user.lastname }}"/>
+                    <a href="#modalProfilePicture">
+                        <i class="fa fa-pencil" aria-hidden="true"></i>
+                    </a>
+                {% else %}
+                    <div class="circle-letters square-letters font-2">{{ company.brandname|first|upper }}</div>
+                    <a href="#modalProfilePicture">
+                        <i class="fa fa-pencil" aria-hidden="true"></i>
+                    </a>
+                {% endif %}
+            </div>
+            <p class="profil-name ">{{ app.user.firstname }} {{ app.user.lastname|first|upper }}</p>
             {% if company.addresses %}
-            <p class="profil-city white-text">{{ company.addresses.billing.city }} - {{ company.addresses.billing.country|country }}</p>
+                <p class="profil-city">{{ company.addresses.billing.city }}
+                    - {{ company.addresses.billing.country|country }}</p>
             {% endif %}
-            <p class="profil-job"><a href="{{ path("company_show",{"alias":company.alias})}}">{{ company.brandname }}</a></p>
+            <p class="profil-job"><a
+                        href="{{ path("company_show",{"alias":company.alias}) }}">{{ company.brandname }}</a></p>
         </div>
         <div class="profil-nav">
-            <ul>
-                <li><a href="{{ path('company_dashboard') }}">{{ 'company.menu.dashboard.label'|trans }}</a></li>
-                <li><a href="{{ path('company_profile') }}">{{ 'company.menu.profile.label'|trans }}</a></li>
-                <li><a href="{{ path('company_ad') }}">{{ 'company.menu.ads.label'|trans }}</a></li>
-                <li><a href="{{ path('company_media') }}">{{ 'company.menu.videotheque.label'|trans }}</a></li>
-                <!--<li><a href="{{ path('company_my_searches') }}">{{ 'company.menu.search.label'|trans }}</a></li>-->
-                {#<li><a href="#">{{ 'company.menu.advice.label'|trans }}</a></li>#}
-                {#<li><a href="#">{{ 'company.menu.faq.label'|trans }}</a></li>#}
-                <li><a href="{{ path('company_my_account') }}">{{ 'company.menu.account.label'|trans }}</a></li>
-                <li><a href="mailto:contact@talentstube.com">{{ 'company.menu.account.contact'|trans }}</a></li>
+            <ul class="font-2">
+                <li>
+                    <a href="{{ path('company_dashboard') }}">
+                        <i class="fa fa-bar-chart"></i>
+                        {{ 'company.menu.dashboard.label'|trans }}
+                    </a>
+                </li>
+                <li>
+                    <a href="{{ path('company_profile') }}">
+                        <i class="fa fa-user"></i>
+                        {{ 'company.menu.profile.label'|trans }}</a>
+                </li>
+                <li>
+                    <a href="{{ path('company_ad') }}">
+                        <i class="fa fa-search"></i>
+                        {{ 'company.menu.ads.label'|trans }}</a></li>
+                <li>
+                    <a href="{{ path('company_media') }}">
+                        <i class="fa fa-play"></i>
+                        {{ 'company.menu.videotheque.label'|trans }}</a>
+                </li>
+                <li>
+                    <a href="{{ path('company_my_account') }}">
+                        <i class="fa fa-cog"></i>
+                        {{ 'company.menu.account.label'|trans }}</a>
+                </li>
+                <li>
+                    <a href="mailto:contact@talentstube.com">
+                        <i class="fa fa-comment"></i>
+                        {{ 'company.menu.account.contact'|trans }}</a>
+                </li>
+                <li>
+                    <a class="chip center-align" href="{{ path('fos_user_security_logout') }}">Déconnexion <i class="fa fa-sign-out" aria-hidden="true"></i></a>
+                </li>
             </ul>
         </div>
     </div>
 </div>
+<div id="modalProfilePicture" class="modal">
+    <div class="modal-content">
+        <h4>Edition du logo de votre entreprise</h4>
+        <div class="row">
+            {{ render(controller(
+            'AppBundle:Media:profileLogo'
+            )) }}
+        </div>
+
+    </div>
+    <div class="modal-footer">
+        <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Fermer</a>
+    </div>
+</div>
 
 
 
 
-

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

@@ -4,22 +4,24 @@
 
 {% block dashContent %}
     {% include 'default/flash_message.html.twig' %}
-    <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>
+    <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>
 
-    <div class="col s6">
-        <h4>{{'company.account.password.modify.label'|trans}}</h4>
-        {{ form_start(formPw) }}
-        {{ form_rest(formPw) }}
-        <br/>
-        <input class="btn btn-default" type="submit" value="{{'global.edit.label'|trans}}"/>
-        {{ form_end(formPw) }}
+        <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>
 
 {% endblock %}

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

@@ -4,10 +4,12 @@
 
 {% block dashContent %}
     {% include 'default/flash_message.html.twig' %}
-    <h1 class="alttitle">{{ 'profile.company.title'|trans }}</h1>
+    <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) }}
+    </div>
 {% endblock %}

www/app/Resources/views/company/tabs.html.twig

@@ -1,5 +1,5 @@
 <ul class="tabs">
-    <li class="tab col s4"><a {% if tab == 1 %}class="active"{% endif %} target="_self" href="{{ path('company_ad') }}">{{ 'company.menu.ads.label'|trans }}</a></li>
-    <li class="tab col s4"><a {% if tab == 2 %}class="active"{% endif %} target="_self" href="{{ path('company_answer_list') }}">{{ 'company.menu.answers.label'|trans }}</a></li>
-    <li class="tab col s4"><a {% if tab == 3 %}class="active"{% endif %} href="#favoris">{{ 'company.menu.bookmark.label'|trans }}</a></li>
+    <li class="tab col s6"><a {% if tab == 1 %}class="active"{% endif %} target="_self" href="{{ path('company_ad') }}">{{ 'company.menu.ads.label'|trans }}</a></li>
+    <li class="tab col s6"><a {% if tab == 2 %}class="active"{% endif %} target="_self" href="{{ path('company_answer_list') }}">{{ 'company.menu.answers.label'|trans }}</a></li>
+    {#<li class="tab col s4"><a {% if tab == 3 %}class="active"{% endif %} href="#favoris">{{ 'company.menu.bookmark.label'|trans }}</a></li>#}
 </ul>

www/app/Resources/views/default/ad_card.html.twig

@@ -0,0 +1,61 @@
+{% for a in ads %}
+<div class="col s12">
+    <div class="card z-depth-3">
+        <div class="card-image">
+            {% if a.video %}
+                {% if a.video.thumbnails.0.sizes is defined %}
+                    <a href="{{ path('ad_show',{'alias': a.alias }) }}" title="{{ a.title }}">
+                        <img src="{{ a.video.thumbnails.0.sizes.4.link }}" alt="{{ a.company.brandName }}"/>
+                        <span class="playerbtn"></span>
+                    </a>
+                {% endif %}
+            {% endif %}
+            {% if a.isPromoted %}
+            <div class="isPromoted"><img src="{{asset('/img/offre-pourvue-droite.png')}}" alt="promoted"></div>
+            {% endif %}
+        </div>
+        <div class="card-content-wrapper">
+            <div class="card-content card-content-company">
+                <div class="row company-infos row-noMargin">
+                    <div class="col-infos">
+                        <p class="item-list-name color-blue1">
+                             <a href="{{ path('company_show',{'alias': a.company.alias }) }}" title="{{ a.company.brandName }}">
+                            {{ a.company.brandName }}
+                            </a>
+                        </p>
+                        {% if a.location is iterable %}
+                            {% if a.location.gmap_address %}
+                                <p class="item-list-city">{{ a.location.gmap_address.address_components.0.long_name }}</p>
+                            {% endif %}
+                        {% endif %}
+                    </div>
+                    <div class="col-logo">
+
+                        {% if a.company.webPath %}
+                            <img class="responsive-img" src="{{ a.company.webPath | imagine_filter('profile_thumb') }}"/>
+                        {% endif %}
+                    </div>
+                </div>
+                
+            </div>
+            <div class="card-content card-content-ad">
+                <a class="link-job left-align truncate" href="{{ path('ad_show',{'alias': a.alias }) }}" title="{{ a.title }}">{{ a.title }}</a>
+            </div>
+            <div class="card-action">
+                <a class="btn-tags" href="#">Les mots clés<i class="fa fa-chevron-up right" aria-hidden="true"></i></a>
+                <span class="clearfix"></span>
+                <div class="keywords">
+                    {% if a.publicTag %}
+                        {% for keyword in a.publicTag %}
+                        <div class="chip">
+                            {{ keyword }}
+                        </div>
+                        {% endfor %}
+                    {% endif %}
+                </div>
+            </div>
+        </div>
+        <div class="borderList"></div>
+    </div>
+</div>
+{% endfor %}

www/app/Resources/views/default/ad_listing.html.twig

@@ -1,59 +1,65 @@
 {% for a in ads %}
-    <div class="row item-list-bis">
-        <div class="col s12 m12 l6 col-padding-right">
+    <div id="adRow" class="row item-list-bis z-depth-2 row-noMargin">
+        <div class="col s12 m4 col-noPadding ad-picture">
             <a href="{{ path('ad_show',{'alias': a.alias }) }}" title="{{ a.title }}" class="item-list-media">
                 {% if a.video %}
                     {% if a.video.thumbnails.0.sizes is defined %}
-                        <img class="thumbnail_list responsive-img" src="{{ a.video.thumbnails.0.sizes.3.link }}"
+
+                        <img class="thumbnail_list" src="{{ a.video.thumbnails.0.sizes.4.link }}"
                              alt="{{ a.company.brandName }}"/>
+
                     {% endif %}
                     <span class="playerbtn"></span>
                 {% endif %}
             </a>
         </div>
-        <div class="col s12 m12 l6 col-padding-left">
-            <h3 class="no-margin-top">
-                <a href="{{ path('ad_show',{'alias': a.alias }) }}"
-                   title="{{ a.title }}">{{ a.title }}</a>
-            </h3>
-            <div class="divider grey darken-3"></div>
-            <p class="item-list-job">
-                Mots-clés :
-                {% for tag in a.publicTag %}
-                    <span class="color-blue2">
-                    {% if loop.last %}
-                        {{ tag }}
-                    {% else %}
-                        {{ tag }},
+        {% if a.isPromoted %}
+            <div class="isPromoted"><img src="{{asset('/img/offre-pourvue-gauche.png')}}" alt="promoted"></div>
+        {% endif %}
+        <div class="col s12 m8 col-noPadding">
+            <div class="row row-infos row-noMargin">
+                <div class="col s4 m4 l5 company-infos col-noPadding">
+                    <h3 class="no-margin-top">
+                        <a href="{{ path('ad_show',{'alias': a.alias }) }}"
+                           title="{{ a.title }}" class="hover-blue1">{{ a.title }}</a>
+                    </h3>
+                    {% if a.extra.contract_type is defined %}
+                        <span>{{ a.extra.contract_type }}</span>
                     {% endif %}
-                </span>
-                {% endfor %}
-            </p>
-            {% if a.extra.contract_type is defined %}
-                <div class="divider grey darken-3"></div>
-                <p class="item-list-job">Type de contrat :
-                    <span>{{ a.extra.contract_type }}</span>
-                </p>
-            {% endif %}
-            <div class="divider grey darken-3"></div>
-            <p class="item-list-website">
-                <a href="{{ path('company_show',{'alias': a.company.alias }) }}">{{ a.company.brandName }}</a>, 
-                {% if a.location is iterable %}
-                <span>{{ a.location.gmap_address.address_components.0.long_name }}</span>
-            {% endif %}
-            </p>
-            <div class="item-list-reply">
-                {% if is_granted('ROLE_TALENT') %}
-                    <div class="d-inblock bm-talent">
-                        <span class="btn btn-dark btn-white" data-ad="{{ a.id }}">
-                            <i class="fa fa-star-o" aria-hidden="true"></i>
-                        </span>
+                </div>
+                <div class="col s4 m3 l3 col-noPadding col-logo">
+                    {% if (a.company.logo is defined) and (a.company.webPath is not null) %}
+                        <a href="{{ path('company_show',{'alias':a.company.alias}) }}">
+                            <img src="{{ a.company.webPath | imagine_filter('profile_thumb') }}"/>
+                        </a>
+                    {% endif %}
+                </div>
+                <div class="hide-on-small-only col s4 m5 l4 col-noPadding company-infos m-l-30">
+                    <p class="item-list-website">
+                        <a href="{{ path('company_show',{'alias': a.company.alias }) }}" class="hover-blue2">
+                            {{ a.company.brandName }}
+                        </a>
+                        <br/>
+                        {% if a.location is iterable %}
+                            <span>{{ a.location.gmap_address.address_components.0.long_name }}</span>
+                        {% endif %}
+                    </p>
+                </div>
+            </div>
+            <div class="row row-tags row-noMargin">
+                <div class="col s11 col-noPadding" style="position:relative;">
+                    <div class="frame" id="basic">
+                        <ul class="slidee">{% for tag in a.publicTag %}
+                                <li class="chip">{{ tag }}</li>{% endfor %}</ul>
                     </div>
-                {% endif %}
-                <a href="{{ path('ad_show',{'alias': a.alias }) }}" title="{{ a.title }}" class="btn btn-default">Voir
-                    l'offre d'emploi </a>
+                    <div class="controls center">
+                        <a class="prev"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i></a>
+                        <a class="next"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i></a>
+                    </div>
+                </div>
             </div>
         </div>
+        <div class="borderList"></div>
+        <div class="clearfix"></div>
     </div>
-    <br/>
 {% endfor %}

www/app/Resources/views/default/ad_search_result.html.twig

@@ -9,20 +9,26 @@
 {% endblock %}
 
 {% block content %}
-    {#{% include 'default/search_bar.html.twig' %}#}
-    {{ render(controller('AppBundle:Ad:adSearchRender',{ 'type': 'lite' })) }}
-    <div id="wrapper">
-        <div class="row">
-            <div class="col s12 m12">
-                <h1 class="alttitle">Offres d’emploi</h1>
-                <div id="liste-resultats" class="bg-dark1 button-plus">
-                    <div class="inside">
-                        {% if ads|length > 0 %}
-                            {% include 'default/ad_listing.html.twig' with {'ads':ads} %}
-                        {% else %}
-                            <h2 class="center-align">Il n'y a pas de résultats directs à votre recherche :(</h2>
-                            <h4 class="center-align">Mais un certain nombre d'offres s'approchent de votre demande</h4>
-                        {% endif %}
+    {{ render(controller('AppBundle:Ad:adSearchRender',{'type': 'lite' })) }}
+    
+    <div class="fluid-container bg-grey-3 contentPage">
+        <div id="searchResultWrapper" class="container">
+            <div class="row">
+                <div class="col s12 center-align">
+                    <h1 class="alttitle">Les offres d’emploi</h1>
+                </div>
+            </div>
+            <div class="row m-b-0 p-b-30">
+                <div class="col s12 m12">
+                    <div id="liste-resultats">
+                            {% if ads|length > 0 and noResults == false %}
+                                {% include 'default/ad_listing.html.twig' with {'ads':ads} %}
+                            {% else %}
+                                <h2 class="center-align">Il n'y a pas de résultats directs à votre recherche</h2>
+                                <h4 class="center-align">Mais vous pourriez être intéressez par</h4>
+                                <br />
+                                {% include 'default/ad_listing.html.twig' with {'ads':ads} %}
+                            {% endif %}
                     </div>
                 </div>
             </div>

www/app/Resources/views/default/ad_show.html.twig

@@ -4,103 +4,121 @@
 
 {% block description %}{{ ad.htmlDescription }}{% endblock %}
 
+{% block ogtc %}
+    {#Twitter Card data pour les données enrichies sur Twitter#}
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="@TalentsTube">
+    <meta name="twitter:title" content="{{ ad.htmlTitle }}">
+    <meta name="twitter:description" content="{{ ad.htmlDescription }}">
+    <meta name="twitter:image"
+          content="{% if ad.video %}{% if ad.video.thumbnails.0.sizes is defined %}{{ ad.video.thumbnails.0.sizes.4.link }}{% endif %}{% endif %}
+">
+
+    {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
+    <meta property="og:title" content="{{ ad.htmlTitle }}"/>
+    <meta property="og:type" content="article"/>
+    <meta property="og:url" content="{{ app.request.uri }}"/>
+    <meta property="og:image"
+          content="{% if ad.video %}{% if ad.video.thumbnails.0.sizes is defined %}{{ ad.video.thumbnails.0.sizes.4.link }}{% endif %}{% endif %}"/>
+    <meta property="og:description" content="{{ ad.htmlDescription }}"/>
+    <meta property="og:site_name" content="Talents Tube"/>
+{% endblock %}
+
 {% block content %}
     {% include 'default/flash_message.html.twig' %}
-    {{ render(controller('AppBundle:Ad:adSearchRender',{ 'type': 'lite' })) }}
-    <div id="wrapper">
-        <h1 class="alttitle">
-            {%- spaceless -%}
-                {{ ad.title -}}
-                {% if ad.address.locality is defined %} {{- ' - ' -}}
-                    {{- ad.address.locality -}}
-                {% endif -%}
-            {%- endspaceless -%}
-        </h1>
-        {% if ad.video %}
-            <div id="detail-offre-video" class="bg-dark2 button-plus detail-item-video">
-                <div class="inside">
-                    <div class="video-responsive">
-                        <iframe src="https://player.vimeo.com/video/{{ ad.video.cdnUrl|replace({ "/videos/": ""}) }}"
-                                width="100%" height="640" frameborder="0" webkitallowfullscreen mozallowfullscreen
-                                allowfullscreen></iframe>
-                    </div>
+    <div class="fluid-container bg-grey-3 button-plus">
+        <div id="ad_show" class="container contentWrapper contentPage">
+            <div class="row">
+                <div class="col s12 m12 l4 xl3 hide-on-med-and-down" id="sidebar">
+                {% include 'default/ad_sidebar.html.twig' with {'ad': ad, 'showBrand': true} %}
                 </div>
-            </div>
-        {% endif %}
-        <div id="detail-offre-cnt" class="detail-item-cnt">
-            <div class="inside">
-                <div class="row">
-                    <div class="col s12 m12 l8 col-padding-right">
-                        <span class="item-detail-motscles">Mots clés :
+                <div class="col s12 m12 l8 xl9">
+                    {% if ad.video and ad.status != "CLOSED" %}
+                        <div class="row m-b-0" id="adVideo">
+                            <div class="embed-responsive embed-responsive-16by9">
+                                <div class="col s12">
+                                    <iframe src="https://player.vimeo.com/video/{{ ad.video.cdnUrl|replace({ "/videos/": ""}) }}"
+                                            width="100%" height="640" frameborder="0" webkitallowfullscreen mozallowfullscreen
+                                            allowfullscreen></iframe>
+                                </div>
+                            </div>
+                            {% if ad.isPromoted %}
+                                <div class="isPromoted"><img src="{{asset('/img/offre-pourvue-gauche.png')}}" alt="promoted"></div>
+                            {% endif %}
+                        </div>
+                    {% endif %}
+                    
+                    <div class="row bg-bordered">
+                        <div class="row row-title-ad">
+                            <div class="col s6 col-title-ad">
+                                <h1>{%- spaceless -%}{{ ad.title}}{%- endspaceless -%}</h1>
+                            </div>
+                            <div class="col s6 col-type-ad">
+                            {% if ad.extra.contract_type is defined %}
+                                <i class="fa fa-suitcase" aria-hidden="true"></i>&nbsp;{{ ad.extra.contract_type }}
+                            {% endif %}
+                            {% if ad.location is iterable %}
+                                {% if ad.location.gmap_address %}
+                                <i class="fa fa-map-marker" aria-hidden="true"></i>&nbsp;{{ ad.location.gmap_address.address_components.0.long_name }}
+                                {% endif %}
+                            {% endif %}
+                            </div>
+                        </div>
+                        <div class="col s12">
                             {% for tag in ad.publicTag %}
                                 <div class="chip">{{ tag }}</div>
                             {% endfor %}
-                        </span>
-                        <div class="item-detail-description">
-                            <p>{{ ad.description|nl2br }}</p>
+                            <div class="item-detail-description">
+                                <h3 class="blue-text">Descriptif de l'offre d'emploi</h3>
+                                <p>{{ ad.description|nl2br }}</p>
+                            </div>
+                            <h3 class="blue-text">Informations complémentaires</h3>
+                            <p class="item-detail-reference">Référence : <span>{{ ad.reference }}</span></p>
+                            <p class="item-detail-date">Publié le : <span>{{ ad.publishedAt|date('d/m/Y') }}</span></p>
                         </div>
-                        <p class="item-detail-reference">Référence : <span>{{ ad.reference }}</span></p>
-                        {% if ad.extra.contract_type is defined %}
-                            <p class="item-detail-reference">Type de contrat : <span>{{ ad.extra.contract_type }}</span>
-                            </p>
-                        {% endif %}
-                        {% if ad.location is iterable %}
-                            {% if ad.location.gmap_address %}
-                                <p class="item-detail-city">Lieu de travail :
-                                    <span>{{ ad.location.gmap_address.address_components.0.long_name }}</span></p>
-                            {% endif %}
-                        {% endif %}
-                        <p class="item-detail-date">Publié le : <span>{{ ad.publishedAt|date('d/m/Y') }}</span></p>
-                    </div>
-                    <div class="col s12 m12 l4  col-padding-left">
-                        <div class="center-align">
-                            {% if is_granted('ROLE_COMPANY') or is_granted('ROLE_ADMIN') %}
-                                <p class="item-detail-reply">
-                                    <a href="#!" class="btn btn-default tooltipped"
-                                       data-position="top" data-delay="10" data-tooltip="Seul les talents peuvent répondre">
-                                        Répondre à cette offre d'emploi
-                                    </a>
-                                </p>
-                            {% elseif is_granted('ROLE_TALENT') and alreadyAnswered == TRUE %}
-                                <div class="card-panel green lighten-1 whiteColor">
-                                    {{ 'ad.talent.isAnswer.label'|trans }}
+                        <div class="col s12 center-align">
+                            {% if ad.status == "CLOSED" %}
+                                <div class="card-panel orange lighten-1 whiteColor">
+                                    {{ 'Offre cloturée'|trans }}
                                 </div>
                             {% else %}
-                                <p class="item-detail-reply">
-                                    <a href="{{ path('talent_answer_create',{'id': ad.getId()}) }}"
-                                       class="btn btn-default">
-                                        Répondre à cette offre d'emploi
-                                    </a>
-                                </p>
+                                {% if is_granted('ROLE_TALENT') and alreadyAnswered == TRUE %}
+                                    <div class="card-panel green lighten-1 whiteColor">
+                                        {{ 'ad.talent.isAnswer.label'|trans }}
+                                    </div>
+                                {% elseif not is_granted('ROLE_COMPANY') %}
+                                    <p class="item-detail-reply">
+                                        <a href="{{ path('talent_answer_create',{'id': ad.getId()}) }}"
+                                        class="btn btn-default">
+                                            Postuler
+                                        </a>
+                                    </p>
+                                {% endif %}
                             {% endif %}
                         </div>
-                        <div class="center-align">
-                            <a class="btn-logo-company" href="{{ path('company_show',{'alias': ad.company.alias }) }}"
-                               title="{{ ad.company.brandName }}">
-                                <img src="{{ ad.company.webPath | imagine_filter('profile_thumb') }}"
-                                     alt="{{ ad.company.brandName }}">
-                            </a>
-                            <br/>
-                            <a class="btn btn-default" href="{{ path('company_show',{'alias': ad.company.alias }) }}"
-                               title="{{ ad.company.brandName }}">
-                                {{ ad.company.brandName }}
-                            </a>
-                        </div>
+                    </div>
+                    <div class="col s12 hide-on-large-only m-b-50">
+                    {% include 'default/ad_sidebar.html.twig' with {'ad': ad, 'showBrand': true} %}
                     </div>
                 </div>
-            </div>
-        </div>
-        <div id="liste-autres-offres" class="bg-dark1 button-plus">
-            <div class="inside">
-                <h2 class="center-align no-margin-top">Les autres offres de l'annonceur</h2>
-                <div class="items-list-bis">
+                 <div class="row">
                     {% if companyAds|length > 0 %}
-                        {% include 'default/ad_listing.html.twig' with {'ads':companyAds} %}
+                    <div class="col s12"> 
+                        <h2>Autres offres d’emploi pour {{ ad.company.brandname }}</h2>
+                        <div id="liste-resultats">
+                            {% include 'default/ad_listing.html.twig' with {'ads':companyAds} %}
+                        </div>
+                    </div>
                     {% endif %}
                 </div>
             </div>
         </div>
     </div>
+    {% if ad.territories|length %}
+        {% include 'ad/carrousel_territory.html.twig' with {'territories': ad.territories } %}
+    {% elseif ad.company.territories|length %}
+        {% include 'ad/carrousel_territory.html.twig' with {'territories': ad.company.territories } %}
+    {% endif %}
 {% endblock %}
 
 {% block javascripts %}
@@ -112,23 +130,9 @@
     </script>
     <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
     <script type="text/javascript">
-        $(document).ready(function () {
-            var input = /** @type {!HTMLInputElement} */(document.getElementById('ad_search_location_gmap'));
-            var autocomplete = new google.maps.places.Autocomplete(input);
-            autocomplete.addListener('place_changed', onPlaceChanged);
-
-            function onPlaceChanged() {
-                var place = autocomplete.getPlace();
-                var gmap_address = {'gmap_address': place};
-                if (place.geometry) {
-                    $("#ad_search_location").val(JSON.stringify(gmap_address));
-                }
-            }
-        });
-    </script>
-    <script>
         $(document).ready(function(){
             $('.tooltipped').tooltip();
+            $.get( "{{ path('ad_ajaxRecStat',{'id': ad.id }) }}", function( data ) {});
         });
     </script>
 {% endblock %}

www/app/Resources/views/default/ad_sidebar.html.twig

@@ -0,0 +1,67 @@
+<div class="profil-company center-align">
+    {% set company = ad.company %}
+        <a href="{{ path('company_show',{'alias': ad.company.alias }) }}" title="{{ ad.company.brandName }}" class="profil-picture logo-picture">
+            {% if company.logo %}
+                <img class="responsive-img" src="{{ company.webPath | imagine_filter('profile_thumb') }}"
+                    alt="{{ company.brandname }}"/>
+            
+            {% else %}
+                <div class="circle-letters square-letters font-2">{{ company.brandname|first|upper }}</div>
+            {% endif %}
+        </a>
+        {% if showBrand is defined %}
+            {% if company.presentationVideo %}
+                <div class="brandImage">
+                    <a href="{{ path('company_show',{'alias': ad.company.alias }) }}" title="{{ ad.company.brandName }}">
+                        <img class="" src="{{ company.presentationVideo.thumbnails.0.sizes.4.link }}">
+                        <span class="filter"></span>
+                        <span class="playerbtn"></span>
+                    </a>
+                </div>
+            {% endif %}
+        {% endif %}
+        <a href="{{ path('company_show',{'alias': ad.company.alias }) }}" title="{{ ad.company.brandName }}" class="btn btn-default btn-small-grey">
+            Découvir l'employeur
+        </a>
+        <p class="profil-name">
+            <a href="{{ path('company_show',{'alias': company.alias }) }}" title="{{ company.brandName }}">
+                <b>{{ company.brandname }}</b>
+            </a>
+        </p>
+    {% if company.addresses.billing is defined %}
+        <p class="profil-city">{{ company.addresses.billing.city }}
+            - {{ company.addresses.billing.country|country }}</p>
+    {% endif %}
+</div>
+{#<div class="col s12 profil-links">
+    {% if company.website %}
+        <a target="_blank" href="{{ company.website }}" class="td-none">
+                <span class="fa-stack fa-lg">
+                    <i class="fa fa-circle fa-stack-2x z-depth-2"></i>
+                    <i class="fa fa-link fa-stack-1x fa-inverse"></i>
+                </span>
+        </a>
+    {% endif %}
+</div>#}
+<div class="col s12 center-align">
+    <div class="divider"></div>
+    <br />
+    {% if ad.status == "CLOSED" %}
+        <div class="card-panel orange lighten-1 whiteColor">
+            {{ 'Offre cloturée'|trans }}
+        </div>
+    {% else %}
+        {% if is_granted('ROLE_TALENT') and alreadyAnswered == TRUE %}
+            <div class="card-panel green lighten-1 whiteColor">
+                {{ 'ad.talent.isAnswer.label'|trans }}
+            </div>
+        {% elseif not is_granted('ROLE_COMPANY') %}
+            <p class="item-detail-reply">
+                <a href="{{ path('talent_answer_create',{'id': ad.getId()}) }}"
+                class="btn btn-default">
+                    Postuler
+                </a>
+            </p>
+        {% endif %}
+    {% endif %}
+</div>

www/app/Resources/views/default/button_login.html.twig

@@ -0,0 +1,29 @@
+{% if not app.user %}
+    <div class="header-link header-link-signin right-align">
+        {% if app.request.get('_route') == "fos_user_security_login" %}
+            {% set href = "" %}
+        {% else %}
+            {% set href = "#modal_login" %}
+        {% endif %}
+        <a class="btn button-round-small" href="{{ href }}">
+            <i class="fa fa-power-off" aria-hidden="true"></i>
+            <span>Connexion</span>
+        </a>
+    </div>
+{% else %}
+    <div class="header-link header-link-signin right-align">
+        {% if is_granted('ROLE_TALENT') %}
+            {% set path = path('talent_dashboard') %}
+        {% elseif is_granted('ROLE_COMPANY') %}
+            {% set path = path('company_dashboard') %}
+        {% elseif is_granted('ROLE_TERRITORY') %}
+            {% set path = path('territory_dashboard') %}
+        {% elseif is_granted('ROLE_ADMIN') %}
+            {% set path = path('admin_dashboard') %}
+        {% endif %}
+        <a class="btn button-round-small" href="{{ path }}">
+            <i class="material-icons">perm_identity</i>
+            <span>Mon compte</span>
+        </a>
+    </div>
+{% endif %}

www/app/Resources/views/default/company_card.html.twig

@@ -0,0 +1,60 @@
+{% for company in companies %}
+    <div class="col s12">
+        <div class="card z-depth-3 card-company">
+            <div class="card-content card-content-company">
+                <div class="row row-noMargin">
+                    <div class="col s4 col-logo">
+                        {% if company.logo is not null %}
+                            <img class="responsive-img" src="{{ company.webPath | imagine_filter('profile_thumb') }}"/>
+                        {% endif %}
+                    </div>
+                    <div class="col s8 col-infos">
+                        <p class="item-list-name color-blue1">
+                            <a href="{{ path('company_show',{'alias': company.alias }) }}"
+                               title="{{ company.brandName }}">
+                                {{ company.brandName }}
+                            </a>
+                        </p>
+                        {% if company.addresses %}
+                            <span class="truncate">{{ company.addresses.billing.city }}</span>
+                        {% endif %}
+                    </div>
+
+                </div>
+
+            </div>
+            <div class="card-image">
+
+                {% if company.presentationVideo is defined %}
+                    {% if company.presentationVideo.thumbnails.0.sizes is defined %}
+                        <a href="{{ path('company_show',{'alias': company.alias }) }}" title="{{ company.brandName }}">
+                            <img src="{{ company.presentationVideo.thumbnails.0.sizes.4.link }}"
+                                 alt="{{ company.brandName }}"/>
+                            <span class="playerbtn"></span>
+                        </a>
+                    {% endif %}
+                {% endif %}
+            </div>
+            <div class="card-content-wrapper">
+                <div class="card-content">
+                    <div class="row">
+                        <div class="col s12 card-infos-company">
+                            <div class="chip center-align">
+                                <a class="td-none color-grey3" href="{{ path('company_show',{'alias': company.alias, '_fragment':'offers' }) }}">
+                                    {% set nbAds = company.getPublishedAds|length %}
+                                    {% if nbAds > 1 %}
+                                        <strong>{{company.getPublishedAds|length}} offres d'emploi en cours</strong>
+                                    {% else %}
+                                        <strong>{{company.getPublishedAds|length}} offre d'emploi en cours</strong>
+                                    {% endif %}
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+            <div class="borderList"></div>
+        </div>
+    </div>
+{% endfor %}

www/app/Resources/views/default/company_list.html.twig

@@ -0,0 +1,101 @@
+{% extends 'base.html.twig' %}
+
+{% block title %}
+    Liste des entreprises | TalentsTube
+{% endblock %}
+
+{% block description %}
+    Liste des entreprises | TalentsTube
+{% endblock %}
+
+{% block content %}
+    {{ render(controller('AppBundle:Ad:adSearchRender',{'type': 'lite' })) }}
+    <div class="fluid-container bg-grey-3 contentPage">
+        <div id="searchResultWrapper" class="container">
+            <div class="row">
+                <div class="col s12 center-align">
+                    <h1 class="alttitle">Les entreprises de talents</h1>
+                </div>
+            </div>
+            <div class="row m-b-0 p-b-30">
+                <div class="col s12 m12">
+                    <div id="liste-resultats">
+                        {% for c in companies %}
+                            {% if (c.presentationVideo is not null or c.getPublishedAds|length > 0 ) %}
+                                <div class="row item-list-bis z-depth-2 row-noMargin">
+
+                                    <div class="col s12 m2 ad-picture col-logo-lg">
+                                        <a href="{{ path('company_show',{'alias': c.alias }) }}"
+                                           title="{{ c.brandname }}">
+                                            {% if c.logo is not null %}
+                                                <img src="{{ c.webPath | imagine_filter('profile_thumb') }}"/>
+                                            {% endif %}
+                                        </a>
+                                    </div>
+                                    <div class="col s12 m6 col-noPadding">
+                                        <div class="row row-infos row-noMargin">
+                                            <div class="col s4 m5 l4 col-noPadding company-infos m-l-30">
+                                                <p class="item-list-website">
+                                                    <a href="{{ path('company_show',{'alias': c.alias }) }}"
+                                                       class="hover-blue2">
+                                                        <b>{{ c.brandName }}</b>
+                                                    </a>
+                                                    <br/>
+                                                    {{ c.init }}
+                                                    {% if c.city != null %}
+                                                        {{ c.city }}
+                                                    {% endif %}
+                                                </p>
+                                            </div>
+                                        </div>
+                                        <div class="row row-tags row-noMargin">
+                                            <div class="col s11 col-noPadding" style="position:relative;">
+                                                <div class="chip center-align">
+                                                    <a class="td-none color-grey3"
+                                                       href="{{ path('company_show',{'alias': c.alias, '_fragment':'offers' }) }}">
+                                                        {% set nbAds = c.getPublishedAds|length %}
+                                                        {% if nbAds > 1 %}
+                                                            <strong>{{ c.getPublishedAds|length }} offres d'emploi en
+                                                                cours</strong>
+                                                        {% else %}
+                                                            <strong>{{ c.getPublishedAds|length }} offre d'emploi en
+                                                                cours</strong>
+                                                        {% endif %}
+                                                    </a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="col s12 m4 col-noPadding ad-picture">
+                                        <a href="{{ path('company_show',{'alias': c.alias }) }}"
+                                           title="{{ c.brandname }}"
+                                           class="item-list-media">
+                                            {% if c.presentationVideo %}
+                                                {% if c.presentationVideo.thumbnails.0.sizes is defined %}
+
+                                                    <img class="thumbnail_list"
+                                                         src="{{ c.presentationVideo.thumbnails.0.sizes.4.link }}"
+                                                         alt="{{ c.brandName }}"/>
+
+                                                {% endif %}
+                                                <span class="playerbtn"></span>
+                                            {% else %}
+                                                 <img class="thumbnail_list"
+                                                         src="{{ asset('/img/default_picture_company.svg') }}"
+                                                         alt="{{ c.brandName }}"/>
+                                            {% endif %}
+                                        </a>
+                                    </div>
+                                    <div class="borderList"></div>
+                                    <div class="clearfix"></div>
+                                </div>
+                            {% endif %}
+                        {% endfor %}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+{% endblock %}
+

www/app/Resources/views/default/footer.html.twig

@@ -1,74 +1,73 @@
-  <footer class="page-footer">
-    <div class="inside">
-      <div class="row footer-info">
-        <div class="col xl2 l2 m6 s12">
-          <h5 class="white-text">Talents</h5>
-          <ul>
-            <li><a class="white-text" href="{{ path('talent_dashboard') }}">Espace Candidats</a></li>
-            <li><a class="white-text" href="{{ path('page_talent_presentation') }}">Présentation</a></li>
-          </ul>
+<footer class="page-footer">
+    <div class="container">
+        <div class="row footer-info">
+            <div class="col xl2 l2 m6 s6">
+                <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>
+                    <li>
+                        <a class="white-text" href="{{ path('ad_search_result') }}" title="Offres d'emploi vidéos">Nos offres d'emploi</a>
+                    </li>
+                    <li>
+                        <a class="white-text" href="{{ path('company_list') }}" title="Listes entreprises">Nos entreprises</a>
+                    </li>
+                    <li>
+                        <a class="white-text" href="https://blog.talentstube.com/contact.html" title="Talents Tube ">Contact</a>
+                    </li>
+                </ul>
+            </div>
+            <div class="col xl4 l4 m6 s6">
+                <h5 class="white-text">Informations</h5>
+                <ul>
+                    <li>
+                        <a class="white-text" href="{{ path('service_legals') }}">Mentions légales</a>
+                    </li>
+                    <li>
+                        <a class="white-text" href="{{ path('service_cgu') }}">Conditions générales d'utilisation</a>
+                    </li>
+                </ul>
+            </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.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 97 68 14 02</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="col xl2 l2 m6 s12">
-          <h5 class="white-text">Entreprises</h5>
-          <ul>
-            <li><a class="white-text" href="{{ path('company_dashboard') }}">Espace Recruteurs</a></li>
-            <li><a class="white-text" href="{{ path('page_company_presentation') }}">Présentation</a></li>
-          </ul>
+        <div class="row footer-more-links">
+            <div class="col s12 center-align">
+                <a class="text-center white-text" href="https://www.e-declic.com" target="_blank" title="Agence Web">&copy;&nbsp;2017 Talents Tube</a>
+            </div>
         </div>
-          <div class="col xl2 l2 m6 s12">
-              <h5 class="white-text">Territoires</h5>
-              <ul>
-                  <li><a class="white-text" href="{{ path('page_land_presentation') }}">Présentation</a></li>
-              </ul>
-          </div>
-        <div class="col xl2 l2 m6 s12">
-          <h5 class="white-text">Talents Tube</h5>
-          <ul>
-            {#<li><a class="white-text" href="{{ path('page_tt_plateforme') }}">La plateforme</a></li>#}
-            <li><a class="white-text" href="{{ path('page_advices') }}">Les conseils</a></li>
-            <li><a class="white-text" href="{{ path('page_prices') }}">Les tarifs</a></li>
-            <li><a class="white-text" href="https://blog.talentstube.com/contact.html" target="_blank" >Contact</a></li>
-          </ul>
-        </div>
-        <div class="col xl4 l4 m6 s12 right-align">
-          <h5 class="white-text">Nous suivre</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.linkedin.com/company/talentstube" title="Linkedin" target="_blank">
-                <i class="fa fa-linkedin-square" aria-hidden="true"></i>
-            </a>
-          </p>
-          <p class="footer-newsletter">
-            <a class="btn-large" 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 m12 l6">
-          <a href="#"><img src="{{ asset('img/Logo-footer.png') }}" alt="Talents Tube"/></a>
-        </div>
-        <div class="col s12 m12 l6 right-align">
-          {#<a href="#!">Plan du site</a>#}
-          <a href="{{ path('service_legals') }}">Mentions légales</a>
-          <a href="https://www.e-declic.com" target="_blank" title="Agence Web">&copy;&nbsp;2017 e-declic</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">
-          <h4>Connexion</h4>
-          {{ render(controller(
-          'AppBundle:SecurityModal:loginModal'
-          )) }}
-      </div>
-  </div>
-  {% endif %}
+</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 %}

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

@@ -1,61 +1,96 @@
-<div id="header">
-    <div class="row">
-        <div class="col s12 m12 l8">
-            <nav>
-                <div class="nav-wrapper">
-                    <a href="{{ path('homepage') }}" class="brand-logo"><img src="{{ asset('img/Logo-header.png') }}"
-                                                        alt="Talents Tube"/></a>
-                    <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="{{ path('page_talent_presentation') }}">Talents</a></li>
-                        <li><a href="{{ path('page_company_presentation') }}">Entreprises</a></li>
-                        <li><a href="{{ path('page_land_presentation') }}">Territoires</a></li>
-                        <li><a href="{{ path('page_advices') }}">Conseils</a></li>
-                        <li><a href="https://blog.talentstube.com">Blog</a></li>
-                    </ul>
-                    <ul class="side-nav" id="mobile-demo">
-                        <li><a href="{{ path('page_talent_presentation') }}">Talents</a></li>
-                        <li><a href="{{ path('page_company_presentation') }}">Entreprises</a></li>
-                        <li><a href="{{ path('page_land_presentation') }}">Territoires</a></li>
-                        <li><a href="{{ path('page_advices') }}">Conseils</a></li>
-                        <li><a href="https://blog.talentstube.com">Blog</a></li>
-                    </ul>
-                </div>
-            </nav>
-        </div>
-        <div class="col s12 m12 l4 header-links">
-            <div class="row">
-                {% if not app.user %}
-                <div class="col s6 header-link header-link-connection">
-                    {% if app.request.get('_route') == "fos_user_security_login" %}
-                        <a href=""><i class="material-icons">star</i>Se connecter</a>
-                    {% else %}
-                        <a href="#modal_login"><i class="material-icons">star</i>Se connecter</a>
-                    {% endif %}
-                </div>
-                <div class="col s6 header-link header-link-signin">
-                    <a href="{{ path('fos_user_registration_register') }}"><i class="material-icons">subject</i>S'inscrire</a>
-                </div>
-                {% else %}
-                    <div class="col s6 header-link header-link-connection">
-                        {% if is_granted('ROLE_TALENT') %}
-                            <a href="{{ path('talent_dashboard') }}"><i class="material-icons">perm_identity</i>Mon
-                                compte</a>
-                        {% elseif is_granted('ROLE_COMPANY') %}
-                            <a href="{{ path('company_dashboard') }}"><i class="material-icons">perm_identity</i>Mon
-                                compte</a>
-                        {% elseif is_granted('ROLE_ADMIN') %}
-                            <a href="{{ path('admin_dashboard') }}"><i class="material-icons">perm_identity</i>
-                                Dashboard</a>
-                        {% endif %}
-                    </div>
-                    <div class="col s6 header-link header-link-signin">
-                        <a href="{{ path('fos_user_security_logout') }}"><i class="material-icons">power_settings_new</i>Déconnexion</a>
-                    </div>
+<div class="fluid-container header-fixed-top" id="header-wrapper">
+    <div id="header" class="container">
+        <div class="row">
+            <div class="col s12 m12 l10">
+                <ul id='dropdown_talents' class='dropdown-content'>
+                    <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>
+                <ul id='dropdown_company' class='dropdown-content'>
+                    <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>
+                <ul id='dropdown_territoire' class='dropdown-content'>
+                    <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>
+                <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 class="dropdown-button" data-activates="dropdown_talents" href="{{ path('page_cvVideo') }}"
+                                    title="Talents">Talents</a></li>
+                            <li><a href="{{ path('ad_search_result') }}" title="Offres d'emploi vidéos">Offres d'emploi</a></li>
+                            <li><a class="dropdown-button" data-activates="dropdown_company" href="{{ path('company_list') }}"
+                                    title="Les entreprises de talents">Entreprises</a></li>
+                            <li><a class="dropdown-button" data-activates="dropdown_territoire" href="{{ path('territory_list') }}"
+                                    title="Les territoires">Territoires</a></li>
+                            <li><a href="https://blog.talentstube.com" title="Blog Talents Tube">Blog</a></li>
+                        </ul>
 
-                {% endif %}
-                </div>
+                    </div>
+                </nav>
+            </div>
+            <div class="col s12 m12 l2 header-links">
+                {% include 'default/button_login.html.twig' with {'app': app } %}
             </div>
         </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>

www/app/Resources/views/default/index.html.twig

@@ -1,236 +1,215 @@
 {% 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="row flexcontainer">
-            <div class="col l4 m12 s12 blocs-fixes-container">
-                <div class="blocs-fixes" id="fixed">
-                    <div class="bloc-top bloc-top-recruteur valign-wrapper inside-m">
-                        <div class="valign">
-                            <p><a href="#">Je suis une<br/><span>entreprise de talents</span>.</a></p>
-                            <p>
-                            {#<a href="{{ path('talent_search_result') }}" class="btn btn-white">Je recherche un#}
-                                    {#talent</a> #}
-                                <a href="{{ path('company_ad_create') }}" class="btn btn-white">Je dépose
-                                    une annonce</a></p>
+        <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">1er job board <span>100% vidéo</span></h1><br />
+                        <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 class="header-video-inner">
+                            <video loop="" preload="metadata" autoplay="" id="vid" 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>
-                    <div class="bloc-top bloc-top-talent valign-wrapper inside-m button-picto-m">
-                        <div class="valign">
-                                <p><a href="#">Je suis un<br/><span>talent d'entreprise</span>.</a></p>
-                                {{ form_start(searchform,{action: path('ad_search_result'), method:'post'}) }}
-                                <div class="row z-depth-5">
-                                    <div class="input-field col s5">
-                                        {{ form_row(searchform.job) }}
-                                    </div>
-                                    <div class="input-field col s5">
-                                        {{ form_row(searchform.location_gmap) }}
-                                        {{ form_row(searchform.location) }}
-                                    </div>
-                                    <div class="input-field col s2 ">
-                                        <button class="btn btn-form waves-effect waves-light" type="submit"
-                                                name="action">Ok
-                                        </button>
+                    {# 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 <span>d'emploi</span></h2></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>
-                                {{ form_end(searchform) }}
+                            </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">Découvrir toutes les offres d'emploi
+                                    </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">
+                                    La marque employeur des <span>entreprises de talents</span>
+                                    </h2>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col s12 col-noPadding">
+                                    <div class="owl-carousel owl-carousel-home home-company-carousel">
+                                        {% if talents|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">Découvrir toutes les entreprises</a>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 </div>
             </div>
-            <div class="col l8 m12 s12 home-content">
-                <div id="homeTeaser" class="valign-wrapper hide-on-small-only hide-on-med-only">
-                <h2 class="white-text center-align">1er job board <span>100% vidéo</span></h2><br />
-                <a href="#!" class="btn btn-default btn-round btn-concept">
-                    Le concept en vidéo &nbsp;&nbsp;&nbsp;
-                    <img src="{{asset('img/bouton-play.png')}}" />
-                </a>
-                </div>
-                <div class="inside">
-                    <h1 class="alttitle bullettitle">Montrez vos talents !</h1>
-                    <p class="center">Talents Tube met en relation par la vidéo les entreprises de talents,<br> les talents
-                        d’entreprises et les territoires de talents.</p>
-                    <h2 class="alttitle bullettitle">Talents Tube, comment ça marche ?</h2>
-                    <div class="button-picto">
-                        <iframe id="homeVideo" src="https://player.vimeo.com/video/215638758?title=0&byline=0&portrait=0" width="100%"
-                                height="400" frameborder="0" webkitallowfullscreen mozallowfullscreen
-                                allowfullscreen></iframe>
-                    </div>
-                    <div class="bullettitle"></div>
-                    <br />
-                    <p class="center"> Des entreprises plus humaines, plus attractives
-                    </p>
-                    <p class="center"> Les candidats ont la parole en toute confiance
-                    </p>
-                    <p class="center"> Pour des territoires de vie et de travail
-                    </p>
-                    <h3 class="center"> Talents Tube donne vie aux recrutements</h3>
-                </div>
-                <div id="endScroll"></div>
-            </div>
         </div>
+        
 
-        <!--COMPANY-->
-        <div id="liste-jobs" class="bg-dark1 button-plus">
-            <div class="inside">
-                <div class="row center-align">
-                    <div class="col s12"><h2 class="white-text no-margin-top">Les entreprises qui veulent grandir<br />avec
-                            de nouveaux <span>talents.</span></h2></div>
-                </div>
-                <div class="owl-carousel">
-                    {% if ads|length > 0 %}
-                        {% for a in ads %}
-                            <div class="item">
-                                <a href="{{ path('ad_show',{'alias': a.alias }) }}" title="{{ a.title }}">
-                                    {% if a.video %}
-                                         {% if a.video.thumbnails.0.sizes is defined %}
-                                            <img class="thumbnail_list z-depth-5" src="{{ a.video.thumbnails.0.sizes.3.link }}"
-                                                    alt="{{ a.company.brandName }}"/>
-                                        {% endif %}
-                                    {% endif %}
-                                    <span class="playerbtn"></span>
-                                </a>
-                                <p class="item-list-name">{{ a.company.brandName }}</p>
-                                {% if a.location is iterable %}
-                                    {% if a.location.gmap_address %}
-                                        <p class="item-list-city">{{ a.location.gmap_address.address_components.0.long_name }}</p>
-                                    {% endif %}
-                                {% endif %}
-                                <p class="item-list-job">
-                                    <a class="left-align" href="{{ path('ad_show',{'alias': a.alias }) }}"
-                                       title="{{ a.title }}">{{ a.title }}</a>
-                                </p>
-                            </div>
-                        {% endfor %}
-                    {% endif %}
-                </div>
-                <div class="row center-align">
-                    <div class="col s12"><a href="{{ path('ad_search_result') }}" title="Tous les talents"
-                                            class="btn btn-default">Voir tous les jobs</a></div>
-                </div>
-            </div>
-        </div>
-
-        <!--TALENTS-->
+        {# TALENTS #}
         <div id="liste-talents" class="bg-dark2 button-plus">
-            <div class="inside">
+             <div class="container">
                 <div class="row center-align">
-                    <div class="col s12"><h2 class="white-text no-margin-top">Les derniers
-                            <span>talents à découvrir.</span></h2></div>
+                    <div class="col s12"><h2 class="blue-text no-margin-top">Les CV vidéo
+                            <span>à la une</span></h2></div>
                 </div>
-                <div class="owl-carousel home-talent-carousel">
-                    {% for talent in talents %}
-                        {% if talent.users[0] is defined %}
-                            {% set user = talent.users[0] %}
-                            <div class="item">
-                                <a href="{{ path('talent_show',{'alias': talent.alias }) }}"
-                                   title="{{ user.firstname }} {{ user.lastname }}">
-                                    {% if user.photo %}
-                                        <img class="circle" src="{{ user.webPath | imagine_filter('profile_square') }}" alt="{{ user.firstname }} {{ user.lastname }}"/>
-                                    {% else %}
-                                        <img class="circle"
-                                                src="{{ asset('/img/portrait-carre.png') }}"
-                                                alt="{{ user.firstname }} {{ user.lastname }}"/>
-                                    {% endif %}
-                                </a>
-                                <p class="item-list-job item-list-name">
-                                    <a href="{{ path('talent_show',{'alias': talent.alias }) }}"
-                                       title="{{ user.firstname }} {{ user.lastname }}">
-                                        {{ user.firstname }} {{ user.lastname }}
-                                    </a>
-                                </p>
-                                {#{% if talent.addresses %}
-                                    <p class="item-list-city">{{ talent.addresses.billing.city }}</p>
-                                {% endif %}#}
-                                {% if talent.publicTag %}
-                                    <p class="item-list-city">
-                                    {% for keyword in talent.publicTag %}
-                                        {{ keyword }}
-                                        {% if not loop.last %},{% endif %}
-                                    {% endfor %}
-                                    </p>
-                                {% endif %}
-                                <p class="item-list-job"></p>
-                            </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 %}
-                    {% endfor %}
+                    </div>
                 </div>
-                {#<div class="row center-align">#}
-                    {#<br/>#}
-                    {#<div class="col s12"><a href="#" title="Tous les talents" class="btn btn-default">Voir tous les#}
-                            {#talents</a></div>#}
-                {#</div>#}
             </div>
         </div>
-
-        <!--TERRITOIRE-->
+        {# TERRITOIRE #}
         <div id="liste-territoires" class="bg-dark1 button-plus">
-            <div class="inside">
+            <div class="container">
                 <div class="row center-align">
                     <div class="col s12">
-                        <h2 class="white-text no-margin-top">Les territoires de <span>talents</span></h2>
-                        <p class="item-list-name">Votre territoire regorge de talents à travers ses entreprises et ses
-                            ressources humaines, mettez-le en avant.
-                            <br/>Soyez attractif ! Soyez le 1er à mettre en avant votre territoire de vie.</p>
-                        <p><a href="https://blog.talentstube.com/contact.html" title="Tous les talents"
-                              class="btn btn-default">Contactez Talents Tube
-                                !</a></p>
+                        <h2 class="blue-text no-margin-top">Les territoires <span>pour vivre et travailler</span></h2>
+                        {% if territories %}
+                        <div class="owl-carousel owl-carousel-home territory-carousel">
+                            {% for territory in territories %}
+                                <div class="item">
+                                    <div class="embed-responsive embed-responsive-16by9">
+                                        <div class="col s12">
+                                            <iframe src="https://player.vimeo.com/video/{{ territory.presentationVideo.cdnUrl|replace({ "/videos/": ""}) }}"
+                                                    width="100%" height="640" frameborder="0" webkitallowfullscreen mozallowfullscreen
+                                                    allowfullscreen></iframe>
+                                        </div>
+                                    </div>
+                                    <div class="m-t-30">
+                                        <a title="territoire de {{ territory.brandname }}" class="btn btn-default" href="{{ path('territory_show',{'alias': territory.alias }) }}">
+                                            Voir le territoire de <span>{{ territory.brandname }}</span>
+                                        </a>
+                                    </div>
+                                </div>
+                            {% endfor %}
+                        </div>    
+                        {% endif %}           
                     </div>
                 </div>
             </div>
         </div>
-
-        <div id="experts" class="bg-blue">
-            <div class="inside">
-                <div class="row center-align">
-                    <div class="col s12"><h2 class="white-text no-margin-top no-margin-bottom">Talents Tube à votre
-                            <span>service.</span></h2></div>
-                </div>
-            </div>
-        </div>
-        <div class="blocs-texte-video">
-
-            <div class="row flexcontainer">
-                <div class="col l6 m12 s12 valign-wrapper">
-                    <div class="inside-m valign">
-                        <h2 class="no-margin-top">
-                            Offre d'emploi en vidéo :<br />les conseils de votre <span>talentstubeuse</span>
-                        </h2>
-                        <p>Montrez et développez votre Marque Employeur !</p>
-                        {#<p><a href="#" class="btn btn-dark">Coaching rh</a> <a href="#" class="btn btn-dark">Coaching marketing</a> <a href="#" class="btn btn-dark">Coaching vidéo</a></p>#}
+        {# 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>
-                <div class="col l6 m12 s12 hide-on-med-and-down">
-                    <a href="#!" data-video="#video1" class="img_content" style="background:url(/img-cnt/offre_emploi.png);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="460" frameborder="0" webkitallowfullscreen mozallowfullscreen
-                            allowfullscreen></iframe>
-                </div>
-            </div>
-            <div class="row flexcontainer">
-                <div class="col l6 m12 s12 hide-on-med-and-down">
-                    <a href="#!" data-video="#video2" class="img_content" style="background:url(/img-cnt/cv_video.png);background-size:cover;">
-                         <span class="playerbtn"></span>
-                    </a>
-                    <iframe style="display:block;" class="hide" id="video2" src="https://player.vimeo.com/video/215657518?title=0&byline=0&portrait=0" width="100%"
-                            height="460" frameborder="0" webkitallowfullscreen mozallowfullscreen
-                            allowfullscreen></iframe>
-                </div>
-                <div class="col l6 m12 s12 valign-wrapper">
-                    <div class="inside-m valign">
-                        <h2 class="no-margin-top bluetitle">CV vidéo :<br />les conseils de votre <span>talentstubeuse</span>
-                        </h2>
-                        <p>Devenez acteur de vos talents ! <br>Montrez qui vous êtes !</p>
-                        {#<p><a href="#" class="btn btn-default">Coaching perso</a></p>#}
+                    <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/215657518?title=0&byline=0&portrait=0" width="100%"
+                                    height="344" frameborder="0" webkitallowfullscreen mozallowfullscreen
+                                    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 mozallowfullscreen
+                                    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 mozallowfullscreen
+                                    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>
     </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 mozallowfullscreen
+                        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 %}

www/app/Resources/views/default/page.html.twig

@@ -1,5 +1,13 @@
 {% extends 'base.html.twig' %}
 
+{% block metarobot %}
+    {% if robot is defined and robot == 0 %}
+        <meta name="robots" content="noindex,nofollow">
+    {% else %}
+        <meta name="robots" content="index,follow">
+    {% endif %}
+{% endblock %}
+
 {% block title %}{{ page.title }}{% endblock %}
 
 {% block description %}{{ page.description }}{% endblock %}

www/app/Resources/views/default/search_bar.html.twig

@@ -1,75 +1,9 @@
-<div id="search">
-    <div class="row">
-        <div class="col s12 m3 l3 center-align label-search">
-            <h5 class="white-text">Rechercher une offre</h5>
-        </div>
-        <div class="col s12 m6 l6">
-            {{ form_start(searchform,{action: path('ad_search_result'), method:'post'}) }}
-            <div class="row">
-                <div class="input-field col s5">
-                    <p>{{ form_row(searchform.job) }}</p>
-                    {#<p class="advanced-search-field">#}
-                        {#<input id="input_contrat" type="text" class="validate" placeholder="Type de contrat">#}
-                    {#</p>#}
-                    <input id="search__token" name="search[_token]" value="{{ csrf_token("intention") }}" type="hidden">
-                </div>
-                <div class="input-field col s5">
-                    <p>{{ form_row(searchform.location_gmap) }}</p>
-                    <p>{{ form_row(searchform.location) }}</p>
-                    {#<p class="range-field advanced-search-field">#}
-                        {#<label>Rayon</label><input type="range" id="test5" min="0" max="100"/>#}
-                    {#</p>#}
-                </div>
-                <div class="input-field col s2">
-                    <button class="btn btn-form waves-effect waves-light" type="submit" name="action">Ok</button>
-                </div>
-            </div>
-            {{ form_end(searchform) }}
-        </div>
-        <div class="col s12 m3 l3 center-align advanced-search">
-            {#<p class="white-text display-advanced-search">Recherche avancée</p>#}
-            {#<p class="white-text advanced-search-field hide-advanced-search">#}
-                {#<i class="fa fa-times" aria-hidden="true"></i>#}
-            {#</p>#}
+
+<div class="bg-grey-3" style="height:1px;padding-top:150px;padding-bottom:10px;"></div>
+<div class="triggerSearch"></div>
+<div class="fluid-container bg-grey-3 searchBarWrapper">
+        <div id="homeSearch" class="searchBar container" style="top:0;">
+         {% include 'form/search_form.html.twig' with {'searchform': searchform } %}
         </div>
     </div>
-</div>
-
-
-{# Backup #}
-
-{#<div id="search">#}
-    {#<div class="row">#}
-        {#<div class="col s12 m3 l3 center-align">#}
-            {#<h5 class="white-text">Rechercher une offre</h5>#}
-        {#</div>#}
-        {#<div class="col s12 m6 l6">#}
-            {#<form id="ad_search_form" class="search-form" action="{{ path('ad_search_result') }}" method="POST">#}
-                {#<div class="row">#}
-                    {#<div class="input-field col s5">#}
-                        {#<p><input id="input_job" type="text" class="validate" placeholder="Mon job de rêve"></p>#}
-                        {#<p class="advanced-search-field">#}
-                            {#<input id="input_contrat" type="text" class="validate" placeholder="Type de contrat">#}
-                        {#</p>#}
-                    {#</div>#}
-                    {#<div class="input-field col s5">#}
-                        {#<p><input id="ad_location_gmap" type="text" class="validate" placeholder="Localité"></p>#}
-                        {#<p><input id="ad_location" type="hidden"></p>#}
-                        {#<p class="range-field advanced-search-field">#}
-                            {#<label>Rayon</label><input type="range" id="test5" min="0" max="100"/>#}
-                        {#</p>#}
-                    {#</div>#}
-                    {#<div class="input-field col s2">#}
-                        {#<button class="btn btn-form waves-effect waves-light" type="submit" name="action">Ok</button>#}
-                    {#</div>#}
-                {#</div>#}
-            {#</form>#}
-        {#</div>#}
-        {#<div class="col s12 m3 l3 center-align advanced-search">#}
-            {#<p class="white-text display-advanced-search">Recherche avancée</p>#}
-            {#<p class="white-text advanced-search-field hide-advanced-search">#}
-                {#<i class="fa fa-times" aria-hidden="true"></i>#}
-            {#</p>#}
-        {#</div>#}
-    {#</div>#}
-{#</div>#}
+    

www/app/Resources/views/default/talent_card.html.twig

@@ -0,0 +1,30 @@
+{% for talent in talents %}
+    {% if talent.users[0] is defined %}
+        {% set user = talent.users[0] %}
+        <div class="item">
+            <a href="{{ path('talent_show',{'alias': talent.alias }) }}"
+                title="{{ user.firstname }} {{ user.lastname }}">
+                {% if user.photo %}
+                    <img class="circle z-depth-3" src="{{ user.webPath | imagine_filter('profile_square') }}" alt="{{ user.firstname }} {{ user.lastname }}"/>
+                {% else %}
+                    <img class="circle z-depth-3"
+                            src="{{ asset('/img/portrait-carre.png') }}"
+                            alt="{{ user.firstname }} {{ user.lastname }}"/>
+                {% endif %}
+            </a>
+            <p class="item-list-job item-list-name center-align">
+                <a href="{{ path('talent_show',{'alias': talent.alias }) }}"
+                    title="{{ user.firstname }} {{ user.lastname }}">
+                    {{ user.firstname }} {{ user.lastname }}
+                </a>
+            </p>
+            {% if talent.publicTag %}
+                {% for keyword in talent.publicTag %}
+                    {% if keyword != "" %}
+                    <div class="chip">{{ keyword }}</div>
+                    {% endif %}
+                {% endfor %}
+            {% endif %}
+        </div>
+    {% endif %}
+{% endfor %}

www/app/Resources/views/default/user_switch.html.twig

@@ -0,0 +1,9 @@
+{% if is_granted('ROLE_PREVIOUS_ADMIN') %}
+    <div class="fab tooltipped" data-position="left"
+         data-tooltip="Quitter (Connecté en tant que {{ app.user.firstname }} {{ app.user.lastname }})">
+        <a href="{{ path('admin_dashboard', {'_switch_user': '_exit'}) }}"
+           class="btn">
+            <i class="fa fa-sign-out" aria-hidden="true"></i>
+        </a>
+    </div>
+{% endif %}

www/app/Resources/views/default/video_card.html.twig

@@ -0,0 +1,26 @@
+{% for vid in videos %}
+    <div class="col s3">
+        <div class="card z-depth-1 card-video">
+            {#<div class="card-title-video">#}
+            {#<div class="row row-noMargin">#}
+            {#<div class="col s12 col-infos">#}
+            {#<div class="truncate">#}
+            {#{{ vid.title }}#}
+            {#</div>#}
+            {#</div>#}
+            {#</div>#}
+            {#</div>#}
+            <div class="card-image">
+                <iframe src="https://player.vimeo.com{{ vid.getCdnUrl()|replace({ "videos": "video"}) }}"
+                        width="100%" height="auto" frameborder="0" webkitallowfullscreen
+                        mozallowfullscreen allowfullscreen></iframe>
+            </div>
+            <a class="card-button addExistingVideo tooltipped" data-position="top"
+               data-tooltip="Choisir cette vidéo" href="#" data-title="{{ vid.getTitle() }}"
+               data-id="{{ vid.getId() }}">
+                {#<div class="w-100">Sélectionner</div>#}
+                <div class="w-100 truncate"><i class="fa fa-angle-double-right" aria-hidden="true"></i> {{ vid.title }}</div>
+            </a>
+        </div>
+    </div>
+{% endfor %}

www/app/Resources/views/email/OLD_base.email.html.twig

@@ -0,0 +1,489 @@
+<!doctype html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <title></title>
+    <!--[if !mso]><!-- -->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <!--<![endif]-->
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <style type="text/css">
+        #outlook a {
+            padding: 0;
+        }
+
+        .ReadMsgBody {
+            width: 100%;
+        }
+
+        .ExternalClass {
+            width: 100%;
+        }
+
+        .ExternalClass * {
+            line-height: 100%;
+        }
+
+        body {
+            margin: 0;
+            padding: 0;
+            -webkit-text-size-adjust: 100%;
+            -ms-text-size-adjust: 100%;
+        }
+
+        table, td {
+            border-collapse: collapse;
+            mso-table-lspace: 0pt;
+            mso-table-rspace: 0pt;
+        }
+
+        img {
+            border: 0;
+            height: auto;
+            line-height: 100%;
+            outline: none;
+            text-decoration: none;
+            -ms-interpolation-mode: bicubic;
+        }
+
+        p {
+            display: block;
+            margin: 13px 0;
+        }
+    </style>
+    <!--[if !mso]><!-->
+    <style type="text/css">
+        @media only screen and (max-width: 480px) {
+            @-ms-viewport {
+                width: 320px;
+            }
+            @viewport {
+                width: 320px;
+            }
+        }
+    </style>
+    <!--<![endif]-->
+    <!--[if mso]>
+    <xml>
+        <o:OfficeDocumentSettings>
+            <o:AllowPNG/>
+            <o:PixelsPerInch>96</o:PixelsPerInch>
+        </o:OfficeDocumentSettings>
+    </xml>
+    <![endif]-->
+    <!--[if lte mso 11]>
+    <style type="text/css">
+        .outlook-group-fix {
+            width: 100% !important;
+        }
+    </style>
+    <![endif]-->
+
+    <!--[if !mso]><!-->
+    <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
+    <style type="text/css">
+
+        @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
+
+    </style>
+    <!--<![endif]-->
+    <style type="text/css">
+        @media only screen and (min-width: 480px) {
+            .mj-column-per-100 {
+                width: 100% !important;
+            }
+
+            .mj-column-per-33 {
+                width: 33.333333333333336% !important;
+            }
+        }
+    </style>
+</head>
+<body style="background: #ffffff;">
+<div style="background-color:#ffffff;"><!--[if mso | IE]>
+    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center"
+           style="width:600px;">
+        <tr>
+            <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
+    <![endif]-->
+    <table role="presentation" cellpadding="0" cellspacing="0" style="background:#ffffff;font-size:0px;width:100%;"
+           border="0">
+        <tbody>
+        <tr>
+            <td>
+                <div style="margin:0px auto;max-width:600px;">
+                    <table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;"
+                           align="center" border="0">
+                        <tbody>
+                        <tr>
+                            <td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:20px 0px;padding-bottom:0px;padding-top:0px;">
+                                <!--[if mso | IE]>
+                                <table role="presentation" border="0" cellpadding="0" cellspacing="0">
+                                    <tr>
+                                        <td style="vertical-align:top;width:600px;">
+                                <![endif]-->
+                                <div class="mj-column-per-100 outlook-group-fix"
+                                     style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;">
+                                    <table role="presentation" cellpadding="0" cellspacing="0"
+                                           style="vertical-align:top;" width="100%" border="0">
+                                        <tbody>
+                                        <tr>
+                                            <td style="word-wrap:break-word;font-size:0px;padding:10px 25px;padding-top:15px;padding-bottom:15px;padding-right:0px;padding-left:0px;"
+                                                align="center">
+                                                <table role="presentation" cellpadding="0" cellspacing="0"
+                                                       style="border-collapse:collapse;border-spacing:0px;"
+                                                       align="center" border="0">
+                                                    <tbody>
+                                                    <tr>
+                                                        <td style="width:180px;"><a
+                                                                    href="https://www.talentstube.com"><img alt=""
+                                                                                                            title=""
+                                                                                                            height="auto"
+                                                                                                            src="https://www.talentstube.com/img/Logo-header.png"
+                                                                                                            style="border:none;border-radius:0px;display:block;outline:none;text-decoration:none;width:100%;height:auto;"
+                                                                                                            width="180"></a>
+                                                        </td>
+                                                    </tr>
+                                                    </tbody>
+                                                </table>
+                                            </td>
+                                        </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                                <!--[if mso | IE]>
+                                </td></tr></table>
+                                <![endif]--></td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    <!--[if mso | IE]>
+    </td></tr></table>
+    <![endif]-->
+    <!--[if mso | IE]>
+    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center"
+           style="width:600px;">
+        <tr>
+            <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
+    <![endif]-->
+    <table role="presentation" cellpadding="0" cellspacing="0" style="background:#009FE3;font-size:0px;width:100%;"
+           border="0">
+        <tbody>
+        <tr>
+            <td>
+                <div style="margin:0px auto;max-width:600px;">
+                    <table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;"
+                           align="center" border="0">
+                        <tbody>
+                        <tr>
+                            <td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:20px 0px;padding-bottom:0px;padding-top:0px;"></td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    <!--[if mso | IE]>
+    </td></tr></table>
+    <![endif]-->
+    <!--[if mso | IE]>
+    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center"
+           style="width:600px;">
+        <tr>
+            <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
+    <![endif]-->
+    <table role="presentation" cellpadding="0" cellspacing="0" style="background:#1689fb;font-size:0px;width:100%;"
+           border="0">
+        <tbody>
+        <tr>
+            <td>
+                <div style="margin:0px auto;max-width:600px;">
+                    <table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;"
+                           align="center" border="0">
+                        <tbody>
+                        <tr>
+                            <td style="text-align:center;vertical-align:middle;direction:ltr;font-size:0px;padding:20px 0px;padding-bottom:20px;padding-top:20px;">
+                                <!--[if mso | IE]>
+                                <table role="presentation" border="0" cellpadding="0" cellspacing="0">
+                                    <tr>
+                                        <td style="vertical-align:middle;width:600px;">
+                                <![endif]-->
+                                <div class="mj-column-per-100 outlook-group-fix"
+                                     style="vertical-align:middle;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;">
+                                    <table role="presentation" cellpadding="0" cellspacing="0"
+                                           style="vertical-align:middle;" width="100%" border="0">
+                                        <tbody>
+                                        <tr>
+                                            <td style="word-wrap:break-word;font-size:0px;padding:10px 25px;padding-top:0px;padding-bottom:0px;padding-right:25px;padding-left:25px;"
+                                                align="left">
+                                                <div class=""
+                                                     style="cursor:auto;color:#FFF;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;text-align:left;">
+                                                    {% block content %}{% endblock %}</div>
+                                            </td>
+                                        </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                                <!--[if mso | IE]>
+                                </td></tr></table>
+                                <![endif]--></td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    <!--[if mso | IE]>
+    </td></tr></table>
+    <![endif]-->
+    <!--[if mso | IE]>
+    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center"
+           style="width:600px;">
+        <tr>
+            <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
+    <![endif]-->
+    <table role="presentation" cellpadding="0" cellspacing="0" style="background:#2f323b;font-size:0px;width:100%;"
+           border="0">
+        <tbody>
+        <tr>
+            <td>
+                <div style="margin:0px auto;max-width:600px;">
+                    <table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;"
+                           align="center" border="0">
+                        <tbody>
+                        <tr>
+                            <td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:20px 0px;padding-bottom:20px;padding-top:20px;">
+                                <!--[if mso | IE]>
+                                <table role="presentation" border="0" cellpadding="0" cellspacing="0">
+                                    <tr>
+                                        <td style="vertical-align:top;width:200px;">
+                                <![endif]-->
+                                <div class="mj-column-per-33 outlook-group-fix"
+                                     style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;">
+                                    <table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
+                                        <tbody>
+                                        <tr>
+                                            <td style="word-wrap:break-word;font-size:0px;padding:10px 25px;"
+                                                align="center">
+                                                <div><!--[if mso | IE]>
+                                                    <table role="presentation" border="0" cellpadding="0"
+                                                           cellspacing="0" align="undefined">
+                                                        <tr>
+                                                            <td>
+                                                    <![endif]-->
+                                                    <table role="presentation" cellpadding="0" cellspacing="0"
+                                                           style="float:none;display:inline-table;" align="center"
+                                                           border="0">
+                                                        <tbody>
+                                                        <tr>
+                                                            <td style="padding:4px;vertical-align:middle;">
+                                                                <table role="presentation" cellpadding="0"
+                                                                       cellspacing="0"
+                                                                       style="background:#009FE3;border-radius:3px;width:30px;"
+                                                                       border="0">
+                                                                    <tbody>
+                                                                    <tr>
+                                                                        <td style="vertical-align:middle;width:30px;height:30px;">
+                                                                            <a href="https://www.facebook.com/TalentsTuber/"><img
+                                                                                        alt="facebook" height="30"
+                                                                                        src="https://www.mailjet.com/images/theme/v1/icons/ico-social/facebook.png"
+                                                                                        style="display:block;border-radius:3px;"
+                                                                                        width="30"></a></td>
+                                                                    </tr>
+                                                                    </tbody>
+                                                                </table>
+                                                            </td>
+                                                        </tr>
+                                                        </tbody>
+                                                    </table>
+                                                    <!--[if mso | IE]>
+                                                    </td></tr></table>
+                                                    <![endif]--></div>
+                                            </td>
+                                        </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                                <!--[if mso | IE]>
+                                </td>
+                                <td style="vertical-align:top;width:200px;">
+                                <![endif]-->
+                                <div class="mj-column-per-33 outlook-group-fix"
+                                     style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;">
+                                    <table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
+                                        <tbody>
+                                        <tr>
+                                            <td style="word-wrap:break-word;font-size:0px;padding:10px 25px;"
+                                                align="center">
+                                                <div><!--[if mso | IE]>
+                                                    <table role="presentation" border="0" cellpadding="0"
+                                                           cellspacing="0" align="undefined">
+                                                        <tr>
+                                                            <td>
+                                                    <![endif]-->
+                                                    <table role="presentation" cellpadding="0" cellspacing="0"
+                                                           style="float:none;display:inline-table;" align="center"
+                                                           border="0">
+                                                        <tbody>
+                                                        <tr>
+                                                            <td style="padding:4px;vertical-align:middle;">
+                                                                <table role="presentation" cellpadding="0"
+                                                                       cellspacing="0"
+                                                                       style="background:#55acee;border-radius:3px;width:30px;"
+                                                                       border="0">
+                                                                    <tbody>
+                                                                    <tr>
+                                                                        <td style="vertical-align:middle;width:30px;height:30px;">
+                                                                            <a href="https://twitter.com/TalentsTuber"><img
+                                                                                        alt="twitter" height="30"
+                                                                                        src="https://www.mailjet.com/images/theme/v1/icons/ico-social/twitter.png"
+                                                                                        style="display:block;border-radius:3px;"
+                                                                                        width="30"></a></td>
+                                                                    </tr>
+                                                                    </tbody>
+                                                                </table>
+                                                            </td>
+                                                        </tr>
+                                                        </tbody>
+                                                    </table>
+                                                    <!--[if mso | IE]>
+                                                    </td></tr></table>
+                                                    <![endif]--></div>
+                                            </td>
+                                        </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                                <!--[if mso | IE]>
+                                </td>
+                                <td style="vertical-align:top;width:200px;">
+                                <![endif]-->
+                                <div class="mj-column-per-33 outlook-group-fix"
+                                     style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;">
+                                    <table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
+                                        <tbody>
+                                        <tr>
+                                            <td style="word-wrap:break-word;font-size:0px;padding:10px 25px;"
+                                                align="center">
+                                                <div><!--[if mso | IE]>
+                                                    <table role="presentation" border="0" cellpadding="0"
+                                                           cellspacing="0" align="undefined">
+                                                        <tr>
+                                                            <td>
+                                                    <![endif]-->
+                                                    <table role="presentation" cellpadding="0" cellspacing="0"
+                                                           style="float:none;display:inline-table;" align="center"
+                                                           border="0">
+                                                        <tbody>
+                                                        <tr>
+                                                            <td style="padding:4px;vertical-align:middle;">
+                                                                <table role="presentation" cellpadding="0"
+                                                                       cellspacing="0"
+                                                                       style="background:#0077b5;border-radius:3px;width:30px;"
+                                                                       border="0">
+                                                                    <tbody>
+                                                                    <tr>
+                                                                        <td style="vertical-align:middle;width:30px;height:30px;">
+                                                                            <a href="https://www.linkedin.com/company/talentstube"><img
+                                                                                        alt="linkedin" height="30"
+                                                                                        src="https://www.mailjet.com/images/theme/v1/icons/ico-social/linkedin.png"
+                                                                                        style="display:block;border-radius:3px;"
+                                                                                        width="30"></a></td>
+                                                                    </tr>
+                                                                    </tbody>
+                                                                </table>
+                                                            </td>
+                                                        </tr>
+                                                        </tbody>
+                                                    </table>
+                                                    <!--[if mso | IE]>
+                                                    </td></tr></table>
+                                                    <![endif]--></div>
+                                            </td>
+                                        </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                                <!--[if mso | IE]>
+                                </td></tr></table>
+                                <![endif]--></td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    <!--[if mso | IE]>
+    </td></tr></table>
+    <![endif]-->
+    <!--[if mso | IE]>
+    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center"
+           style="width:600px;">
+        <tr>
+            <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
+    <![endif]-->
+    <table role="presentation" cellpadding="0" cellspacing="0" style="background:#FFF;font-size:0px;width:100%;"
+           border="0">
+        <tbody>
+        <tr>
+            <td>
+                <div style="margin:0px auto;max-width:600px;">
+                    <table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;"
+                           align="center" border="0">
+                        <tbody>
+                        <tr>
+                            <td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:20px 0px;padding-bottom:20px;padding-top:20px;">
+                                <!--[if mso | IE]>
+                                <table role="presentation" border="0" cellpadding="0" cellspacing="0">
+                                    <tr>
+                                        <td style="vertical-align:middle;width:600px;">
+                                <![endif]-->
+                                <div class="mj-column-per-100 outlook-group-fix"
+                                     style="vertical-align:middle;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;">
+                                    <table role="presentation" cellpadding="0" cellspacing="0"
+                                           style="vertical-align:middle;" width="100%" border="0">
+                                        <tbody>
+                                        <tr>
+                                            <td style="word-wrap:break-word;font-size:0px;padding:10px 25px;padding-top:0px;padding-bottom:0px;padding-right:25px;padding-left:25px;"
+                                                align="center">
+                                                <div class=""
+                                                     style="cursor:auto;color:#1689fb;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;text-align:center;">
+                                                    Talents Tube
+                                                    <br>
+                                                    Place Albert Einstein 6 Le Prisme CP60 PIBS 6 CS 72001 - 56038
+                                                    VANNES
+                                                    <br>
+                                                    <a href="mailto:contact@talentstube.com">contact@talentstube.com
+                                                    </a></div>
+                                            </td>
+                                        </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                                <!--[if mso | IE]>
+                                </td></tr></table>
+                                <![endif]--></td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    <!--[if mso | IE]>
+    </td></tr></table>
+    <![endif]--></div>
+</body>
+</html>

www/app/Resources/views/email/ad/ad_detail.html.twig

@@ -11,7 +11,7 @@
         <a href="{{ path('ad_show',{'alias': ad.alias }) }}" title="{{ ad.title }}" class="item-list-media">
             {% if ad.video %}
                 {% if ad.video.thumbnails.0.sizes is defined %}
-                    <img width="100%" src="{{ ad.video.thumbnails.0.sizes.3.link }}"
+                    <img width="100%" src="{{ ad.video.thumbnails.0.sizes.4.link }}"
                          alt="{{ ad.company.brandName }}"/>
                 {% endif %}
             {% endif %}

www/app/Resources/views/email/base.email.html.twig

@@ -1,488 +1,91 @@
 <!doctype html>
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
-    <title></title>
-    <!--[if !mso]><!-- -->
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <!--<![endif]-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title></title>
     <style type="text/css">
-        #outlook a {
-            padding: 0;
-        }
-
-        .ReadMsgBody {
-            width: 100%;
-        }
-
-        .ExternalClass {
-            width: 100%;
-        }
-
-        .ExternalClass * {
-            line-height: 100%;
-        }
-
-        body {
-            margin: 0;
-            padding: 0;
-            -webkit-text-size-adjust: 100%;
-            -ms-text-size-adjust: 100%;
-        }
-
-        table, td {
-            border-collapse: collapse;
-            mso-table-lspace: 0pt;
-            mso-table-rspace: 0pt;
-        }
-
-        img {
-            border: 0;
-            height: auto;
-            line-height: 100%;
-            outline: none;
-            text-decoration: none;
-            -ms-interpolation-mode: bicubic;
-        }
 
+        #outlook a { padding: 0; }
+        .ReadMsgBody { width: 100%; }
+        .ExternalClass { width: 100%; }
+        .ExternalClass * { line-height:100%; }
+        body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
+        table, td { border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
+        img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; }
         p {
             display: block;
             margin: 13px 0;
         }
+
     </style>
     <!--[if !mso]><!-->
     <style type="text/css">
-        @media only screen and (max-width: 480px) {
-            @-ms-viewport {
-                width: 320px;
-            }
-            @viewport {
-                width: 320px;
-            }
+        @import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500,700,300);
+    </style>
+    <style type="text/css">
+        @media only screen and (max-width:480px) {
+            @-ms-viewport { width:320px; }
+            @viewport { width:320px; }
         }
     </style>
+    <link href="https://fonts.googleapis.com/css?family=Ubuntu:400,500,700,300" rel="stylesheet" type="text/css">
     <!--<![endif]-->
+    <style type="text/css">
+        @media only screen and (min-width:480px) {
+            .mj-column-per-100, * [aria-labelledby="mj-column-per-100"] { width:100%!important; }
+        }</style></head>
+<body id="YIELD_MJML" style="background: #F2F2F2;"><div class="mj-body" style="background-color:#F2F2F2;"><!--[if mso]>
+    <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"><tr><td>
+    <![endif]--><div style="margin:0 auto;max-width:600px;background:#F2F2F2;"><table class="" cellpadding="0" cellspacing="0" style="width:100%;font-size:0px;background:#F2F2F2;" align="center"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:0px;"><!--[if mso]>
+                    <table border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;">
+                    </td></tr></table>
+                    <![endif]--></td></tr></tbody></table></div><!--[if mso]>
+    </td></tr></table>
+    <![endif]-->
     <!--[if mso]>
-    <xml>
-        <o:OfficeDocumentSettings>
-            <o:AllowPNG/>
-            <o:PixelsPerInch>96</o:PixelsPerInch>
-        </o:OfficeDocumentSettings>
-    </xml>
-    <![endif]-->
-    <!--[if lte mso 11]>
-    <style type="text/css">
-        .outlook-group-fix {
-            width: 100% !important;
-        }
-    </style>
+    <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"><tr><td>
+    <![endif]--><div style="margin:0 auto;max-width:600px;background:#F2F2F2;"><table class="" cellpadding="0" cellspacing="0" style="width:100%;font-size:0px;background:#F2F2F2;" align="center"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:22px 0;"><!--[if mso]>
+                    <table border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;">
+                    <![endif]--><div style="vertical-align:top;display:inline-block;font-size:13px;text-align:left;width:100%;" class="mj-column-per-100" aria-labelledby="mj-column-per-100"><table width="100%"><tbody><tr><td style="font-size:0;padding:0px;" align="center"><table cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;" align="center"><tbody><tr><td><a href="http://www.talentstube.com/"><img alt="Talents Tube" src="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" style="border:none;display:block;outline:none;text-decoration:none;width:100%;max-width:150px;height:auto;" width="150" height="auto"></a></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso]>
+                    </td></tr></table>
+                    <![endif]--></td></tr></tbody></table></div><!--[if mso]>
+    </td></tr></table>
     <![endif]-->
+    <!--[if mso]>
 
-    <!--[if !mso]><!-->
-    <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
-    <style type="text/css">
-
-        @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
-
-    </style>
-    <!--<![endif]-->
-    <style type="text/css">
-        @media only screen and (min-width: 480px) {
-            .mj-column-per-100 {
-                width: 100% !important;
-            }
-
-            .mj-column-per-33 {
-                width: 33.333333333333336% !important;
-            }
-        }
-    </style>
-</head>
-<body style="background: #ffffff;">
-<div style="background-color:#ffffff;"><!--[if mso | IE]>
-    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center"
-           style="width:600px;">
-        <tr>
-            <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-    <![endif]-->
-    <table role="presentation" cellpadding="0" cellspacing="0" style="background:#ffffff;font-size:0px;width:100%;"
-           border="0">
-        <tbody>
-        <tr>
-            <td>
-                <div style="margin:0px auto;max-width:600px;">
-                    <table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;"
-                           align="center" border="0">
-                        <tbody>
-                        <tr>
-                            <td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:20px 0px;padding-bottom:0px;padding-top:0px;">
-                                <!--[if mso | IE]>
-                                <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                                    <tr>
-                                        <td style="vertical-align:top;width:600px;">
-                                <![endif]-->
-                                <div class="mj-column-per-100 outlook-group-fix"
-                                     style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;">
-                                    <table role="presentation" cellpadding="0" cellspacing="0"
-                                           style="vertical-align:top;" width="100%" border="0">
-                                        <tbody>
-                                        <tr>
-                                            <td style="word-wrap:break-word;font-size:0px;padding:10px 25px;padding-top:15px;padding-bottom:15px;padding-right:0px;padding-left:0px;"
-                                                align="center">
-                                                <table role="presentation" cellpadding="0" cellspacing="0"
-                                                       style="border-collapse:collapse;border-spacing:0px;"
-                                                       align="center" border="0">
-                                                    <tbody>
-                                                    <tr>
-                                                        <td style="width:180px;"><a
-                                                                    href="https://www.talentstube.com"><img alt=""
-                                                                                                            title=""
-                                                                                                            height="auto"
-                                                                                                            src="https://www.talentstube.com/img/Logo-header.png"
-                                                                                                            style="border:none;border-radius:0px;display:block;outline:none;text-decoration:none;width:100%;height:auto;"
-                                                                                                            width="180"></a>
-                                                        </td>
-                                                    </tr>
-                                                    </tbody>
-                                                </table>
-                                            </td>
-                                        </tr>
-                                        </tbody>
-                                    </table>
-                                </div>
-                                <!--[if mso | IE]>
-                                </td></tr></table>
-                                <![endif]--></td>
-                        </tr>
-                        </tbody>
-                    </table>
-                </div>
-            </td>
-        </tr>
-        </tbody>
-    </table>
-    <!--[if mso | IE]>
+    <!--[if mso]>
+    <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"><tr><td>
+    <![endif]--><div style="margin:0 auto;max-width:600px;background:#FFFFFF;"><table class="" cellpadding="0" cellspacing="0" style="width:100%;font-size:0px;background:#FFFFFF;" align="center"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:0px;"><!--[if mso]>
+                    <table border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;">
+                    <![endif]--><div style="vertical-align:top;display:inline-block;font-size:13px;text-align:left;width:100%;" class="mj-column-per-100" aria-labelledby="mj-column-per-100"><table width="100%"><tbody><tr><td style="font-size:0;padding:20px 35px 20px 35px;" align="left"><div class="mj-content" style="cursor:auto;color:#534F4F;font-family:Trebuchet,Helvetica,sans-serif;font-size:14px;line-height:22px;">
+                                        {% block content %}{% endblock %}<!--[if mso]>
+                    </td></tr></table>
+                    <![endif]--></td></tr></tbody></table></div><!--[if mso]>
     </td></tr></table>
     <![endif]-->
-    <!--[if mso | IE]>
-    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center"
-           style="width:600px;">
-        <tr>
-            <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-    <![endif]-->
-    <table role="presentation" cellpadding="0" cellspacing="0" style="background:#009FE3;font-size:0px;width:100%;"
-           border="0">
-        <tbody>
-        <tr>
-            <td>
-                <div style="margin:0px auto;max-width:600px;">
-                    <table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;"
-                           align="center" border="0">
-                        <tbody>
-                        <tr>
-                            <td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:20px 0px;padding-bottom:0px;padding-top:0px;"></td>
-                        </tr>
-                        </tbody>
-                    </table>
-                </div>
-            </td>
-        </tr>
-        </tbody>
-    </table>
-    <!--[if mso | IE]>
+    <!--[if mso]>
+    <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"><tr><td>
+    <![endif]--><div style="margin:0 auto;max-width:600px;background:#FFFFFF;"><table class="" cellpadding="0" cellspacing="0" style="width:100%;font-size:0px;background:#FFFFFF;" align="center"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:0px;"><!--[if mso]>
+                    <table border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;">
+                    <![endif]--><div style="vertical-align:top;display:inline-block;font-size:13px;text-align:left;width:100%;" class="mj-column-per-100" aria-labelledby="mj-column-per-100"><table width="100%"><tbody><tr><td style="font-size:0;padding:0px 35px 0px 35px;" align="center"><div class="mj-content" style="cursor:auto;color:#534F4F;font-family:Trebuchet,Helvetica,sans-serif;font-size:14px;line-height:22px;"><p>Suivez-nous&nbsp;!</p>
+                                        <p>
+                                            <a style="margin:10px 20px 22px 20px;" href="https://www.facebook.com/TalentsTuber/"><img src="{{ absolute_url(asset('img/mail/facebook.png')) }}" alt="Facebook"></a>
+                                            <a style="margin:10px 20px 22px 20px;" href="https://twitter.com/TalentsTuber"><img src="{{ absolute_url(asset('img/mail/twitter.png')) }}" alt="Twitter"></a>
+                                            <a style="margin:10px 20px 22px 20px;" href="https://www.linkedin.com/company/talentstube"><img src="{{ absolute_url(asset('img/mail/linkedin.png')) }}" alt="LinkedIn"></a>
+                                        </p></div></td></tr></tbody></table></div><!--[if mso]>
+                    </td></tr></table>
+                    <![endif]--></td></tr></tbody></table></div><!--[if mso]>
     </td></tr></table>
     <![endif]-->
-    <!--[if mso | IE]>
-    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center"
-           style="width:600px;">
-        <tr>
-            <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-    <![endif]-->
-    <table role="presentation" cellpadding="0" cellspacing="0" style="background:#1689fb;font-size:0px;width:100%;"
-           border="0">
-        <tbody>
-        <tr>
-            <td>
-                <div style="margin:0px auto;max-width:600px;">
-                    <table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;"
-                           align="center" border="0">
-                        <tbody>
-                        <tr>
-                            <td style="text-align:center;vertical-align:middle;direction:ltr;font-size:0px;padding:20px 0px;padding-bottom:20px;padding-top:20px;">
-                                <!--[if mso | IE]>
-                                <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                                    <tr>
-                                        <td style="vertical-align:middle;width:600px;">
-                                <![endif]-->
-                                <div class="mj-column-per-100 outlook-group-fix"
-                                     style="vertical-align:middle;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;">
-                                    <table role="presentation" cellpadding="0" cellspacing="0"
-                                           style="vertical-align:middle;" width="100%" border="0">
-                                        <tbody>
-                                        <tr>
-                                            <td style="word-wrap:break-word;font-size:0px;padding:10px 25px;padding-top:0px;padding-bottom:0px;padding-right:25px;padding-left:25px;"
-                                                align="left">
-                                                <div class=""
-                                                     style="cursor:auto;color:#FFF;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;text-align:left;">{% block content %}{% endblock %}</div>
-                                            </td>
-                                        </tr>
-                                        </tbody>
-                                    </table>
-                                </div>
-                                <!--[if mso | IE]>
-                                </td></tr></table>
-                                <![endif]--></td>
-                        </tr>
-                        </tbody>
-                    </table>
-                </div>
-            </td>
-        </tr>
-        </tbody>
-    </table>
-    <!--[if mso | IE]>
+    <!--[if mso]>
+    <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"><tr><td>
+    <![endif]--><div style="margin:0 auto;max-width:600px;background:#F2F2F2;"><table class="" cellpadding="0" cellspacing="0" style="width:100%;font-size:0px;background:#F2F2F2;" align="center"><tbody><tr><td style="text-align:center;vertical-align:top;font-size:0;padding:0px;"><!--[if mso]>
+                    <table border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;">
+                    <![endif]--><div style="vertical-align:top;display:inline-block;font-size:13px;text-align:left;width:100%;" class="mj-column-per-100" aria-labelledby="mj-column-per-100"><table width="100%"><tbody><tr><td style="font-size:0;padding:20px 35px 20px 35px;" align="center"><div class="mj-content" style="cursor:auto;color:#7E7878;font-family:Trebuchet,Helvetica,sans-serif;font-size:14px;line-height:22px;"><p style="font-weight:bold;">Talents Tube</p>
+                                        <p>Place Albert Einstein 6 Le Prisme CP60 PIBS 6 CS 72001 - 56038 VANNES</p>
+                                        <p><a style="text-decoration:none;color:#7E7878;font-weight:bold;" href="mailto:contact@talentstube.com">contact@talentstube.com</a></p></div></td></tr></tbody></table></div><!--[if mso]>
+                    </td></tr></table>
+                    <![endif]--></td></tr></tbody></table></div><!--[if mso]>
     </td></tr></table>
-    <![endif]-->
-    <!--[if mso | IE]>
-    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center"
-           style="width:600px;">
-        <tr>
-            <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-    <![endif]-->
-    <table role="presentation" cellpadding="0" cellspacing="0" style="background:#2f323b;font-size:0px;width:100%;"
-           border="0">
-        <tbody>
-        <tr>
-            <td>
-                <div style="margin:0px auto;max-width:600px;">
-                    <table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;"
-                           align="center" border="0">
-                        <tbody>
-                        <tr>
-                            <td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:20px 0px;padding-bottom:20px;padding-top:20px;">
-                                <!--[if mso | IE]>
-                                <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                                    <tr>
-                                        <td style="vertical-align:top;width:200px;">
-                                <![endif]-->
-                                <div class="mj-column-per-33 outlook-group-fix"
-                                     style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;">
-                                    <table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
-                                        <tbody>
-                                        <tr>
-                                            <td style="word-wrap:break-word;font-size:0px;padding:10px 25px;"
-                                                align="center">
-                                                <div><!--[if mso | IE]>
-                                                    <table role="presentation" border="0" cellpadding="0"
-                                                           cellspacing="0" align="undefined">
-                                                        <tr>
-                                                            <td>
-                                                    <![endif]-->
-                                                    <table role="presentation" cellpadding="0" cellspacing="0"
-                                                           style="float:none;display:inline-table;" align="center"
-                                                           border="0">
-                                                        <tbody>
-                                                        <tr>
-                                                            <td style="padding:4px;vertical-align:middle;">
-                                                                <table role="presentation" cellpadding="0"
-                                                                       cellspacing="0"
-                                                                       style="background:#009FE3;border-radius:3px;width:30px;"
-                                                                       border="0">
-                                                                    <tbody>
-                                                                    <tr>
-                                                                        <td style="vertical-align:middle;width:30px;height:30px;">
-                                                                            <a href="https://www.facebook.com/TalentsTuber/"><img
-                                                                                        alt="facebook" height="30"
-                                                                                        src="https://www.mailjet.com/images/theme/v1/icons/ico-social/facebook.png"
-                                                                                        style="display:block;border-radius:3px;"
-                                                                                        width="30"></a></td>
-                                                                    </tr>
-                                                                    </tbody>
-                                                                </table>
-                                                            </td>
-                                                        </tr>
-                                                        </tbody>
-                                                    </table>
-                                                    <!--[if mso | IE]>
-                                                    </td></tr></table>
-                                                    <![endif]--></div>
-                                            </td>
-                                        </tr>
-                                        </tbody>
-                                    </table>
-                                </div>
-                                <!--[if mso | IE]>
-                                </td>
-                                <td style="vertical-align:top;width:200px;">
-                                <![endif]-->
-                                <div class="mj-column-per-33 outlook-group-fix"
-                                     style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;">
-                                    <table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
-                                        <tbody>
-                                        <tr>
-                                            <td style="word-wrap:break-word;font-size:0px;padding:10px 25px;"
-                                                align="center">
-                                                <div><!--[if mso | IE]>
-                                                    <table role="presentation" border="0" cellpadding="0"
-                                                           cellspacing="0" align="undefined">
-                                                        <tr>
-                                                            <td>
-                                                    <![endif]-->
-                                                    <table role="presentation" cellpadding="0" cellspacing="0"
-                                                           style="float:none;display:inline-table;" align="center"
-                                                           border="0">
-                                                        <tbody>
-                                                        <tr>
-                                                            <td style="padding:4px;vertical-align:middle;">
-                                                                <table role="presentation" cellpadding="0"
-                                                                       cellspacing="0"
-                                                                       style="background:#55acee;border-radius:3px;width:30px;"
-                                                                       border="0">
-                                                                    <tbody>
-                                                                    <tr>
-                                                                        <td style="vertical-align:middle;width:30px;height:30px;">
-                                                                            <a href="https://twitter.com/TalentsTuber"><img
-                                                                                        alt="twitter" height="30"
-                                                                                        src="https://www.mailjet.com/images/theme/v1/icons/ico-social/twitter.png"
-                                                                                        style="display:block;border-radius:3px;"
-                                                                                        width="30"></a></td>
-                                                                    </tr>
-                                                                    </tbody>
-                                                                </table>
-                                                            </td>
-                                                        </tr>
-                                                        </tbody>
-                                                    </table>
-                                                    <!--[if mso | IE]>
-                                                    </td></tr></table>
-                                                    <![endif]--></div>
-                                            </td>
-                                        </tr>
-                                        </tbody>
-                                    </table>
-                                </div>
-                                <!--[if mso | IE]>
-                                </td>
-                                <td style="vertical-align:top;width:200px;">
-                                <![endif]-->
-                                <div class="mj-column-per-33 outlook-group-fix"
-                                     style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;">
-                                    <table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
-                                        <tbody>
-                                        <tr>
-                                            <td style="word-wrap:break-word;font-size:0px;padding:10px 25px;"
-                                                align="center">
-                                                <div><!--[if mso | IE]>
-                                                    <table role="presentation" border="0" cellpadding="0"
-                                                           cellspacing="0" align="undefined">
-                                                        <tr>
-                                                            <td>
-                                                    <![endif]-->
-                                                    <table role="presentation" cellpadding="0" cellspacing="0"
-                                                           style="float:none;display:inline-table;" align="center"
-                                                           border="0">
-                                                        <tbody>
-                                                        <tr>
-                                                            <td style="padding:4px;vertical-align:middle;">
-                                                                <table role="presentation" cellpadding="0"
-                                                                       cellspacing="0"
-                                                                       style="background:#0077b5;border-radius:3px;width:30px;"
-                                                                       border="0">
-                                                                    <tbody>
-                                                                    <tr>
-                                                                        <td style="vertical-align:middle;width:30px;height:30px;">
-                                                                            <a href="https://www.linkedin.com/company/talentstube"><img
-                                                                                        alt="linkedin" height="30"
-                                                                                        src="https://www.mailjet.com/images/theme/v1/icons/ico-social/linkedin.png"
-                                                                                        style="display:block;border-radius:3px;"
-                                                                                        width="30"></a></td>
-                                                                    </tr>
-                                                                    </tbody>
-                                                                </table>
-                                                            </td>
-                                                        </tr>
-                                                        </tbody>
-                                                    </table>
-                                                    <!--[if mso | IE]>
-                                                    </td></tr></table>
-                                                    <![endif]--></div>
-                                            </td>
-                                        </tr>
-                                        </tbody>
-                                    </table>
-                                </div>
-                                <!--[if mso | IE]>
-                                </td></tr></table>
-                                <![endif]--></td>
-                        </tr>
-                        </tbody>
-                    </table>
-                </div>
-            </td>
-        </tr>
-        </tbody>
-    </table>
-    <!--[if mso | IE]>
-    </td></tr></table>
-    <![endif]-->
-    <!--[if mso | IE]>
-    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center"
-           style="width:600px;">
-        <tr>
-            <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
-    <![endif]-->
-    <table role="presentation" cellpadding="0" cellspacing="0" style="background:#FFF;font-size:0px;width:100%;"
-           border="0">
-        <tbody>
-        <tr>
-            <td>
-                <div style="margin:0px auto;max-width:600px;">
-                    <table role="presentation" cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;"
-                           align="center" border="0">
-                        <tbody>
-                        <tr>
-                            <td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:20px 0px;padding-bottom:20px;padding-top:20px;">
-                                <!--[if mso | IE]>
-                                <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                                    <tr>
-                                        <td style="vertical-align:middle;width:600px;">
-                                <![endif]-->
-                                <div class="mj-column-per-100 outlook-group-fix"
-                                     style="vertical-align:middle;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;">
-                                    <table role="presentation" cellpadding="0" cellspacing="0"
-                                           style="vertical-align:middle;" width="100%" border="0">
-                                        <tbody>
-                                        <tr>
-                                            <td style="word-wrap:break-word;font-size:0px;padding:10px 25px;padding-top:0px;padding-bottom:0px;padding-right:25px;padding-left:25px;"
-                                                align="center">
-                                                <div class=""
-                                                     style="cursor:auto;color:#1689fb;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;text-align:center;">
-                                                    Talents Tube
-                                                    <br>
-                                                    Place Albert Einstein 6 Le Prisme CP60 PIBS 6 CS 72001 - 56038
-                                                    VANNES
-                                                    <br>
-                                                    <a href="mailto=contact@talentstube.com">contact@talentstube.com
-                                                    </a></div>
-                                            </td>
-                                        </tr>
-                                        </tbody>
-                                    </table>
-                                </div>
-                                <!--[if mso | IE]>
-                                </td></tr></table>
-                                <![endif]--></td>
-                        </tr>
-                        </tbody>
-                    </table>
-                </div>
-            </td>
-        </tr>
-        </tbody>
-    </table>
-    <!--[if mso | IE]>
-    </td></tr></table>
-    <![endif]--></div>
-</body>
-</html>
+    <![endif]--></div></body>
+</html>

www/app/Resources/views/email/contact_default_plain.html.twig

@@ -0,0 +1,3 @@
+
+        {{ message }}
+

www/app/Resources/views/email/contact_talent_plain.html.twig

@@ -0,0 +1,3 @@
+{{ user.getCivility()|trans }} {{ user.lastname }} {{ user.firstname }}
+
+        {{ message }}

www/app/Resources/views/form/search_form.html.twig

@@ -0,0 +1,24 @@
+ {{ form_start(searchform,{action: path('ad_search_result'), method:'post'}) }}
+    <div class="row row_search row-noMargin z-depth-5">
+        <div class="col s12 m4 col_keywords">
+            {{ form_row(searchform.job) }}
+            <div class="borderSearch"></div>
+        </div>
+        <div class="col s6 m4 col_contrat">
+            {{ form_row(searchform.contrat) }}
+            <div class="borderSearch"></div>
+        </div>
+        <div class="col s4 m3 col_localisation">
+            {{ form_row(searchform.location_gmap) }}
+            {{ form_row(searchform.location) }}
+            <div class="borderSearch"></div>
+        </div>
+        <div class="col s2 m1 col_submit center-align">
+            <div>
+                <button class="btn-search" type="submit" name="action">
+                    <i class="fa fa-search" aria-hidden="true"></i>
+                </button>
+            </div>
+        </div>
+    </div>
+{{ form_end(searchform) }}

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

@@ -1,32 +1,27 @@
 {% block dropzone %}
-<div class="row">
-    <div class="col s12">
-        <div class="card blue darken-1 video-informations-card">
-            <div id="infosDropzone" class="card-content white-text">
-                <span class="card-title">Informations sur le téléchargement des vidéos</span>
-                <p>
-                    Votre vidéo ne doit pas dépasser les 500Mo.<br />
-                </p>
-                <p>
-                    Les formats de vidéo acceptés sont les suivants : .mp4, .mov, .qt, .mkv, .avi, .m4v, .webm.
-                </p>
-                <p>
-                    <br />
-                    Attention, pendant le chargement de la vidéo merci de ne pas quitter la page ou de fermer votre navigateur.<br />Sinon la progression du téléchargement sera perdu.
-                </p>
-            </div>
-        </div>
-     </div>
-</div>
 <div id="dropzone-row" class="row">
-    <div class="col s6">
-        <form action="UploadImages" class="dropzone" id="my-awesome-dropzone" enctype="multipart/form-data"></form>
-    </div>
-    <div class="col s6">
-        <div id="preview_video">
-        {% if video %}
-            <iframe src="https://player.vimeo.com{{ video.getCdnUrl()|replace({ "videos": "video"}) }}" width="200" height="150" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
-        {% endif %}
+    <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 %}
+                            <iframe src="https://player.vimeo.com{{ video.getCdnUrl()|replace({ "videos": "video"}) }}" width="100%" height="300px" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+                        {% 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>
+                        {% if deleting is defined %}
+                        <a href="javascript:undefined;" class="btn btn-default bnt-round dz-remove" data-dz-remove>Supprimer la vidéo</a>
+                        {% endif %}
+                    </div>
+                </div>
+            </div>
         </div>
     </div>
 </div>

www/app/Resources/views/media/dropzoneHelp.html.twig

@@ -0,0 +1,15 @@
+<div class="row">
+    <div class="col s12">
+        <div class="card blue darken-1 video-informations-card">
+            <div id="infosDropzone" class="card-content white-text">
+                <span class="card-title">Informations sur le téléchargement des vidéos</span>
+                <p>
+                    Votre vidéo ne doit pas dépasser les 500Mo.<br />
+                </p>
+                <p>
+                    Les formats de vidéo acceptés sont les suivants : .mp4, .mov, .qt, .mkv, .avi, .m4v, .webm.
+                </p>
+            </div>
+        </div>
+     </div>
+</div>

www/app/Resources/views/media/dropzoneTemplateSuccess.html.twig

@@ -0,0 +1 @@
+<iframe src="{{ url_iframe }}" width="100%" height="300px" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" data-vimeo-tracked="true" id="vimeo_id_0" data-ready="true"></iframe>

www/app/Resources/views/media/media_list.html.twig

@@ -0,0 +1,195 @@
+{% if is_granted('ROLE_COMPANY') %}
+    {% set extendTemplate='company/base_dashboard_company.html.twig' %}
+{% elseif is_granted('ROLE_TERRITORY') %}
+    {% set extendTemplate='territory/base_dashboard_territory.html.twig' %}
+{% else %}
+    {% set extendTemplate='talent/base_dashboard_talent.html.twig' %}
+{% endif %}
+
+{% extends extendTemplate %}
+
+{% block dashContent %}
+    <div class="row">
+        <div class="col s12">
+            {% if medias|length == 0 and is_granted('ROLE_TALENT') %}
+                <div class="col s12 col-actions center-align">
+                    <br/><br/>
+                    <strong class="color-grey3">Vous ne possédez pas encore de CV vidéo!</strong><br/>
+                    <span class="color-grey2">Cliquez sur le bouton pour ajouter votre première vidéo.</span>
+                    <br/><br/>
+                    <a class="waves-effect waves-light btn btn-default modal-trigger" href="#addVideo">Ajouter une
+                        vidéo</a>
+                </div>
+            {% else %}
+                {% if app.user.company.presentationVideo %}
+                    {% set media = app.user.company.presentationVideo %}
+                {% endif %}
+                <div class="video_premier card z-depth-3">
+                    <div class="card-image">
+                        {% if app.user.company.presentationVideo %}
+                            <div class="embed-responsive embed-responsive-16by9">
+                                <iframe src="https://player.vimeo.com{{ media.getCdnUrl()|replace({ "videos": "video"}) }}"
+                                        width="100%" height="550" frameborder="0" webkitallowfullscreen
+                                        mozallowfullscreen allowfullscreen></iframe>
+                            </div>
+                        {% else %}
+                            <div class="no-presentation-video">
+                                <strong>
+                                    Vous ne disposez pas de vidéo de présentation !
+                                </strong><br/>
+                                Cliquez sur le bouton ci-dessous pour la sélectionner dans votre bibliothèque.
+                            </div>
+                        {% endif %}
+                    </div>
+                    <div class="card-content">
+                        <p>
+                        {% if app.user.getCompany().hasCompanyVideo() != true  and is_granted('ROLE_COMPANY') %}
+                            {% set storePath = path('company_process_cart_video_corporate') %}
+                            {% set message = "Vous ne disposez pas de l'option présentation vidéo pour votre entreprise, il est nécessaire de vous procurer
+                            l'option sur la boutique talents tube.<br /><br /><a class='btn btn-default' href='"~storePath~"'>boutique Talents Tube</a>" %}
+                            {{ message|raw }}
+                        {% else %}
+                            {% if app.user.company.presentationVideo %}
+                                <strong><span data-id="{{ media.id }}"
+                                            class="titleVideo">{{ media.title }}</span></strong>
+                            {% else %}
+                                {% set label_title_video = "" %}
+                                {% if is_granted('ROLE_COMPANY') %}
+                                    {% set label_title_video = "Mon entreprise en vidéo" %}
+                                {% elseif is_granted('ROLE_TALENT') %}
+                                    {% set label_title_video = "Mon CV Générique" %}
+                                {% endif %}
+                                <strong>{{ label_title_video }}</strong>
+                            {% endif %}
+                            <a class="btn btn-cancel-premier red tooltipped btn-round right" href="#!"
+                            data-position="top" data-tooltip="Annuler"><i class="fa fa-ban"
+                                                                            aria-hidden="true"></i></a>
+                            <a class="btn btn-default btn-video-premier right btn-orange">
+                                {% if app.user.company.presentationVideo %}
+                                    Modifier ma vidéo de présentation
+                                {% else %}
+                                    Ajouter une vidéo de présentation
+                                {% endif %}
+                            </a>
+                            <div class="clearfix"></div>
+                        {% endif %}
+                        </p>
+                    </div>
+                </div>
+            {% endif %}
+        </div>
+    </div>
+    <div class="row">
+        {% if medias|length > 0 or is_granted('ROLE_COMPANY') or is_granted('ROLE_TERRITORY')%}
+            <div class="col s12 col-actions">
+                <a class="waves-effect waves-light btn btn-default modal-trigger" href="#addVideo">Ajouter une vidéo</a>
+                <a class="btn btn-delete-video btn-round tooltipped red right" href="#!" data-position="top"
+                   data-tooltip="Supprimer des vidéos"><i class="fa fa-trash" aria-hidden="true"></i></a>
+            </div>
+        {% endif %}
+        {% for media in medias %}
+            {% set classVideo = "" %}
+            {% if app.user.company.presentationVideo %}
+                {% set idPresentationVideo = app.user.company.presentationVideo.id %}
+            {% else %}
+                {% set idPresentationVideo = false %}
+            {% endif %}
+            {% if idPresentationVideo != media.id %}
+                <div class="col s12 m6 l4 col-card">
+                    <div class="card card-video-action z-depth-1">
+                        <div class="card-image">
+                            <div class="embed-responsive embed-responsive-16by9">
+                                <iframe src="https://player.vimeo.com{{ media.getCdnUrl()|replace({ "videos": "video"}) }}"
+                                        width="100%" height="230px" frameborder="0" webkitallowfullscreen
+                                        mozallowfullscreen allowfullscreen></iframe>
+                            </div>
+                            <div class="card-fog choice-fog">
+                                <div class="card-fog-container">
+                                    <a data-id="{{ media.getId() }}"
+                                       class="btn btn-default btn-default-video {{ classVideo }} tooltipped"
+                                       data-position="top"
+                                       data-tooltip="{{ 'global.video.defaultaction.label'|trans }}">
+                                        Choisir cette vidéo
+                                    </a>
+                                </div>
+                            </div>
+                            {% set classFog ="" %}
+                            {% set messageTooltipFog ="" %}
+                            {% if media.getAds().toArray() %}
+                                {% set classFog = "fogLight" %}
+                                {% set messageTooltipFog ="Vidéo associée à une annonce" %}
+                            {% endif %}
+
+                            {% if media.getAnswers().toArray() %}
+                                {% set classFog = "fogLight" %}
+                                {% set messageTooltipFog ="Vidéo associée à une réponse" %}
+                            {% endif %}
+                            <div class="card-fog delete-fog {{ classFog }}">
+                                <div class="card-fog-container">
+                                    {% if media.getAds().toArray() or media.getAnswers().toArray() %}
+                                        <div class="card-fog-message">
+                                            Vous ne pouvez pas supprimer cette vidéo.<br/>
+                                            <i data-position="top" data-tooltip="{{ messageTooltipFog }}"
+                                               class="fa fa-question-circle tooltipped" aria-hidden="true"></i>
+                                        </div>
+                                    {% else %}
+                                        <a class="btn btn-default halfway-fab waves-effect waves-light red delete_unattached_media tooltipped"
+                                           href="{{ path("delete_unattached_media",{"id" : media.getId()}) }}"
+                                           data-position="top" data-tooltip="{{ 'media.delete.video.label'|trans }}">Supprimer</a>
+                                    {% endif %}
+                                </div>
+                            </div>
+                        </div>
+                        <div class="card-content">
+                            <p>
+                                <strong><span data-id="{{ media.id }}" class="titleVideo truncate tooltipped"
+                                              data-position="top"
+                                              data-tooltip="{{ media.title }}">{{ media.title }}</span></strong>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            {% endif %}
+        {% endfor %}
+    </div>
+    {% set video = null %}
+    <div id="addVideo" class="modal modal-fixed-footer">
+        <div class="modal-content">
+            <div class="row">
+                {{ form_start(form, {'attr': { 'id': 'form_media' } }) }}
+                <div class="input-field  col s8">
+                    {{ form_rest(form) }}
+                </div>
+                <div class="col s4 right-align">
+                    <button id="submit" class="btn btn-default disabled" type="submit">Enregistrer</button>
+                    {% set messageTooltiped = "Votre vidéo ne doit pas dépasser les 500Mo.\n
+                    Les formats de vidéo acceptés sont les suivants : .mp4, .mov, .qt, .mkv, .avi, .m4v, .webm." %}
+                    <i class="fa fa-question-circle tooltipped" data-position="top" data-delay="50"
+                       data-tooltip="{{ messageTooltiped }}" aria-hidden="true"></i>
+                </div>
+                {{ form_end(form) }}
+                <div class="col s12">
+                    {% include 'media/dropzone.html.twig' with {'deleting': 'false'} %}
+                </div>
+            </div>
+        </div>
+        <div class="modal-footer">
+            <a href="#!" class="modal-action modal-close  btn btn-default btn-round">Fermer</a>
+        </div>
+    </div>
+{% endblock %}
+{% block javascripts %}
+    {{ parent() }}
+    <script type="text/javascript">
+        var urlDropzone = '{{ path("upload_media_default", {"id": app.user.id }) }}';
+        var urlDelete = '';
+        var idObject = null;
+        var typeObject = null;
+        var videoExist = false;
+        var mediaDefaultUrl = '{{ path("media_default") }}';
+        var idUser = '{{ app.user.id }}';
+        var mediaEditTitleUrl = "{{ path('media_edit_title', {'id': 'id_video'})|escape('js') }}";
+    </script>
+    <script src="{{ asset('/js/mediaListing.js') }}"></script>
+    <script src="{{ asset('/js/dropzone.js') }}"></script>
+{% endblock %}

www/app/Resources/views/page/land_presentation.html.twig

@@ -19,6 +19,13 @@
         </div>
         <div class="row flexcontainer">
 
+             <div class="embed-responsive embed-responsive-16by9">
+                <div class="col s12">
+                    <iframe src="https://player.vimeo.com/video/232618030"
+                            width="100%" height="640" frameborder="0" webkitallowfullscreen mozallowfullscreen
+                            allowfullscreen></iframe>
+                </div>
+            </div>
             <div class="col l12 m12 s12">
                 <div class="inside-m">
                     <p>Le territoire en vidéo montre son activité économique et social. </p>

www/app/Resources/views/page_static/accompagnement_video_company.html.twig

@@ -0,0 +1,190 @@
+{% extends 'base.html.twig' %} {% block content %}
+<div id="page-static" class="contentWrapper">
+    <h1 class="alttitle center-align">Accompagnement à la création vidéo pour les entreprises</h1>
+    <div class="fluid-container bg-dark2">
+        <div class="container">
+            <div class="row first-row">
+                <div class="col s12 m6 video-wrapper">
+                    <div class="video-container">
+                        <img src="/img/img_content/accompagnement_img.png" alt="accompagnement">
+                    </div>
+                </div>
+                <div class="col s12 m6">
+                    <h5 class="m-t-0">La vidéo est un moyen de communication trop souvent délaissé par les entreprises.</h5>
+                    <p>
+                        C'est pourtant un outil extrêmement puissant pour faire passer un message efficacement et rapidement. En effet la vidéo a
+                        le pouvoir de capter l'attention de son audience, ce qui en fait un outil dynamique à très fort impact
+                        sur les personnes ciblées. C'est l'outil d'attractivité qui valorise de façon honnête votre entreprise,
+                        vos produits ou vos services, vos équipes et le dirigeant.
+                    </p>
+                    <p>
+                        Talents Tube vous aide à réaliser vos films pour mettre en avant votre Marque Employeur et vos offres d'emploi. Nous vous
+                        accompagnons pour placer la vidéo au cœur de votre stratégie de communication et pour présenter votre
+                        entreprise sous l'angle souhaité.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="row second-row">
+            <div class="col s6 bg-grey-3">
+                <p>Qu’est ce que la marque employeur ?</p>
+                <a href="/reussir-son-cv-video" class="btn btn-default">En savoir plus</a>
+            </div>
+            <div class="col s6 bg-blue">
+                <p>Découvrez les prestations des experts talents tube</p>
+                <a href="/reussir-son-cv-video" class="btn btn-default white">En savoir plus</a>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="row">
+            <div class="col s12">
+                <h2 class="center-align alttitle">Une équipe de professionnels à votre service</h2>
+                <p class="center-align">Fondée par des professionnels des ressources humaines, des métiers numériques et de la production vidéo,
+                    <br />Talents Tube possède toutes les compétences nécessaires pour vous aider à réussir votre vidéo offre
+                    d'emploi ou marque employeur.
+                    <br /><br /> Concrètement, la création d'une vidéo se déroule en 4 grandes étapes primordiales :</p>
+
+            </div>
+        </div>
+        <div class="row cv-step cv-step-1">
+            <div class="col offset-s7 s5 ">
+                <h3 class="blue-text">Réflexion et préparation</h3>
+                <ul>
+                    <li><strong>1 - </strong>On définit dans un premier temps les besoins de votre entreprise pour bien comprendre
+                        le type de vidéo à réaliser.</li>
+                    <li><strong>2 - </strong>Une fois le projet bien cerné par notre équipe, une réflexion sur la vidéo à réaliser
+                        est entamée. On ouvre alors aussi les portes de l'innovation.</li>
+                    <li><strong>3 - </strong>Un scénario vous est proposé. Ce script structure principalement le contenu, les
+                        plans de votre vidéo.</li>
+                </ul>
+            </div>
+        </div>
+        <div class="row cv-step cv-step-2">
+            <div class="col s5 right-align">
+                <h3 class="blue-text">Le média training</h3>
+                Parler face à une caméra peut être déstabilisant pour certaines personnes. Talents Tube vous prépare afin de vous mettre
+                à l'aise devant la caméra. Vous gagnez en confiance en vous et en vidéo, cela se remarque.
+            </div>
+        </div>
+        <div class="row cv-step cv-step-3">
+            <div class="col offset-s7 s5">
+                <h3 class="blue-text">La réalisation vidéo</h3>
+                La réalisation d'une vidéo nécessite du matériel, des connaissances techniques et un lieu adapté au tournage. C'est un métier
+                qui implique une réflexion sur le scénario, la mise en scène, les plans de prise dans l'optique de faire
+                passer le message de la meilleure des façons.
+            </div>
+        </div>
+        <div class="row cv-step cv-step-4">
+            <div class="col s5 right-align">
+                <h3 class="blue-text">La post-production</h3>
+                Le montage vidéo demande des connaissances techniques. La maîtrise de logiciels professionnels est indispensable. C'est une
+                opération essentielle pour donner à la vidéo toute sa puissance communicante. Nous intégrons des animations
+                et des musiques de fond pour donner une nature exceptionnelle.
+            </div>
+        </div>
+    </div>
+    <div class="fluid-container bg-dark2 button-plus">
+        <div class="container">
+            <div class="row">
+                <div class="col s10 offset-s1 center-align p-b-30">
+                    <h3 class="center-align">Faites décoller l'attractivité de votre entreprise grâce à la vidéo !</h3>
+                    <p>
+                        Une fois votre vidéo tournée, vous pouvez la partagez où vous le voulez. Mettez la en avant sur votre site ou votre blog
+                        d'entreprise. Il peut aussi être très intéressant de la partager sur les réseaux sociaux comme LinkedIn
+                        ou Twitter. La vidéo va aider votre entreprise à se forger une grande notoriété et une solide crédibilité.
+                        Ne passez pas à côté de cette opportunité !
+                    </p>
+                    <p>
+                        Si vous souhaitez en savoir plus sur notre offre de conseils pour la création de votre vidéo d'entreprise contactez-nous
+                        dès aujourd’hui !
+                    </p>
+                    <br /><br />
+                    <a class="btn btn-default" title="contactez nous" href="https://blog.talentstube.com/contact.html">Contactez nous dès aujourd’hui !</a>
+                    <br />
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="fluid-container">
+        <div class="container">
+            <div class="row" id="tarifs">
+                <div class="col s12 center-align">
+                    <h3 class="blue-text">Nos Tarifs</h3>
+                </div>
+                <div class="col s6 m6 l3 col-tarif">
+                    <div class="card-title"><h4>Offre d’emploi</h4></div>
+                    <div class="price blue-text">590 € HT (1 mois offert)</div>
+                    <div class="center-align">
+                        <a href="https://www.talentstube.com/entreprise/me/espace-oe/annonce" class="btn btn-default">Créer votre annonce</a>
+                    </div>
+                    <div class="divider"></div>
+                    <p>Créez <strong>votre espace</strong> et déposez <strong>votre offre d’emploi en vidéo</strong> sur la plateforme.</p>
+                    <div class="divider"></div>
+                    <p>Talents Tube se charge de la <strong>diffusion</strong> sur la plateforme et les réseaux sociaux.</p>
+                    <div class="divider"></div>
+                    <ul>
+                        <li class="collection-item"><strong>Recevez les candidatures</strong> des talents et des <strong>propositions de CV vidéo</strong>.</li>
+                        <li class="collection-item"> Multipliez les chances de trouver le talents grâce à notre <strong>algorithme de mots clés</strong>.</li>
+                        <li class="collection-item">Bénéficiez du <strong>stockage des vidéos</strong></li>
+                        <li class="collection-item">Répondez aux candidats</li>
+                        <li class="collection-item">Profitez de notre <strong>outil de prise de notes</strong></li>
+                    </ul>
+                    <div class="divider"></div>
+                    <p><strong>Suivez en direct</strong> le nombre de visites et de candidatures à votre o re.</p>
+                    <div class="divider"></div>
+                    <p>Bénéficiez d’un <strong>accompagnement Talents Tube pendant 1 mois</strong>.</p>
+                </div>
+                <div class="col s6 m6 l3 col-tarif">
+                    <div class="card-title"><h4>Durée de visibilité</h4></div>
+                    <div class="price blue-text">100€ HT/mois supplémentaire</div>
+                    <div class="center-align">
+                        <a href="https://www.talentstube.com/entreprise/me/espace-oe/annonce" class="btn btn-default">Choisir une durée de visibilité</a>
+                    </div>
+                    <div class="divider"></div>
+                    <p>Ajustez la <strong>visibilité de votre offre d’emploi</strong> en fonction de vos besoins.</p>
+                    <div class="divider"></div>
+                </div>
+                <div class="col s6 m6 l3 col-tarif">
+                    <div class="card-title"><h4>Mini-site Marque Employeur</h4></div>
+                    <div class="price blue-text">2000 € HT/an</div>
+                    <div class="center-align">
+                        <a href="https://www.talentstube.com/entreprise/me/videotheque" class="btn btn-default">Créer votre Mini-Site</a>
+                    </div>
+                    <div class="divider"></div>
+                    <p><strong>Développez votre marque employeur</strong> via un <strong>mini-site dédié</strong>, crée pour vous par Talents Tube.</p>
+                    <div class="divider"></div>
+                    <p><strong>Ajoutez vos offres d’emploi directement sur votre espace</strong> (moyennant l’achat d’une o re d’emploi).</p>
+                    <div class="divider"></div>
+                    <p><strong>Suivez en direct</strong> le nombre de visites de votre mini-site et améliorez la mesure de la visibilité de votre marque employeur.</p>
+                    <div class="divider"></div>
+                    <p><strong>Talents Tube publie votre vidéo</strong> marque employeur sur les <strong>réseaux sociaux</strong>.</p>
+                    <div class="divider"></div>
+                    <p>Bénéficiez d’un <strong>accompagnement Talents Tube pendant 1 an.</strong></p>
+                </div>
+                 <div class="col s6 m6 l3 col-tarif">
+                    <div class="card-title"><h4>Réalisation vidéo</h4></div>
+                    <div class="price blue-text">Sur devis</div>
+                    <div class="center-align">
+                        <a href="https://blog.talentstube.com/contact.html" class="btn btn-default">Demander un devis</a>
+                    </div>
+                    <div class="divider"></div>
+                    <p>Nos équipes vous aident à <strong>écrire le scénario RH et/ou Marque Employeur</strong>.</p>
+                    <div class="divider"></div>
+                    <p>Notre coach vous prépare ainsi que vos équipes à la <strong>prise de parole face à la caméra</strong>.</p>
+                    <div class="divider"></div>
+                    <p><strong>Notre équipe réalise la vidéo</strong> au sein de votre entreprise, de son environnement et/ou dans nos studios. Possibilité de créer un motion design.</p>
+                    <div class="divider"></div>
+                    <p>Nos spécialistes conçoivent votre vidéo avec des logiciels performants <strong>(Montage/habillage graphique et sonore)</strong>.</p>
+                    <div class="divider"></div>
+                    <p><strong>Recevez le montage de votre vidéo</strong> au format HD en di érents formats.</p>
+                    <div class="divider"></div>
+                    <p><strong>Bénéficiez de conseils/ajustements</strong> avant la validation définitive de votre vidéo.</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}

www/app/Resources/views/page_static/accompagnement_video_talent.html.twig

@@ -0,0 +1,100 @@
+{% extends 'base.html.twig' %} {% block content %}
+<div id="page-static" class="contentWrapper">
+    <h1 class="alttitle center-align">Accompagnement la création d'un CV vidéo professionnel</h1>
+    <div class="fluid-container bg-dark2">
+        <div class="container">
+            <div class="row center-align m-b-0">
+                <div class="col s12">
+                    <h2>Une équipe de professionnels à votre service</h2>
+                    <div style="padding:0 60px 60px 60px;">
+                        <span>
+                                <p>
+                                Fondée par des professionnels des ressources humaines, des métiers numériques et de la production vidéo, Talents Tube possède toutes les compétences nécessaires pour vous aider à réussir votre CV vidéo et augmenter vos chances d'être recruté.
+                                </p>
+                            </span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="row second-row">
+            <div class="col s6 bg-grey-3">
+                <p>Quelques conseils pour une vidéo réussie :</p>
+                <a href="/reussir-son-cv-video" class="btn btn-default">En savoir plus</a>
+            </div>
+            <div class="col s6 bg-blue">
+                <p>Pourquoi faire un CV Video ?</p>
+                <a href="/cv-video" class="btn btn-default white">En savoir plus</a>
+            </div>
+        </div>
+    </div>
+
+    <div class="container">
+        <div class="row">
+            <div class="col s12 m-t-20 m-b-20">
+                <h2 class="center-align alttitle">Votre CV vidéo professionnel en 4 étapes !</h2>
+            </div>
+        </div>
+        <div class="row cv-step cv-step-1">
+            <div class="col offset-s1 s4 right-align">
+                <h4 class="blue-text">L’écriture du scénario</h4>
+                <ul>
+                    Lors de l'écriture du pitch on définit et structure ce vous aller dire dans votre CV vidéo. <strong>Votre expérience, vos compétences, vos ambitions,</strong>                    sont des critères à étudier pour définir un scénario de CV vidéo personnalisé.
+                </ul>
+            </div>
+        </div>
+        <div class="row cv-step cv-step-2">
+            <div class="col offset-s7 s5">
+                <h4 class="blue-text">Le média training</h4>
+                Parler face à une caméra peut déstabiliser certains candidats. <strong>Talents Tube vous prépare afin de vous mettre à l'aise devant la caméra.</strong>                Vous gagnez en confiance en vous et en vidéo comme lors d'un entretien classique, cela se voit.
+            </div>
+        </div>
+        <div class="row cv-step cv-step-3">
+            <div class="col s5 right-align">
+                <h4 class="blue-text">La réalisation vidéo</h4>
+                <p>La réalisation d'une vidéo nécessite du matériel, des connaissances techniques et un lieu adapté au tournage.
+                    C'est un métier qui implique une réflexion sur le <strong>scénario,</strong> la <strong>mise en scène</strong>,
+                    les <strong>plans de prise</strong> dans l'optique de faire passer le message de la meilleure des façons.</p>
+                <p>A moins d'être un professionnel de la vidéo, le candidat lambda réuni rarement toutes les conditions citées
+                    pour produire un CV vidéo de qualité professionnelle.</p>
+            </div>
+        </div>
+        <div class="row cv-step cv-step-4">
+            <div class="col col offset-s7 s5">
+                <h4 class="blue-text">Le montage vidéo</h4>
+                Une fois encore la connaissance et la maîtrise de logiciels de montage vidéo est indispensable. C'est une opération essentielle
+                pour donner à la vidéo toute sa puissance communicante.
+            </div>
+        </div>
+        <div class="row">
+            <div class="col s12 m-b-20">
+                <h2 class="center-align alttitle">Quelle formule de CV Vidéo choisir ?</h2>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col s4 offset-s1 center-align">
+                <h4>CV Vidéo en Individuel</h4>
+                <img src="/img/img_content/dynamique.svg" alt="Talent dynamique">
+                <p>Vous êtes un <strong>particulier qui souhaite un CV Vidéo</strong> de qualité professionnel pour répondre
+                    à une o re d’emploi. Talents Tube vous aide à valoriser votre profil grâce à la vidéo.</p>
+            </div>
+            <div class="col s4 offset-s2 center-align">
+                <h4>CV Vidéo en groupe</h4>
+                <img src="/img/img_content/groupe_talents.svg" alt="Talent groupe">
+                <p>Si vous êtes <strong>une école, une entreprise, un organisme d'accompagnement vers l'emploi</strong>ou
+                    <strong>un cabinet de recrutement</strong>, nous pouvons vous aider à mettre en valeur les qualités
+                    de vos talents grâce au CV vidéo !</p>
+            </div>
+            <div class="col offset-s2 s8 center-align m-b-30 m-t-30">
+                Si vous souhaitez en savoir plus sur notre o re de conseils pour la création de votre CV vidéo contactez-nous dès aujourd’hui
+                !
+            </div>
+            <div class="col s12 center-align m-t-50 m-b-50">
+                <a class="btn btn-default" title="contactez nous" href="https://blog.talentstube.com/contact.html">Demander un devis</a>
+                <br />
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}

www/app/Resources/views/page_static/accompagnement_video_territoire.html.twig

@@ -0,0 +1,126 @@
+{% extends 'base.html.twig' %} {% block content %}
+<div id="page-static" class="contentWrapper">
+    <h1 class="alttitle center-align">Accompagnement à la création vidéo pour les territoires</h1>
+    <div class="fluid-container bg-dark2">
+        <div class="container">
+            <div class="row first-row">
+                <div class="col s12 m6 video-wrapper">
+                    <div class="video-container">
+                        <img src="/img/img_content/accompagnement_img.png" alt="accompagnement">
+                    </div>
+                </div>
+                <div class="col s12 m6">
+                    <h5 class="m-t-0">Développez l'attractivité de votre territoire grâce à la vidéo</h5>
+                    <p>
+                        La vidéo est le meilleur média pour la promotion d’une région, d'un territoire, d’une ville. Elle permet de présenter le lieu sous di érents angles et de manière vivante. La vidéo territoire peut aussi mettre en scène des personnages, permettant au spectateur de se projeter dans le lieu.
+                        Présentez votre territoire en vidéo pour montrer ses acteurs et son dynamisme économique.
+                    </p>
+                    <p>
+                        <strong>Valorisez l’activité économique et sociale Donnez une image dynamique du territoire Montrez votre projet de développement durable</strong>
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="row">
+            <div class="col s12">
+                <h2 class="center-align alttitle">Une équipe de professionnels à votre service</h2>
+                <p class="center-align">Talents Tube a été créée par des professionnels des ressources humaines, des métiers numériques et de la réalisation vidéo. Nous possédons l’ensemble des compétences pour vous aider à mettre en place une politique de marque territoires.
+                    <br /><br /> La réalisation d'une <span class="blue-text">vidéo territoire</span> se déroule en 4 étapes :</p>
+
+            </div>
+        </div>
+        <div class="row cv-step cv-step-1">
+            <div class="col offset-s7 s5 ">
+                <h3 class="blue-text">Élaboration d’un scénario</h3>
+                <p>
+                Dans un premier temps nous étudions vos besoins et votre problématique.
+                Après avoir bien cerné la problématique, nous écrivons un scénario textuel racontant le déroulement du film et précisant les plans de tournage.
+                </p>
+            </div>
+        </div>
+        <div class="row cv-step cv-step-2">
+            <div class="col s5 right-align">
+                <h3 class="blue-text">Le média training</h3>
+                <p>
+                Improvisez-vous acteur le temps d'une journée pour la promotion de votre territoire. Talents Tube vous apprend les techniques pour vous sentir à l'aise et gagner en confiance face à la caméra.</p>
+            </div>
+        </div>
+        <div class="row cv-step cv-step-3">
+            <div class="col offset-s7 s5">
+                <h3 class="blue-text">La réalisation vidéo</h3>
+                <p>
+                Après réflexion sur la mise en scène, le réalisateur passe à l'action. Chaque scène est filmée selon un plan de prise défini à l'avance. Chaque séquence tournée est une brique pour le montage vidéo à venir.</p>
+            </div>
+        </div>
+        <div class="row cv-step cv-step-4 m-b-100">
+            <div class="col s5 right-align">
+                <h3 class="blue-text">La post-production</h3>
+                <p>
+                C'est la dernière étape importante de la création vidéo. Les scènes filmées précédemment sont assemblées dans un ordre très précis, selon le rythme que l'on souhaite donner au film. Des animations, des sons ou de la musique peuvent aussi être intégrés à la vidéo pour lui donner une nature exceptionnelle.</p>
+            </div>
+        </div>
+    </div>
+    <div class="fluid-container">
+        <div class="container">
+            <div class="row" id="tarifs">
+                <div class="col s12 center-align">
+                    <h3 class="blue-text">Tarifs de diffusion pour une année sur Talents Tube</h3>
+                </div>
+                <div class="col s6 m6 l3 col-tarif">
+                    <div class="card-title"><h4>Communauté<br />de commune</h4></div>
+                    <div class="price blue-text">2500 € HT (208€ HT/mois)</div>
+                </div>
+                <div class="col s6 m6 l3 col-tarif">
+                    <div class="card-title"><h4>Communauté<br />d’agglomération</h4></div>
+                    <div class="price blue-text">4000 € HT (333€ HT/mois)</div>
+                </div>
+                <div class="col s6 m6 l3 col-tarif">
+                    <div class="card-title"><h4>Métropole</h4></div>
+                    <div class="price blue-text">6000 € HT (500€ HT/mois)</div>
+                </div>
+                 <div class="col s6 m6 l3 col-tarif">
+                    <div class="card-title"><h4>Région</h4></div>
+                    <div class="price blue-text">10000 € HT (833€ HT/mois)</div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col s12 center-align">
+                    <div class="divider"></div>
+                        <div class="p-t-50 p-b-50">
+                        <p><strong>Diffusez votre vidéo territoire sur Talents Tube (durée 1 an)</strong></p>
+                        </div>
+                    <div class="divider"></div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col s12 center-align">
+                    <p><strong>Rendez votre territoire attractif et permettez aux entreprises d’économisez 10% sur le tarif d’un mini-site Marque Employeur grâce à votre souscription</strong><br />
+    (offre valable pendant 1 an)</p>
+                </div>
+            </div>
+            <div class="row center-align m-t-100">
+                <p>
+                <a href="https://blog.talentstube.com/contact.html" class="btn btn-default">Nous contacter</a>
+                </p>
+            </div>
+        </div>
+    </div>
+    <div class="fluid-container">
+        <div class="container">
+            <div class="row">
+                <div class="col s12 center-align">
+                    <h3 class="blue-text">Vous souhaitez une prestation vidéo ?</h3>
+                    <p>Notre équipe de professionnels vous aide à montrer tous les atouts de votre territoire au travers d’une vidéo de qualité !</p>
+                </div>
+            </div>
+            <div class="row center-align m-t-50">
+                <p>
+                <a href="https://blog.talentstube.com/contact.html" class="btn btn-default white">Demander un devis</a>
+                </p>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}

www/app/Resources/views/page_static/cvvideo.html.twig

@@ -0,0 +1,129 @@
+{% extends 'base.html.twig' %} {% block content %}
+<div id="page-static" class="contentWrapper">
+    <h1 class="alttitle center-align">Le CV vidéo</h1>
+    <div class="fluid-container bg-dark2">
+        <div class="container">
+            <div class="row first-row">
+                <div class="col s6 video-wrapper">
+                    <div class="video-container">
+                        <iframe src="https://player.vimeo.com/video/215657518" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+                    </div>
+                </div>
+                <div class="col s6">
+                    <p>
+                        Le CV vidéo offre aux talents une excellente opportunité d’exposer aux recruteurs leurs parcours. Le principe est simple :
+                        présenter rapidement et en images vos expériences, vos qualifications, votre motivation et votre
+                        personnalité. C’est un moyen original et dynamique de se démarquer des autres candidats et d’augmenter
+                        vos chances d’être recruté !
+                    </p>
+                    <p>
+                        Devenez acteur de vos talents
+                    </p>
+                    <p>
+                        Le CV vidéo montre votre personnalité, vos qualifications et vos envies professionnelles.<br />
+                        <span><strong>Prenez la parole !</strong></span><br />
+                        <span><strong>Soyez vous-même !</strong></span><br />
+                        <span><strong>Distinguez-vous des autres candidats !</strong></span>
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="row second-row">
+            <div class="col s6 bg-grey-3">
+                <p>Quelques conseils pour une vidéo réussie</p>
+                <a href="/reussir-son-cv-video" class="btn btn-default">En savoir plus</a>
+            </div>
+            <div class="col s6 bg-blue">
+                <p>Découvrez les prestatations des experts talents tube</p>
+                <a href="/reussir-son-cv-video" class="btn btn-default white">En savoir plus</a>
+            </div>
+        </div>
+    </div>
+    <div class="fluid-container bg-white">
+        <div class="container">
+            <div class="row center-align ">
+                <h2 class="blue-text">Pourquoi faire son CV vidéo ?</h2>
+                <div class="col s4">
+                    <h4>Original</h4>
+                    <img src="/img/img_content/dynamique.svg" alt="original" />
+                    <p>
+                        Avec le CV vidéo vous vous distinguez des autres candidats en montrant votre motivation et votre imagination. Il peut faire
+                        la di érence sur des postes où le relationnel, la confiance en soi et la créativité sont un plus.
+                    </p>
+                </div>
+                <div class="col s4">
+                    <h4>Humain</h4>
+                    <img src="/img/img_content/honnete.svg" alt="honnete" />
+                    <p>
+                        Le CV vidéo propose une approche plus humaine du recrutement. Il montre ce qui ne se voit pas sur un CV papier. Le recruteur
+                        peut déjà cerner votre personnalité et votre projet professionnel en quelques instants.
+                    </p>
+                </div>
+                <div class="col s4">
+                    <h4>Révélateur de talent</h4>
+                    <img src="/img/img_content/revelateur.svg" alt="revelateur" />
+                    <p>
+                        Mettez en avant vos motivations et les compétences que vous pouvez apporter à l’employeur. Vous parlez une langue étrangère
+                        ? Une démonstration s’impose !
+                    </p>
+                </div>
+            </div>
+            <div class="row center-align m-t-50 m-b-50">
+                <p>
+                    <a href="/reussir-son-cv-video" class="btn btn-default">Comment faire mon CV vidéo</a>
+                </p>
+            </div>
+        </div>
+    </div>
+    <div class="fluid-container bg-dark2 button-plus">
+        <div class="container">
+            <div class="row center-align fourth-row">
+                <div class="col offset-s1 s10">
+                    <h2 class="white-text">Retour d’expérience sur le CV vidéo avec Hélène</h2>
+                    <div class="video-container">
+                        <iframe src="https://player.vimeo.com/video/215638896" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+                    </div>
+                    <br /><br />
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="row center-align fourth-row">
+            <div class="col offset-s1 s10">
+                <h3 class="alttitle">Rejoignez la communauté de Talentstubers dès maintenant !</h3>
+                <p>
+                    <h4 class="color-grey2">Pour devenir Talentstuber et augmenter vos chances d’être recruter c’est très simple :</h4>
+                    <br />
+                </p>
+            </div>
+            <div class="col s4">
+                <img src="/img/img_content/step-color/Step_1.svg" alt="step 1" />
+                <p>
+                    <strong><a href="/login" class="black-text" title="Créez votre compte et connectez-vous">
+                        Créez votre compte et connectez-vous
+                    </a></strong>sur votre espace personnel
+                </p>
+            </div>
+            <div class="col s4">
+                <img src="/img/img_content/step-color/Step_2.svg" alt="step 2" />
+                <p>Réalisez votre CV vidéo simplement avec notre <strong>module réponse-caméra</strong>.</p>
+                <p>Retrouvez tous <strong><a class="black-text" title="accompagnement vidéo" href="/accompagnement-talent">nos conseils pour créer votre CV vidéo</a></strong>.</p>
+            </div>
+            <div class="col s4">
+                <img src="/img/img_content/step-color/Step_3.svg" alt="Step 3" />
+                <p>
+                    Postulez à des <strong><a class="black-text" title="offres emploi" href="/annonce/recherche/">offres d’emploi en vidéo</a></strong>                    ou envoyez des <strong>candidatures spontanées</strong> aux entreprises.
+                </p>
+            </div>
+        </div>
+        <div class="row center-align">
+            <p>
+                <a href="/register" class="btn btn-default m-t-50 m-b-50">Créer mon compte</a>
+            </p>
+        </div>
+    </div>
+</div>
+{% endblock %}

www/app/Resources/views/page_static/marque_employeur.html.twig

@@ -0,0 +1,142 @@
+{% extends 'base.html.twig' %} {% block content %}
+<div id="page-static" class="contentWrapper">
+    <h1 class="alttitle center-align">La vidéo marque employeur</h1>
+    <div class="fluid-container bg-dark2">
+        <div class="container">
+            <div class="row first-row">
+                <div class="col s6 video-wrapper">
+                    <div class="video-container">
+                        <iframe src="https://player.vimeo.com/video/227048848" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+                    </div>
+                </div>
+                <div class="col s6">
+                    <h5>Qu’est-ce que la marque employeur ?</h5>
+                    <p>
+                        La marque employeur a pour objectif de donner une identité à votre entreprise. C’est l’image de marque que renvoie votre
+                        entreprise auprès de vos candidats, salariés, anciens collaborateurs et intéresse particulièrement
+                        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 établissent votre marque employeur.
+                    </p>
+                    <p>
+                        <strong>
+                            Donnez vie à votre marque employeur grâce à la vidéo.<br />
+                            Placez la vidéo au cœur de votre stratégie de communication et de votre gestion des ressources humaines
+                        </strong>
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="row second-row">
+            <div class="col s6 bg-grey-3">
+                <p>Pourquoi faire une vidéo d’offre d’emploi ?</p>
+                <a href="/reussir-son-offre-video" class="btn btn-default">En savoir plus</a>
+            </div>
+            <div class="col s6 bg-blue">
+                <p>Découvrez les prestations des experts talents tube</p>
+                <a href="/reussir-son-offre-video" class="btn btn-default white">En savoir plus</a>
+            </div>
+        </div>
+    </div>
+    <div class="fluid-container bg-white">
+        <div class="container">
+            <div class="row center-align ">
+                <h2 class="blue-text">Quels sont les avantages d’une vidéo marque employeur<br /> chez Talents Tube ?</h2>
+                <p>
+                    Vous disposez ainsi d’un levier concret et efficace pour parfaire votre réputation au niveau interne (
+                    <stong>véritable outil de management interne</stong>)<br /> et en externe <strong>(Attractivité des talents mais aussi de vos parties prenantes).</strong><br
+                    /> Par la « vidéo marque employeur », votre entreprise replace l’humain au cœur du recrutement. Vous
+                    montrez ainsi la dimension humaine de votre entreprise. Talents Tube vous offre une visibilité essentielle
+                    à votre marque employeur via un mini-site.
+                </p>
+            </div>
+            <div class="row center-align">
+                <div class="col s4">
+                    <h4>Ecriture scénario</h4>
+                    <img src="/img/img_content/ecriture-scenario.png" alt="step 1" />
+                    <p>
+                        Bénéficiez de notre regards externe et notre passion de l’entreprise pour écrire avec vous le scénario
+                    </p>
+                </div>
+                <div class="col s4">
+                    <h4>Diffusion</h4>
+                    <img src="/img/img_content/diffusion.png" alt="step 1" />
+                    <p>
+                        La vidéo marque employeur sera visible dans un espace dédié sur notre plateforme pendant au moins 1 an.
+                    </p>
+                </div>
+                <div class="col s4">
+                    <h4>Réseaux sociaux</h4>
+                    <img src="/img/img_content/reseaux_sociaux.png" alt="step 1" />
+                    <p>
+                        Suivez l’évolution de votre profil entreprise grâce à nos statistiques de visites
+                    </p>
+                </div>
+            </div>
+            <div class="row center-align">
+                <div class="col s4">
+                    <h4>Statistiques</h4>
+                    <img src="/img/img_content/statistiques.png" alt="step 1" />
+                    <p>
+                        Bénéficiez d’un outil simple d’<strong>enregistrement vidéo sur notre plateforme</strong> pour
+                        dialoguer en <strong>message interposé</strong> avec les entreprises en recherche de talents.
+                    </p>
+                </div>
+                <div class="col s4">
+                    <h4>Candidature spontanée</h4>
+                    <img src="/img/img_content/candidatures.png" alt="step 1" />
+                    <p>
+                        Recevez les CV vidéo des candidats convaincus par votre marque employeur.
+                    </p>
+                </div>
+                <div class="col s4">
+                    <h4>Vivre et travailler</h4>
+                    <img src="/img/img_content/vivre-et-travailler.png" alt="step 1" />
+                    <p>
+                        Un mini-site est constitué de votre vidéo marque employeur, de vos offres d’emploi et d’une vidéo de votre territoire<sup>*</sup>
+                        <br/>
+                        <span class="blue-text">(*Bénéficiez de 10% de réduction)</span>
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="fluid-container bg-dark2 button-plus">
+        <div class="container">
+            <div class="row center-align fourth-row">
+                <div class="col offset-s1 s10 m-t-30 m-p-30">
+                    <h2>Exemple de vidéo marque employeur</h2>
+                    <div class="video-container m-b-50">
+                        <iframe src="https://player.vimeo.com/video/220793459" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+                    </div>
+                    <p>
+                        « J'ai vraiment apprécié votre vidéo de présentation sur TalentsTube. On y voit une équipe jeune, engagée, passionnée d'océan
+                        et de technologie, qui aime se surpasser pour résoudre les challenges qui lui sont confiés. Cela
+                        m'a donné envie de rejoindre Coriolis et d'y contribuer. J'ai eu le sentiment de m'y retrouver dans
+                        ce que je cherche comme environnement. »
+                    </p>
+                    <br /><br />
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="row center-align fourth-row">
+            <div class="col s12">
+                <p>
+                    Faites place à l’innovation pour attirer les talents vers votre entreprise !<br /> Donnez une image dynamique
+                    et moderne à votre entreprise<br /> Montrez vos savoir-faire !<br /> Valorisez vos produits et services !<br
+                    /> Mettez en valeur vos collaborateurs, vos valeurs, votre organisation, votre territoire !<br /> Montrez-vous
+                    totalement RSE ! <br />
+                </p>
+            </div>
+        </div>
+        <div class="row center-align m-t-50 m-b-50">
+            <p>
+                <a class="btn btn-default" title="contactez nous" href="https://blog.talentstube.com/contact.html">Demander votre vidéo marque employeur</a>
+            </p>
+        </div>
+    </div>
+</div>
+{% endblock %}

www/app/Resources/views/page_static/offre_emploi.html.twig

@@ -0,0 +1,129 @@
+{% extends 'base.html.twig' %} {% block content %}
+<div id="page-static" class="contentWrapper">
+    <h1 class="alttitle center-align">L’offre d’emploi en vidéo</h1>
+    <div class="fluid-container bg-dark2">
+        <div class="container">
+            <div class="row first-row">
+                <div class="col s6 video-wrapper">
+                    <div class="video-container">
+                        <iframe src="https://player.vimeo.com/video/215657499" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+                    </div>
+                </div>
+                <div class="col s6">
+                    <h5>Attirez les meilleurs talents grâce à l’offre d’emploi en vidéo !</h5>
+                    <p>
+                        Talents Tube o re aux entreprises la chance de créer des vidéos d’offres d’emploi à leur image. Le principe est de présenter
+                        votre entreprise, votre équipe, son environnement de travail, le poste à pourvoir en quelques minutes.
+                        Faites place à l’innovation pour impressionner les candidats et recruter le talent qu’il vous faut
+                        !
+                    </p>
+                    <p>
+                        <strong>
+                            Montrez votre ambiance de travail<br />
+                            Donnez un aperçu de votre culture d’entreprise<br />
+                            Soyez plus précis dans vos o res d’emploi
+                        </strong>
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="row second-row">
+            <div class="col s6 bg-grey-3">
+                <p>Quelques conseils pour une vidéo réussie</p>
+                <a href="/reussir-son-offre-video" class="btn btn-default">En savoir plus</a>
+            </div>
+            <div class="col s6 bg-blue">
+                <p>Découvrez les prestatations des experts talents tube</p>
+                <a href="/reussir-son-offre-video" class="btn btn-default white">En savoir plus</a>
+            </div>
+        </div>
+    </div>
+    <div class="fluid-container bg-white">
+        <div class="container">
+            <div class="row center-align ">
+                <h2 class="blue-text">Pourquoi faire une vidéo offre d’emploi / marque employeur</h2>
+                <div class="col s4">
+                    <h4>Humain & honnête</h4>
+                    <img src="/img/img_content/honnete.svg" alt="original" />
+                    <p>
+                        L'offre d'emploi en vidéo vous donne la chance de replacer l'humain au cœur du recrutement. La vidéo est un excellent moyen
+                        pour communiquer sur <strong>les valeurs de l'entreprise, ses défis et ses atouts, de manière transparente.</strong>
+                    </p>
+                    </p>
+                </div>
+                <div class="col s4">
+                    <h4>Dynamique & moderne</h4>
+                    <img src="/img/img_content/revelateur.svg" alt="honnete" />
+                    <p>
+                        À travers une présentation moderne, ambitieuse et originale de votre organisation, de votre équipe et du poste vous vous
+                        distinguez des autres recruteurs. <strong>La vidéo est la meilleure façon de présenter votre marque employeur
+                        et vos offres d’emploi</strong> pour séduire les meilleurs talents !
+                    </p>
+                </div>
+                <div class="col s4">
+                    <h4>Recrutement facilité</h4>
+                    <img src="/img/img_content/sablier.svg" alt="revelateur" />
+                    <p>
+                        <strong>Gagnez du temps</strong> pour la présélection des candidats et évitez ainsi les erreurs
+                        de recrutement. En étant plus précis dans votre offre, <strong>seuls les candidats réellement intéressés
+                        vont postuler</strong>, en envoyant leur CV vidéo. L'annonce d’emploi vidéo <strong>optimise le processus de recrutement.</strong>
+                    </p>
+                </div>
+            </div>
+        </div>
+        <div class="row center-align ">
+            <div class="col s12">
+                <a href="/reussir-son-offre-video" class="btn btn-default">Comment faire une offre d'emploi</a>
+            </div>
+        </div>
+    </div>
+    <div class="fluid-container bg-dark2 button-plus">
+        <div class="container">
+            <div class="row center-align fourth-row">
+                <div class="col offset-s1 s10">
+                    <h2 class="white-text">Exemple d’offre d’emploi en vidéo</h2>
+                    <div class="video-container">
+                        <iframe src="https://player.vimeo.com/video/215638896" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+                    </div>
+                    <br /><br />
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="row center-align fourth-row">
+            <div class="col offset-s1 s10">
+                <h3 class="alttitle">Rejoignez la communauté dès maintenant !</h3>
+            </div>
+            <div class="col s4">
+                <img src="/img/img_content/step-color/Step_1.svg" alt="step 1" />
+                <p>
+                    <strong><a href="/login" class="black-text" title="Créez votre compte et connectez-vous">
+                        Créez votre compte et connectez-vous
+                    </a></strong>sur votre espace personnel
+                </p>
+            </div>
+            <div class="col s4">
+                <img src="/img/img_content/step-color/Step_2.svg" alt="step 2" />
+                <p>
+                    Recevez des <strong>candidatures vidéo</strong> et/ou accéder à la <strong>CV vidéothèque</strong>                    pour sélectionner les CV vidéo qui vous intéressent.
+                </p>
+            </div>
+            <div class="col s4">
+                <img src="/img/img_content/step-color/Step_3.svg" alt="Step 3" />
+                <p>
+                    <strong>Contactez les candidats</strong> via l’outil de <strong>réponse-caméra</strong> fourni par
+                    Talents Tube.
+                </p>
+            </div>
+        </div>
+        <div class="row center-align">
+            <p>
+                <a class="btn btn-default" title="contactez nous" href="https://blog.talentstube.com/contact.html">Contactez nous dès aujourd’hui !</a>
+            </p>
+        </div>
+    </div>
+</div>
+{% endblock %}

www/app/Resources/views/page_static/reussir_video_company.html.twig

@@ -0,0 +1,200 @@
+{% extends 'base.html.twig' %} {% block content %}
+<div id="page-static" class="contentWrapper">
+    <h1 class="alttitle center-align">Comment faire une offre d'emploi en vidéo ?</h1>
+    <div class="fluid-container bg-dark2">
+        <div class="container">
+            <div class="row first-row">
+                <div class="col s6 video-wrapper">
+                    <div class="video-container">
+                        <iframe src="https://player.vimeo.com/video/215657499?title=0&byline=0&portrait=0" frameborder="0" webkitallowfullscreen
+                            mozallowfullscreen allowfullscreen></iframe>
+                    </div>
+                </div>
+                <div class="col s6">
+                    <h4>L'offre d'emploi en vidéo vous donne l'opportunité de recruter les meilleurs talents.</h4>
+                    <p>
+                        Bien réalisée, elle montre une image moderne et innovante de votre entreprise. Dans le cas contraire, une offre d'emploi
+                        en vidéo trop stricte ou brouillonne peut avoir un effet négatif en retour et détériorer la notoriété
+                        de votre organisation. Suivez les conseils de TalentsTube pour réaliser l'offre d'emploi en vidéo
+                        parfaite !
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="row second-row">
+            <div class="col s6 bg-grey-3">
+                <p>Qu’est ce que la marque employeur ?</p>
+                <a href="/reussir-son-cv-video" class="btn btn-default">En savoir plus</a>
+            </div>
+            <div class="col s6 bg-blue">
+                <p>Découvrez les prestations des experts talents tube</p>
+                <a href="/reussir-son-cv-video" class="btn btn-default white">En savoir plus</a>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="row">
+            <div class="col s12 center-align">
+                <h2 class="blue-text">Offre d'emploi vidéo : Les étapes essentielles</h2>
+            </div>
+        </div>
+        <div class="row">
+            <div class="row cv-step-on3 cv-step-on3-entreprise cv-step-on3-1 right-align">
+                <div class="col offset-s1 s4">
+                    <h3 class="blue-text">Écrivez votre scénario</h3>
+                    <h5 class="blue-text">2.1 Préparez votre script</h5>
+                    <ul>
+                        <li>
+                            <span>Description du poste</span>
+                            <i class="fa fa-check-circle" aria-hidden="true"></i>
+                        </li>
+                        <li>
+                            <span>Profils et compétences recherchés</span>
+                            <i class="fa fa-check-circle" aria-hidden="true"></i>
+                        </li>
+                        <li>
+                            <span>Renseignements complémentaires</span>
+                            <i class="fa fa-check-circle" aria-hidden="true"></i>
+                        </li>
+                    </ul>
+                    <h5 class="blue-text">2.2 Répondez aux questions habituelles</h5>
+                    <ul>
+                        <li>
+                            <span>Quels sont les avantages de travailler chez vous ?</span>
+                            <i class="fa fa-check-circle" aria-hidden="true"></i>
+                        </li>
+                        <li>
+                            <span>Quelle est votre « zone de chalandise » ?</span>
+                            <i class="fa fa-check-circle" aria-hidden="true"></i>
+                        </li>
+                        <li>
+                            <span>Quelle rémunération ?</span>
+                            <i class="fa fa-check-circle" aria-hidden="true"></i>
+                        </li>
+                        <li>
+                            <span>Quelles sont les contraintes du poste ?</span>
+                            <i class="fa fa-check-circle" aria-hidden="true"></i>
+                        </li>
+                        <li>
+                            <span>Quelles sont les valeurs de l’entreprise ?</span>
+                            <i class="fa fa-check-circle" aria-hidden="true"></i>
+                        </li>
+                    </ul>
+                    <h5 class="blue-text">2.3 Montrez en détails le poste</h5>
+                    <ul>
+                        <li>
+                            <span>Les missions proposées</span>
+                            <i class="fa fa-check-circle" aria-hidden="true"></i>
+                        </li>
+                        <li>
+                            <span>Les caractéristiques du poste</span>
+                            <i class="fa fa-check-circle" aria-hidden="true"></i>
+                        </li>
+                        <li>
+                            <span>Les collaborateurs</span>
+                            <i class="fa fa-check-circle" aria-hidden="true"></i>
+                        </li>
+                        <li>
+                            <span>Les compétences nécessaires</span>
+                            <i class="fa fa-check-circle" aria-hidden="true"></i>
+                        </li>
+                        <li>
+                            <span>La personnalité du candidat recherchée</span>
+                            <i class="fa fa-check-circle" aria-hidden="true"></i>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="row cv-step-on3 cv-step-on3-entreprise cv-step-on3-2">
+                <div class="col offset-s7 s5">
+                    <h3 class="blue-text">Tournez l’offre vidéo</h3>
+                    <ul>
+                        <li>
+                            <i class="fa fa-check-circle" aria-hidden="true"></i>
+                            <strong>Trouvez un lieu de tournage</strong><br />En intérieur, privilégiez un fond neutre
+                            et clair. En extérieur, organisez votre tournage par beau teamps pour éviter le bruit du vent
+                            et un rendu trop sombre.
+                        </li>
+                        <li>
+                            <i class="fa fa-check-circle" aria-hidden="true"></i> La vidéo <strong>ne doit pas excéder 2-3 minutes</strong>
+                        </li>
+                        <li>
+                            <i class="fa fa-check-circle" aria-hidden="true"></i>
+                            <strong>Utilisez un trépied pour obtenir une image stable</strong>
+                        </li>
+                    </ul>
+                    <p>
+                        <strong>Talents Tube et son équipe de professionnels des ressources humaines et de la réalisation vidéo</strong>                        peuvent aussi vous accompagner dans la création et le montage de vos vidéos d’offres d’emploi et
+                        marque employeur.
+                    </p>
+                    <a href="/reussir-son-cv-video" class="btn btn-default">En savoir plus</a>
+                </div>
+            </div>
+            <div class="row cv-step-on3 cv-step-on3-entreprise cv-step-on3-3 right-align">
+                <div class="col offset-s1 s4">
+                    <h3 class="blue-text">Diffusez votre offre d'emploi en vidéo</h3>
+                    <p>Publiez vos offres d’emploi vidéo sur la durée de votre choix et di usez votre vidéo Marque Employeur
+                        sur une durée d’un an.</p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="row center-align">
+            <h2 class="alttitle">Quels sont les avantages de Talents Tube ?</h2>
+            <div class="col s4">
+                <h4>Diffusion</h4>
+                <img src="/img/img_content/honnete.svg" alt="step 1" />
+                <p>
+                    Diffusez <strong>vos offres d’emploi en vidéo</strong> et/ou <strong>votre vidéo marque employeur.</strong>
+                </p>
+            </div>
+            <div class="col s4">
+                <h4>Candidatures</h4>
+                <img src="/img/img_content/cv_video.svg" alt="step 1" />
+                <p>
+                    Visionnez les <strong>réponses à vos offres d’emploi</strong> et <strong>les candidatures spontanées.</strong>
+                </p>
+            </div>
+            <div class="col s4">
+                <h4>Réseaux sociaux</h4>
+                <img src="/img/img_content/candidatures.svg" alt="step 1" />
+                <p>
+                    Bénéficiez d’une <strong>mise en avant de vos offres sur les réseaux sociaux.</strong>
+                </p>
+            </div>
+        </div>
+        <div class="row center-align">
+            <div class="col s4">
+                <h4>Module vidéo</h4>
+                <img src="/img/img_content/reponse_camera.svg" alt="step 1" />
+                <p>
+                    Répondez aux candidats simplement en <strong>message interposé</strong> avec notre outil d’<strong>enregistrement vidéo.</strong>
+                </p>
+            </div>
+            <div class="col s4">
+                <h4>Statistiques</h4>
+                <img src="/img/img_content/statistiques.svg" alt="step 1" />
+                <p>
+                    Suivez l’évolution de votre profil entreprise grâce à nos <strong>statistiques de visites</strong>
+                </p>
+            </div>
+            <div class="col s4">
+                <h4>Algorithme</h4>
+                <img src="/img/img_content/algorithme.svg" alt="step 1" />
+                <p>
+                    Multipliez vos chances de rencontrer des talents grâce à notre <strong>algorithme de mots clés.</strong>
+                </p>
+            </div>
+        </div>
+        <div class="row center-align">
+            <p>
+                <br />
+                <a href="https://blog.talentstube.com/contact.html" class="btn btn-default">Demander une vidéo offre emploi</a>
+            </p>
+        </div>
+    </div>
+</div>
+{% endblock %}

www/app/Resources/views/page_static/reussir_video_talent.html.twig

@@ -0,0 +1,165 @@
+{% extends 'base.html.twig' %} {% block content %}
+<div id="page-static" class="contentWrapper">
+    <h1 class="alttitle center-align">Comment réussir votre CV vidéo ?</h1>
+    <div class="fluid-container bg-dark2">
+        <div class="container">
+            <div class="row first-row">
+                <div class="col s6">
+                    <div class="video-container">
+                        <img src="/img/img_content/img_talent_how.png" />
+                    </div>
+                </div>
+                <div class="col s6">
+                    <p>
+                        Le CV vidéo est <strong>le meilleur moyen de mettre en image et d’illustrer votre expérience,vos compétences et votre personnalite</strong>.
+                        Il est de plus en <strong>plus prisé chez</strong> les recruteurs et les candidats, certains codes
+                        sont tout de même à respecter. Afin de réussir votre CV vidéo et mettre toutes les chances de
+                        votre côté, suivez les conseils de Talents Tube !!
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="row second-row">
+            <div class="col s6 bg-grey-3">
+                <p>Pourquoi faire un CV vidéo ?</p>
+                <a href="/cv-video" class="btn btn-default">En savoir plus</a>
+            </div>
+            <div class="col s6 bg-blue">
+                <p>Découvrez les prestations des experts talents tube</p>
+                <a href="/reussir-son-cv-video" class="btn btn-default white">En savoir plus</a>
+            </div>
+        </div>
+    </div>
+    <div class="fluid-container">
+        <div class="container">
+            <div class="row">
+                <div class="col s12 p-b-20">
+                    <h2 class="blue-text center-align">Comment répondre à une offre d’emploi en CV Vidéo ?</h2>
+                    <div class="row cv-step-on3 cv-step-on3-1 right-align">
+                        <div class="col offset-s1 s4">
+                            <h3 class="blue-text">Écrivez un scénario</h3>
+                            Le scénario est le premier élément indispensable. Hiérarchisez toutes les informations que vous souhaitez aborder :
+                            <ul>
+                                <li>
+                                    <span>Présentation</span>
+                                    <i class="fa fa-check-circle" aria-hidden="true"></i>
+                                </li>
+                                <li>
+                                    <span>Formations</span>
+                                    <i class="fa fa-check-circle" aria-hidden="true"></i>
+                                </li>
+                                <li>
+                                    <span>Expériences</span>
+                                    <i class="fa fa-check-circle" aria-hidden="true"></i>
+                                </li>
+                                <li>
+                                    <span>Compétences</span>
+                                    <i class="fa fa-check-circle" aria-hidden="true"></i>
+                                </li>
+                                <li>
+                                    <span>Personnalité</span>
+                                    <i class="fa fa-check-circle" aria-hidden="true"></i>
+                                </li>
+                                <li>
+                                    <span>Loisirs / Passions</span>
+                                    <i class="fa fa-check-circle" aria-hidden="true"></i>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="row cv-step-on3 cv-step-on3-2">
+                    </div>
+                    <div class="row cv-step-on3-2-text">
+                        <h3 class="blue-text">Passez à la réalisation</h3>
+                        <div class="col s5 p-20">
+                            <h4 class="blue-text">Choix 1 : Utilisez notre module réponse-caméra</h4>
+                            Talents Tube met à votre disposition un <strong>outil simple via votre webcam</strong> pour
+                            vous permettre de réaliser votre CV vidéo. <strong>La réponse-caméra</strong> peut aussi
+                            être utilisé pour repondre rapidement à une offre d'emploi. Trouver un endroit dans votre
+                            habitation bénéficiant d'un éclairage naturel, et d'un fond neutre. Prenez votre plus belle
+                            voix, gardez une posture dynamique et lancez l'outil de réponse-caméra. <strong>Il est bien entendu possible de visionner votre réalisation avant son envoi et de recommencer jusqu'à ce que vous soyez satisfait !</strong>
+                        </div>
+                        <div class="col s4 p-20">
+                            <h4 class="blue-text">Choix 2 : Réalisez votre CV Vidéo</h4>
+                            Si vous préférez réaliser le CV vidéo à l'aide d'une <strong>camera</strong> ou d'un <strong>smartphone</strong>                            pensez à utilisez un trépied pour obtenir une image stable. Évitez les bruits de fond qui
+                            pourraient nuire à la qualité sonore de la vidéo. Si vous faites votre tournage en extérieur,
+                            privilégiez un jour de beau temps pour ne pas avoir un rendu sombre et aussi pour éviter les
+                            bruits du vent.
+                        </div>
+                        <div class="col s3 p-20">
+                            <h4 class="blue-text">Choix 3 : Demandez un accompagnement</h4>
+                            Talents Tube et son <strong>équipe de professionnels des ressources humaines et de la réalisation vidéo</strong>                            peuvent aussi vous accompagner dans la création et le montage de votre CV vidéo.<br />
+                            <a class="blue-text" href="/accompagnement-talent" title "Accompagnement"><strong>En savoir plus</strong></a>
+                        </div>
+                    </div>
+                    <div class="row cv-step-on3 cv-step-on3-3 right-align">
+                        <div class="col offset-s1 s4">
+                            <h3 class="blue-text">Publiez votre cv vidéo</h3>
+                            <p>Envoyez votre <strong>réponse à une offre d’emploi vidéo</strong> ou déposez un <strong>CV Vidéo générique</strong>                                sur votre vidéothèque personnelle.</p>
+                            <p>Vous souhaitez que <strong>votre candidature reste confidentielle ?</strong></p>
+                            <p>Pas de souci, vous pouvez <strong>choisir la visibilité ou non de votre CV vidéo.</strong></p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="row center-align">
+            <h2 class="alttitle">Quels sont les avantages de Talents Tube ?</h2>
+            <div class="col s4">
+                <h4>Gratuit</h4>
+                <img src="/img/img_content/honnete.svg" alt="step 1" />
+                <p>
+                    <a class="black-text" href="/register" title="création de compte"><strong>Créez un compte</strong></a>                    et <strong>répondez gratuitement</strong> aux offres d’emploi
+                </p>
+            </div>
+            <div class="col s4">
+                <h4>CV Vidéo</h4>
+                <img src="/img/img_content/cv_video.svg" alt="step 1" />
+                <p>
+                    Ajoutez votre <strong>CV Générique dans votre vidéothèque personnelle</strong> ou créez votre <strong>CV Vidéo en réponse à une offre d’emploi</strong>
+                </p>
+            </div>
+            <div class="col s4">
+                <h4>Diffusion du CV</h4>
+                <img src="/img/img_content/candidatures.svg" alt="step 1" />
+                <p>
+                    <strong>Diffusez ou non votre CV générique</strong> aux entreprises présent sur Talents Tube.
+                </p>
+            </div>
+        </div>
+        <div class="row center-align">
+            <div class="col s4">
+                <h4>Module vidéo</h4>
+                <img src="/img/img_content/reponse_camera.svg" alt="step 1" />
+                <p>
+                    Bénéficiez d’un outil simple d’<strong>enregistrement vidéo sur notre plateforme</strong> pour dialoguer
+                    en <strong>message interposé</strong> avec les entreprises en recherche de talents.
+                </p>
+            </div>
+            <div class="col s4">
+                <h4>Statistiques</h4>
+                <img src="/img/img_content/statistiques.svg" alt="step 1" />
+                <p>
+                    Suivez l’évolution de votre profil grâce à nos <strong>statistiques de visites</strong>
+                </p>
+            </div>
+            <div class="col s4">
+                <h4>Algorithme</h4>
+                <img src="/img/img_content/algorithme.svg" alt="step 1" />
+                <p>
+                    Multipliez vos chances d’être répéré par des entreprises grâce à notre <strong>algorithme de mots clés.</strong>
+                </p>
+            </div>
+        </div>
+        <div class="row center-align">
+            <p>
+                <a href="/register" class="btn btn-default">Créer mon CV vidéo</a>
+            </p>
+        </div>
+    </div>
+</div>
+{% endblock %}

www/app/Resources/views/page_static/video_territoire.html.twig

@@ -0,0 +1,98 @@
+{% extends 'base.html.twig' %} {% block content %}
+<div id="page-static" class="contentWrapper">
+    <h1 class="alttitle center-align">La vidéo territoire: Attirez et gardez les talents et les entreprises sur votre territoire</h1>
+    <div class="fluid-container bg-dark2">
+        <div class="container">
+            <div class="row first-row">
+                <div class="col s12 m12 l6">
+                    <div class="embed-responsive embed-responsive-16by9">
+                        <iframe src="https://player.vimeo.com/video/232618030?title=0&byline=0&portrait=0" frameborder="0" webkitallowfullscreen
+                            mozallowfullscreen allowfullscreen></iframe>
+                    </div>
+                </div>
+                <div class="col s12 m12 l6">
+                    <p>L’Union Européenne définit l'attractivité du territoire,<br /> comme « la capacité d’un territoire à améliorer durablement le niveau de vie de ses habitants et à leur procurer un haut niveau d’emploi et de cohésion sociale, dans un environnement de qualité ».</p>
+                    <p>Pour se développer votre territoire doit attirer et garder des entreprises. Cependant, sans talents, les entreprises vont voir ailleurs ou déplacent leur centre de décision. Ces 3 acteurs économiques sont interdépendants dans leurs quêtes de développements et de « mieux vivre ensemble ».</p>
+                    <p>Talents Tube propose la rencontre des entreprises de talents dans un territoire de talents pour des talents d’entreprise. C'est le seul job board où les chercheurs d'emploi découvrent de façon honnête et complète l'entreprise et son territoire. Ainsi, l'attractivité de votre territoire est décuplée et cohérente. Le message est clair : « Venez Vivre et Travailler chez Nous ! ».</p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="row">
+            <div class="col s12 center-align">
+                <h2 class="blue-text">Emplacement de la vidéo territoire</h2>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col s6 center-align color-grey3">
+                <img class="responsive-img" src="/img/img_content/video_territoire_emplacement_gauche.svg" alt="Page entreprise emplacement">
+                <h5 class="blue-text">Page entreprise</h5>
+                1. Vidéo de présentation marque employeur<br />
+                2. Offres d’emploi de l’entreprise<br />
+               <strong>3. Vidéo territoire</strong><br />
+                </ul>
+            </div>
+            <div class="col s6 center-align color-grey3">
+                <img class="responsive-img" src="/img/img_content/video_territoire_emplacement_droite.svg" alt="Page offre d'emploi emplacement">
+                <h5 class="blue-text">Page offre d'emploi</h5>
+                1. Vidéo offre d'emploi<br />
+                2. Autres offres d’emploi de l’entreprise<br />
+                <strong>3. Vidéo territoire</strong><br />
+                </ul>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col s12 center-align m-t-50 color-grey3">
+            <p>Talents tube officialise et expose le <strong><u>partenariat</u></strong> entre la collectivité territoriale et les entreprises. Votre vidéo de territoire sera associée aux vidéos Marque Employeur et offres d’emploi des entreprises (exemple ci-dessus).</p>
+            <p>Le candidat potentiel découvre son <strong>cadre de vie au travail et en dehors</strong>. Il va pouvoir se projeter professionnellement et personnellement.</p>
+            <p>Les entreprises confortent leur attachement au territoire. Ceci révèle clairement <strong>le dynamisme économique et l'engagement social et sociétal du territoire.</strong></p>
+            </div>
+        </div>
+         <div class="row">
+            <div class="col s12 center-align">
+                <img src="/img/img_content/territoires.png" class="responsive-img" />
+            </div>
+        </div>
+    </div>
+    <div class="fluid-container bg-dark2 button-plus">
+        <div class="container">
+            <div class="row center-align fourth-row">
+                <div class="col offset-s1 s10">
+                    <h2 class="white-text">La vidéo de promotion de territoire : Les incontournables</h2>
+                    <p>
+                    <strong>Pour améliorer l'attractivité de votre territoire, nous vous conseillons d'utiliser la puissance communicante de la vidéo pour présenter :</strong></p>
+                    <ul class="m-b-100">
+                        <li><strong>- Des entreprises avec leur diversité de tailles, de secteur</strong> (témoignages de chefs d'entreprise, de salariés...)</li>
+                        <li><strong>- Les dynamiques économiques </strong> (terrains et locaux disponibles, réseaux économiques, liens école/entreprises)</li>
+                        <li><strong>- Les facilités</strong> (écoles, réseaux routes/train/avions, hôpitaux...)</li>
+                        <li><strong>- Des lieux de vie</strong> (cultures, commerce, divertissements, nature, animation de la vie locale, vie associative...)</li>
+                        <li><strong>- Des témoignages de personnes qui vivent et travaillent</strong></li>
+                        <li><strong>- Les spécificités du territoire</strong> (tourisme, histoire, produits du terroir, langue...)</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="row center-align fourth-row color-grey3">
+            <h3 class="alttitle">La vidéo pour mettre en avant un territoire de confiance</h3>
+            <p>
+            Par la vidéo, les collectivités territoriales ont l'opportunité d'expliquer leur offre, de façon claire et transparente.
+            Le développement économique du territoire se fait sur l’accueil, la qualité de vie et la fidelisation des talents et leurs familles.</p>
+            <p>La vidéo est aussi un outil formidable pour inciter des entreprises à venir s'implanter.
+            La vidéo accentue la notoriété du territoire et génère la fierté des entreprises et de ses habitants.</p>
+            <p>La « Marque Territoire » est mise en avant pour attirer des talents et des entreprises.
+            La vidéo accentue la notoriété du territoire. Elle se doit d'être honnête. Ce sont ceux qui y vivent et travaillent qui en parlent le mieux !</p>
+            <br />
+            <i>(Les entreprises bénéficieront de 10% de réduction sur la création d’un espace Marque Employeur).</i>
+            <br />
+        </div>
+        <div class="row center-align m-t-100">
+            <p>
+            <a href="https://blog.talentstube.com/contact.html" class="btn btn-default">Demander une vidéo territoire</a>
+            </p>
+        </div>
+    </div>
+</div>
+{% endblock %}

www/app/Resources/views/profile/form_logo.html.twig

@@ -0,0 +1,24 @@
+<div id="card-alert" class="card red">
+    <div class="card-content white-text">
+        <div class="errors"></div>
+    </div>
+</div>
+<div id="profile_picture_upload">
+    {{ form_start(form, { 'action': path('profile_logo'), 'attr': { 'class': 'fos_user_profile_edit' } }) }}
+     <div class="col s6">
+        <label for="profile_logo_file" class="btn btn-default custom-file-upload">
+        <i class="fa fa-cloud-upload"></i> Importer une photo
+        </label>
+        {{ form_widget(form.file) }}
+        {{ form_rest(form) }}
+    </div>
+    <div class="col s6" style="text-align: center;">
+        <div id="preview_profile_picture">
+            <img src="" class="resize-image responsive-img">
+        </div>
+        <button class="hide btn btn-default btn-save-profile-picture" type="submit">
+            <i class="fa fa-floppy-o" aria-hidden="true"></i> Sauvegarder
+        </button>
+    </div>
+    {{ form_end(form) }}
+</div>