[Site] Intégration Souke

.bowerrc

 {
-    "directory" : "vendor/bower"
+    "directory" : "vendor/bower",
+    "strict-ssl": false,
+    "https-proxy": ""
 }

common/assets/CommonAsset.php

     public $css = [];
     public $js = [];
     public $depends = [
-        'yii\bootstrap\BootstrapAsset',
+        'yii\bootstrap5\BootstrapAsset',
         'yii\web\YiiAsset',
     ];
     
         parent::__construct() ;
         
         // css
-        $this->addAsset('css','bootstrap5/css/bootstrap.min.css') ;
+        //$this->addAsset('css','bootstrap5/css/bootstrap.min.css') ;
         $this->addAsset('css','bootstrap-icons/font/bootstrap-icons.min.css') ;
         $this->addAsset('css','js/jquery-ui-1.11.4.custom/jquery-ui.min.css');
         $this->addAsset('css','js/jquery-ui-1.11.4.custom/jquery-ui.theme.css');
         $this->addAsset('css','css/screen.css') ;
         
         // js
-        $this->addAsset('js','bootstrap5/js/bootstrap.bundle.min.js') ;
+        //$this->addAsset('js','bootstrap5/js/bootstrap.bundle.min.js') ;
         $this->addAsset('js','js/jquery-ui-1.11.4.custom/jquery-ui.min.js');
         $this->addAsset('js','js/promise-polyfill/promise.min.js');
         $this->addAsset('js','js/axios/axios.min.js');

common/components/fullcalendar/FullcalendarAsset.php

 	public $js = ['jquery-ui.custom.min.js','moment.min.js','fullcalendar.min.js','lang/all.js'];
 	public $depends = [
 		'yii\web\YiiAsset',
-		'yii\bootstrap\BootstrapAsset',
+		'yii\bootstrap5\BootstrapAsset',
 	];
 }

common/views/nav_user_top.php

 }
 
 ?>
-<div class="container">
+<div class="container container-nav-user-top">
     <div class="nav-user-top">
         <nav class="navbar navbar-expand-lg">
             <div class="container-fluid">
 
                     $itemsProducersArray = [];
                     if (count($producersArray)) {
-                        $itemsProducersArray[] = [
+                        /*$itemsProducersArray[] = [
                             'label' => 'Mes favoris',
-                        ];
+                        ];*/
                         foreach ($producersArray as $producerItem) {
                             $itemsProducersArray[] = [
                                 'label' => Html::encode($producerItem->name),
                         ];
                     }
 
+                    $itemsProducersArray[] = '<hr class="dropdown-divider">';
+
                     $itemsProducersArray[] = [
-                        'options' => ['class' => 'divider'],
-                        'label' => ''
-                    ];
-                    $itemsProducersArray[] = [
-                        'label' => '<span class="glyphicon glyphicon-search"></span> Rechercher un producteur',
+                        'label' => '<i class="bi bi-search"></i> Rechercher un producteur',
                         'url' => $this->getUrlManagerFrontend()->createAbsoluteUrl(['site/producers'])
                     ];
 
                         'linkOptions' => ['class' => 'btn btn-default navbar-btn']
                     ];*/
                     $itemAdministration = [
-                        'label' => '<span class="glyphicon glyphicon-cog"></span> <span class="link-text">Administration</span>',
+                        'label' => '<i class="bi bi-gear"></i> <span class="link-text">Administration</span>',
                         'url' => $this->getUrlManagerBackend()->createAbsoluteUrl(['dashboard/index']),
                         'visible' => $isUserCurrentGrantedAsProducer,
                         'linkOptions' => ['class' => '']
                     ];
                     $itemProducerSpace = [
-                        'label' => '<span class="glyphicon glyphicon-eye-open"></span> <span class="link-text">Mon espace producteur</span>',
+                        'label' => '<i class="bi bi-shop"></i> <span class="link-text">Ma boutique</span>',
                         'url' => $this->getUrlManagerProducer()->createAbsoluteUrl(['site/index', 'slug_producer' => $producer ? $producer->slug : '']),
                         'visible' => $isUserCurrentGrantedAsProducer,
                         'linkOptions' => ['class' => '']
                     ];
                     $itemProducers = [
-                        'label' => '<span class="glyphicon glyphicon-star"></span> <span class="link-text">Mes producteurs</span>',
+                        'label' => '<i class="bi bi-bookmarks"></i> <span class="link-text">Producteurs</span>',
                         'url' => '#',
                         'items' => $itemsProducersArray,
                         'linkOptions' => ['class' => ''],
                     }
 
                     $itemsUserArray[] = [
-                        'label' => '<span class="glyphicon glyphicon-user"></span> Mon profil',
+                        'label' => '<i class="bi bi-person"></i> Mon profil',
                         'url' => $this->getUrlManagerFrontend()->createAbsoluteUrl(['user/update']),
                     ];
                     $itemsUserArray[] = [
-                        'label' => '<span class="glyphicon glyphicon-off"></span> Déconnexion',
+                        'label' => '<i class="bi bi-box-arrow-left"></i> Déconnexion',
                         'url' => $this->getUrlManagerFrontend()->createAbsoluteUrl(['site/logout']),
                     ];
 
                     $itemUser = [
-                        'label' => '<span class="glyphicon glyphicon-user"></span> <span class="link-text">' .
+                        'label' => '<i class="bi bi-person"></i> <span class="link-text">' .
                             ((!Yii::$app->user->isGuest) ? Html::encode(Yii::$app->user->identity->name . ' ' . strtoupper(substr(Yii::$app->user->identity->lastname, 0, 1)) . '.') : '') .
                             '</span>',
                         'options' => ['id' => 'label1'],

common/web/css/screen.css

 
 /* Navigation utilisateur en haut du site */
 /* line 12, ../sass/_common.scss */
-.nav-user-top {
-  float: right;
+.container-nav-user-top {
+  position: relative;
+}
+/* line 15, ../sass/_common.scss */
+.container-nav-user-top .nav-user-top {
+  position: absolute;
+  top: 0px;
+  right: 0px;
   background-color: white;
+  z-index: 100;
 }
-/* line 16, ../sass/_common.scss */
-.nav-user-top .navbar {
+/* line 22, ../sass/_common.scss */
+.container-nav-user-top .nav-user-top .navbar {
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
   margin: 0px;
   min-height: 0px;
 }
-/* line 23, ../sass/_common.scss */
-.nav-user-top .navbar ul {
+/* line 29, ../sass/_common.scss */
+.container-nav-user-top .nav-user-top .navbar ul {
   position: relative;
   left: -10px;
 }
-/* line 27, ../sass/_common.scss */
-.nav-user-top .navbar ul li {
+/* line 33, ../sass/_common.scss */
+.container-nav-user-top .nav-user-top .navbar ul li {
   padding-left: 5px;
 }
-/* line 30, ../sass/_common.scss */
-.nav-user-top .navbar ul li a.nav-link {
+/* line 36, ../sass/_common.scss */
+.container-nav-user-top .nav-user-top .navbar ul li a.nav-link {
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 7px;
   padding-bottom: 7px;
   font-family: 'worksans_semibold';
   color: black;
+  font-size: 16px;
 }
-/* line 38, ../sass/_common.scss */
-.nav-user-top .navbar ul li a.nav-link:hover, .nav-user-top .navbar ul li a.nav-link:focus, .nav-user-top .navbar ul li a.nav-link.active {
+/* line 45, ../sass/_common.scss */
+.container-nav-user-top .nav-user-top .navbar ul li a.nav-link:hover, .container-nav-user-top .nav-user-top .navbar ul li a.nav-link:focus, .container-nav-user-top .nav-user-top .navbar ul li a.nav-link.active {
   background: none;
+  color: #ee6f42;
 }
-/* line 42, ../sass/_common.scss */
-.nav-user-top .navbar ul li a.nav-link .bi {
+/* line 50, ../sass/_common.scss */
+.container-nav-user-top .nav-user-top .navbar ul li a.nav-link .bi {
   color: #ee6f42;
-  font-size: 18px;
+  font-size: 16px;
   margin-right: 2px;
   position: relative;
-  top: 2px;
+  top: 1px;
 }
-/* line 51, ../sass/_common.scss */
-.nav-user-top .navbar ul li ul li a {
+/* line 60, ../sass/_common.scss */
+.container-nav-user-top .nav-user-top .navbar ul li .dropdown-menu a {
   padding: 2px 20px;
 }
-/* line 59, ../sass/_common.scss */
-.nav-user-top .dropdown-menu .divider.dropdown-header {
+/* line 63, ../sass/_common.scss */
+.container-nav-user-top .nav-user-top .navbar ul li .dropdown-menu a:hover, .container-nav-user-top .nav-user-top .navbar ul li .dropdown-menu a:focus {
+  background-color: #ece4d8;
+}
+/* line 73, ../sass/_common.scss */
+.container-nav-user-top .nav-user-top .dropdown-menu .divider.dropdown-header {
   padding: 0px;
 }
 
 @media screen and (max-width: 768px) {
-  /* line 68, ../sass/_common.scss */
+  /* line 84, ../sass/_common.scss */
   .nav-user-top .navbar ul {
     float: right;
     margin-right: 0px;
   }
-  /* line 73, ../sass/_common.scss */
+  /* line 89, ../sass/_common.scss */
   .nav-user-top .navbar .link-text {
     display: none;
   }
-  /* line 77, ../sass/_common.scss */
+  /* line 93, ../sass/_common.scss */
   .nav-user-top .navbar .dropdown-menu {
     position: absolute;
     right: 5%;
     -webkit-box-shadow: 0px 0px 4px gray;
     box-shadow: 0px 0px 4px gray;
   }
-  /* line 86, ../sass/_common.scss */
+  /* line 102, ../sass/_common.scss */
   .nav-user-top .navbar .dropdown-menu li a {
     padding-left: 15px;
   }
 }
 /* Block de date */
-/* line 96, ../sass/_common.scss */
+/* line 112, ../sass/_common.scss */
 .block-date {
   margin: 0px auto;
   padding-top: 0px;
   text-align: center;
 }
-/* line 101, ../sass/_common.scss */
+/* line 117, ../sass/_common.scss */
 .block-date .day {
   text-transform: capitalize;
   line-height: 15px;
   font-size: 13px;
   text-transform: uppercase;
 }
-/* line 108, ../sass/_common.scss */
+/* line 124, ../sass/_common.scss */
 .block-date .num {
   font-size: 30px;
   line-height: 35px;
   font-weight: bold;
 }
-/* line 114, ../sass/_common.scss */
+/* line 130, ../sass/_common.scss */
 .block-date .month {
   text-transform: uppercase;
   line-height: 15px;
 }
 
 /* Page d'erreur */
-/* line 124, ../sass/_common.scss */
+/* line 140, ../sass/_common.scss */
 #main #content .site-error .col-lg-6 {
   margin: 0px auto;
   float: none;
 }
-/* line 130, ../sass/_common.scss */
+/* line 146, ../sass/_common.scss */
 #main #content .site-error .panel .panel-body {
   padding-bottom: 0px;
 }
-/* line 134, ../sass/_common.scss */
+/* line 150, ../sass/_common.scss */
 #main #content .site-error .panel h2 {
   text-transform: none;
   font-size: 25px;
   margin-top: 0px;
   margin-bottom: 0px;
 }
-/* line 142, ../sass/_common.scss */
+/* line 158, ../sass/_common.scss */
 #main #content .site-error .alert {
   padding-bottom: 5px;
 }
-/* line 145, ../sass/_common.scss */
+/* line 161, ../sass/_common.scss */
 #main #content .site-error .alert h2 {
   margin-top: 5px;
 }
-/* line 149, ../sass/_common.scss */
+/* line 165, ../sass/_common.scss */
 #main #content .site-error .alert p {
   margin-bottom: 15px;
 }
-/* line 153, ../sass/_common.scss */
+/* line 169, ../sass/_common.scss */
 #main #content .site-error .alert .btn {
   text-decoration: none;
 }
 
 /* Paiement */
-/* line 164, ../sass/_common.scss */
+/* line 180, ../sass/_common.scss */
 .payment-detail-remaining-surplus {
   font-size: 13px;
   color: gray;
 }
-/* line 168, ../sass/_common.scss */
+/* line 184, ../sass/_common.scss */
 .payment-detail-remaining-surplus strong {
   font-weight: bold;
 }

common/web/js/common.js

 
 function opendistrib_dropdown_tooltip() {
     if($('.dropdown-toggle').length) {
-        $('.dropdown-toggle').dropdown() ;
+        //$('.dropdown-toggle').dropdown() ;
     }
 
     if($('[data-toggle="tooltip"]').length) {
-        $('[data-toggle="tooltip"]').tooltip() ;
+        //$('[data-toggle="tooltip"]').tooltip() ;
     }
 }
 

common/web/sass/_common.scss

 }
 
 /* Navigation utilisateur en haut du site */
-.nav-user-top {
-  float: right;
-  background-color: white;
-
-  .navbar {
-    @include border-radius(0px);
-    border: 0px none;
-    padding: 0px;
-    margin: 0px;
-    min-height: 0px;
-
-    ul {
-      position: relative;
-      left: -10px;
-
-      li {
-        padding-left: 5px;
-
-        a.nav-link {
-          padding-left: 10px;
-          padding-right: 10px;
-          padding-top: 7px;
-          padding-bottom: 7px;
-          font-family: 'worksans_semibold';
-          color: black;
-
-          &:hover, &:focus, &.active {
-            background: none;
-          }
+.container-nav-user-top {
+  position: relative;
+
+  .nav-user-top {
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    background-color: white;
+    z-index: 100;
+
+    .navbar {
+      @include border-radius(0px);
+      border: 0px none;
+      padding: 0px;
+      margin: 0px;
+      min-height: 0px;
+
+      ul {
+        position: relative;
+        left: -10px;
 
-          .bi {
-            color: $color-primary;
-            font-size: 18px;
-            margin-right: 2px;
-            position: relative;
-            top: 2px;
+        li {
+          padding-left: 5px;
+
+          a.nav-link {
+            padding-left: 10px;
+            padding-right: 10px;
+            padding-top: 7px;
+            padding-bottom: 7px;
+            font-family: 'worksans_semibold';
+            color: black;
+            font-size: 16px;
+
+            &:hover, &:focus, &.active {
+              background: none;
+              color: $color-primary;
+            }
+
+            .bi {
+              color: $color-primary;
+              font-size: 16px;
+              margin-right: 2px;
+              position: relative;
+              top: 1px;
+            }
           }
-        }
 
-        ul li a {
-          padding: 2px 20px;
+          .dropdown-menu {
+            a {
+              padding: 2px 20px;
+
+              &:hover, &:focus {
+                background-color: $color-gray;
+              }
+            }
+          }
         }
       }
     }
-  }
 
-  .dropdown-menu {
-    .divider.dropdown-header {
-      padding: 0px;
+    .dropdown-menu {
+      .divider.dropdown-header {
+        padding: 0px;
+      }
     }
   }
+
 }
 
 @media screen and (max-width: 768px) {

frontend/assets/AppAsset.php

     public $css = [];
     public $js = [];
     public $depends = [
-        'yii\bootstrap\BootstrapPluginAsset',
+        'yii\bootstrap5\BootstrapPluginAsset',
     ];
     
     public function __construct() {

frontend/controllers/SiteController.php

         if ($model->load(Yii::$app->request->post()) && $model->validate()) {
             $model->sendEmailAdmin();
             $messageSent = true;
+            $model = new ContactForm();
         }
 
         return $this->render('contact', [
             $this->getOpinionModule()->getManager()
                 ->sendOpinionEmailAdmin($opinionFormModel, $this->getUserCurrent());
             $opinionSent = true;
+            $opinionFormModel = new OpinionForm();
         }
 
         return $this->render('opinion', [

frontend/views/layouts/main.php

 </head>
 <body class="<?php if ($isHome): echo 'home'; endif; ?><?php if (!Yii::$app->user->isGuest): ?> connected<?php endif; ?>">
 <?php $this->beginBody() ?>
-
-<?= $this->render('@common/views/nav_user_top', [
-    'context' => 'frontend'
-]); ?>
-
-<header id="header">
-
-    <nav class="navbar navbar-expand-lg">
-        <div id="the-header" class="container">
-            <div class="navbar-header">
-                <a id="link-home" class="" href="<?= $this->getUrlManager()->createUrl('site/index'); ?>">
-                    <img src="<?= $this->getUrlManager()->baseUrl ?>/img/souke.png" alt="Souke" />
-                </a>
-                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#w0-collapse"><span
-                            class="sr-only">Toggle navigation</span>
-                    <span class="icon-bar"></span>
-                    <span class="icon-bar"></span>
-                    <span class="icon-bar"></span>
-                </button>
-            </div>
-            <div id="w0-collapse" class="collapse navbar-collapse">
-                <?php
-                echo Nav::widget([
-                    'encodeLabels' => false,
-                    'options' => ['class' => 'nav nav-pills navbar-nav navbar-right'],
-                    'items' => [
-                        [
-                            'label' => 'Je passe commande',
-                            'url' => $this->getUrlManager()->createUrl(['site/index']),
-                            'active' => $this->getControllerAction() == 'site/index',
-                            'options' => ['id' => 'li-home']
-                        ],
-                        [
-                            'label' => 'Je suis producteur',
-                            'url' => $this->getUrlManager()->createUrl(['site/producers']),
-                            'active' => $this->getControllerAction() == 'site/producers',
-                            'options' => ['id' => 'li-producteurs']
-                        ],
-                        [
-                            'label' => 'À propos',
-                            'url' => $this->getUrlManager()->createUrl(['site/about']),
-                            'active' => $this->getControllerAction() == 'site/about',
-                            'options' => ['id' => 'li-about']
-                        ],
-                        [
-                            'label' => 'Contact',
-                            'url' => $this->getUrlManager()->createUrl(['site/contact']),
-                            'active' => $this->getControllerAction() == 'site/contact',
-                            'options' => ['id' => 'li-contact']
-                        ],
-                    ]
-                ]);
-                ?>
-            </div>
-        </div>
-    </nav>
-</header>
-
-<div id="main">
-    <section id="header-title">
+<div id="wrapper">
+    <?= $this->render('@common/views/nav_user_top', [
+        'context' => 'frontend'
+    ]); ?>
+    <header id="header">
         <div class="container">
-            <h1>
-                <!--<span class="glyphicon glyphicon-<?= $this->getIcon(); ?>"></span>-->
-                <?= $this->getTitle(); ?>
-            </h1>
+            <nav class="navbar navbar-expand-lg">
+                <div id="the-header">
+                    <div class="navbar-header">
+                        <a id="link-home" class="" href="<?= $this->getUrlManager()->createUrl('site/index'); ?>">
+                            <img src="<?= $this->getUrlManager()->baseUrl ?>/img/souke.png" alt="Souke"/>
+                        </a>
+                        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
+                            <span class="navbar-toggler-icon"></span>
+                        </button>
+                    </div>
+                    <div id="w0-collapse" class="collapse navbar-collapse">
+                        <?php
+                        echo Nav::widget([
+                            'encodeLabels' => false,
+                            'options' => ['class' => 'nav nav-pills navbar-nav navbar-right'],
+                            'items' => [
+                                [
+                                    'label' => 'Je passe commande',
+                                    'url' => $this->getUrlManager()->createUrl(['site/index']),
+                                    'active' => $this->getControllerAction() == 'site/index',
+                                    'options' => ['id' => 'li-home']
+                                ],
+                                [
+                                    'label' => 'Je suis producteur',
+                                    'url' => $this->getUrlManager()->createUrl(['site/producers']),
+                                    'active' => $this->getControllerAction() == 'site/producers',
+                                    'options' => ['id' => 'li-producteurs']
+                                ],
+                                [
+                                    'label' => 'À propos',
+                                    'url' => $this->getUrlManager()->createUrl(['site/about']),
+                                    'active' => $this->getControllerAction() == 'site/about',
+                                    'options' => ['id' => 'li-about']
+                                ],
+                                [
+                                    'label' => 'Contact',
+                                    'url' => $this->getUrlManager()->createUrl(['site/contact']),
+                                    'active' => $this->getControllerAction() == 'site/contact',
+                                    'options' => ['id' => 'li-contact']
+                                ],
+                            ]
+                        ]);
+                        ?>
+                    </div>
+                </div>
+            </nav>
         </div>
-    </section>
+    </header>
 
-    <section class="container" id="content">
-        <?php if (Yii::$app->session->hasFlash('error')): ?>
-            <div class="alert alert-danger" role="alert">
-                <?= \Yii::$app->session->getFlash('error') ?>
+    <div id="main">
+        <section id="header-title">
+            <div class="container">
+                <h1>
+                    <!--<span class="glyphicon glyphicon-<?= $this->getIcon(); ?>"></span>-->
+                    <?= $this->getTitle(); ?>
+                </h1>
             </div>
-        <?php endif; ?>
-        <?php if (Yii::$app->session->hasFlash('success')): ?>
-            <div class="alert alert-success" role="alert">
-                <?= \Yii::$app->session->getFlash('success') ?>
-            </div>
-        <?php endif; ?>
+        </section>
 
-        <?= $content ?>
-    </section>
-</div>
-<footer id="footer">
-    <div class="container">
-        <a href="<?php echo $this->getUrlManager()->createUrl('site/service'); ?>">Fonctionnalités, services & tarifs</a> <span class="bull">&bull;</span>
-        <a href="<?php echo $this->getUrlManager()->createUrl('site/opinion'); ?>">Avis & suggestions</a> <span class="bull">&bull;</span>
-        <?php if($adminSettingBag->get('forumFlarumUrl')): ?>
-            <!--<a href="<?php echo $adminSettingBag->get('forumFlarumUrl'); ?>">Forum</a> <span class="bull">&bull;</span>-->
-        <?php endif; ?>
-        <a href="<?php echo $this->getUrlManager()->createUrl('site/mentions'); ?>">Mentions légales</a> <span class="bull">&bull;</span>
-        <a href="<?php echo $this->getUrlManager()->createUrl('site/cgv'); ?>">Conditions générales de service</a>
-        <!--<a href="<?php echo $this->getUrlManager()->createUrl('site/source-code'); ?>">Code source</a>-->
-    </div>
-</footer>
+        <section class="container" id="content">
+            <?php if (Yii::$app->session->hasFlash('error')): ?>
+                <div class="alert alert-danger" role="alert">
+                    <?= \Yii::$app->session->getFlash('error') ?>
+                </div>
+            <?php endif; ?>
+            <?php if (Yii::$app->session->hasFlash('success')): ?>
+                <div class="alert alert-success" role="alert">
+                    <?= \Yii::$app->session->getFlash('success') ?>
+                </div>
+            <?php endif; ?>
 
+            <?= $content ?>
+        </section>
+    </div>
+    <footer id="footer">
+        <div class="container">
+            <a href="<?php echo $this->getUrlManager()->createUrl('site/service'); ?>">Fonctionnalités, services &
+                tarifs</a> <span class="bull">&bull;</span>
+            <a href="<?php echo $this->getUrlManager()->createUrl('site/opinion'); ?>">Avis & suggestions</a> <span
+                    class="bull">&bull;</span>
+            <?php if ($adminSettingBag->get('forumFlarumUrl')): ?>
+                <!--<a href="<?php echo $adminSettingBag->get('forumFlarumUrl'); ?>">Forum</a> <span class="bull">&bull;</span>-->
+            <?php endif; ?>
+            <a href="<?php echo $this->getUrlManager()->createUrl('site/mentions'); ?>">Mentions légales</a> <span
+                    class="bull">&bull;</span>
+            <a href="<?php echo $this->getUrlManager()->createUrl('site/cgv'); ?>">Conditions générales de service</a>
+            <!--<a href="<?php echo $this->getUrlManager()->createUrl('site/source-code'); ?>">Code source</a>-->
+        </div>
+    </footer>
+</div>
 <?php $this->endBody() ?>
 </body>
 </html>

frontend/views/site/about.php

             <?= $aboutFewNumbers; ?>
         </div>
     </div>
-</div>
 </div>

frontend/views/site/contact.php

 $this->params['breadcrumbs'][] = $this->title;
 ?>
 <div class="site-contact">
+
     <?php if($messageSent): ?>
-        <div class="alert alert-success text-center">
-            Merci pour votre message, je vous réponds dès que possible.
+        <div class="alert alert-success">
+            Merci pour votre message, nous vous répondrons dès que possible.
         </div>
-    <?php else: ?>
-        <div class="panel panel-default">
-            <div class="panel-body">
-                <div class="row">
-                    <div class="col-md-8">
-                        <?php $form = ActiveForm::begin(['id' => 'contact-form']); ?>
-                        <?= $form->field($model, 'name') ?>
-                        <?= $form->field($model, 'email') ?>
-                        <?= $form->field($model, 'subject') ?>
-                        <?= $form->field($model, 'body')->textArea(['rows' => 6]) ?>
-                        <?= $form->field($model, 'verifyCode')->widget(Captcha::className(), [
-                            'template' => '<div class="row"><div class="col-lg-3">{image}</div><div class="col-lg-6">{input}</div></div>',
-                        ]) ?>
-                        <?= $form->field($model, 'isTest')->hiddenInput() ?>
-                        <div class="form-group submit">
-                            <?= Html::submitButton('Envoyer', ['class' => 'btn btn-primary', 'name' => 'contact-button']) ?>
-                        </div>
-                        <?php ActiveForm::end(); ?>
+    <?php endif; ?>
+
+    <div class="panel panel-default">
+        <div class="panel-body">
+            <div class="row">
+                <div class="col-md-8">
+                    <?php $form = ActiveForm::begin(['id' => 'contact-form', 'enableClientValidation'=> false]); ?>
+                    <?= $form->field($model, 'name') ?>
+                    <?= $form->field($model, 'email') ?>
+                    <?= $form->field($model, 'subject') ?>
+                    <?= $form->field($model, 'body')->textArea(['rows' => 6]) ?>
+                    <?= $form->field($model, 'verifyCode')->widget(Captcha::className(), [
+                        'template' => '<div class="row"><div class="col-lg-3">{image}</div><div class="col-lg-6">{input}</div></div>',
+                    ]) ?>
+                    <?= $form->field($model, 'isTest')->hiddenInput() ?>
+                    <div class="form-group submit">
+                        <?= Html::submitButton('<i class="bi bi-send-fill"></i> Envoyer', ['class' => 'btn btn-primary', 'name' => 'contact-button']) ?>
                     </div>
-                    <div class="col-md-4">
-                        <div class="alert alert-warning">
-                            Ce formulaire de contact vous permet de joindre le développeur de la plateforme Opendistrib.
-                            Si vous souhaitez joindre un producteur, merci de le faire directement depuis son espace producteur.
-                        </div>
+                    <?php ActiveForm::end(); ?>
+                </div>
+                <div class="col-md-4">
+                    <div class="alert alert-warning">
+                        Ce formulaire de contact vous permet de joindre le développeur de la plateforme Souke.
+                        Si vous souhaitez joindre un producteur, merci de le faire directement depuis sa boutique.
                     </div>
                 </div>
             </div>
         </div>
-    <?php endif; ?>
+    </div>
 </div>

frontend/views/site/login.php

     <div class="row">
         <div class="col-lg-5">
             <p>Pas encore de compte ? <a class="" href="<?php echo \Yii::$app->urlManager->createUrl('site/signup') ; ?>">Je m'inscris</a></p>
-            <?php $form = ActiveForm::begin(['id' => 'login-form']); ?>
+            <?php $form = ActiveForm::begin(['id' => 'login-form', 'enableClientValidation'=> false]); ?>
                 <?= $form->field($model, 'email') ?>
                 <?= $form->field($model, 'password')->passwordInput() ?>
                 <?= $form->field($model, 'rememberMe')->checkbox() ?>
                     Si vous avez oublié votre mot de passe, vous pouvez le <?= Html::a('réinitialiser', ['site/request-password-reset']) ?>.
                 </p>
                 <div class="form-group form-buttons">
-                    <?= Html::submitButton('Connexion', ['class' => 'btn btn-primary', 'name' => 'login-button']) ?>
+                    <?= Html::submitButton('<i class="bi bi-box-arrow-in-right"></i> Connexion', ['class' => 'btn btn-primary', 'name' => 'login-button']) ?>
                 </div>
             <?php ActiveForm::end(); ?>
         </div>

frontend/views/site/opinion.php

     <div class="row">
         <div class="col-lg-6">
             <?php if($opinionSent): ?>
-                <div class="alert alert-success text-center">
-                    Merci pour votre participation, je vous fais un retour dès que possible.
+                <div class="alert alert-success">
+                    Merci pour votre participation, nous vous ferons un retour dès que possible.
                 </div>
             <?php else: ?>
                 <div class="alert alert-warning">
-                    Vous pouvez utiliser ce formulaire pour m'envoyer toutes vos remarques et suggestions d'amélioration.
+                    Vous pouvez utiliser ce formulaire pour envoyer toutes vos remarques et suggestions d'amélioration.
                 </div>
                 <div class="panel panel-default">
                     <div class="panel-body">
                         <?php endif; ?>
                         <?= $form->field($model, 'message')->textArea(['rows' => 6]) ?>
                         <?php if (Yii::$app->user->isGuest): ?>
-                        <?= $form->field($model, 'verifyCode')->widget(Captcha::className(), [
-                            'template' => '<div class="row"><div class="col-lg-3">{image}</div><div class="col-lg-6">{input}</div></div>',
-                        ]) ?>
+                            <?= $form->field($model, 'verifyCode')->widget(Captcha::className(), [
+                                'template' => '<div class="row"><div class="col-lg-3">{image}</div><div class="col-lg-6">{input}</div></div>',
+                            ]) ?>
                         <?php endif; ?>
                         <?= $form->field($model, 'isTest')->hiddenInput() ?>
                         <div class="form-group submit">
             <?php endif; ?>
         </div>
     </div>
-
 </div>

frontend/views/site/signup.php

                     les identifiants indiqués sur la page de <?= Html::a('connexion', \Yii::$app->urlManager->createUrl(['site/login'])); ?> pour vous identifier.
                 </div>
             <?php else: ?>
-                <?php $form = ActiveForm::begin(['id' => 'form-signup','enableClientValidation'=> false]); ?>
+                <?php $form = ActiveForm::begin(['id' => 'form-signup', 'enableClientValidation'=> false]); ?>
                     <?= $form->field($model, 'email') ?>
                     <?= $form->field($model, 'password')->passwordInput() ?>
                     <?= $form->field($model, 'lastname') ?>
                     <?= $form->field($model, 'name') ?>
                     <?= $form->field($model, 'phone') ?>
 
-                    <div id="user-producer" class="btn-group" data-toggle="buttons">
-                        <label class="btn btn-default <?php if($model->option_user_producer == 'user' || !$model->option_user_producer): ?>active<?php endif; ?>">
-                          <input type="radio" name="SignupForm[option_user_producer]" value="user" id="option-user" autocomplete="off" <?php if($model->option_user_producer == 'user' || !$model->option_user_producer): ?>checked<?php endif; ?>> Je suis client
-                        </label>
+                    <div id="user-producer" class="btn-group" role="group" aria-label="Basic radio toggle button group">
+                        <input id="option-user" class="btn-check" type="radio" name="SignupForm[option_user_producer]" value="user" id="option-user" autocomplete="off" <?php if($model->option_user_producer == 'user' || !$model->option_user_producer): ?>checked<?php endif; ?>>
+                        <label for="option-user" class="btn btn-secondary label-user <?php if($model->option_user_producer == 'user' || !$model->option_user_producer): ?>active<?php endif; ?>">Je suis client</label>
+
                         <?php if($this->getProducerModule()->getManager()->isProducerSignupOpen()): ?>
-                            <label class="btn btn-default <?php if($model->option_user_producer == 'producer'): ?>active<?php endif; ?>">
-                              <input type="radio" name="SignupForm[option_user_producer]" value="producer" id="option-producer" autocomplete="off" <?php if($model->option_user_producer == 'producer'): ?>checked<?php endif; ?>> Je suis producteur
-                            </label>
+                            <input id="option-producer" class="btn-check" type="radio" name="SignupForm[option_user_producer]" value="producer" id="option-producer" autocomplete="off" <?php if($model->option_user_producer == 'producer'): ?>checked<?php endif; ?>>
+                            <label for="option-producer" class="btn btn-secondary label-producer <?php if($model->option_user_producer == 'producer'): ?>active<?php endif; ?>">Je suis producteur</label>
                         <?php endif; ?>
                     </div>
 
                                     'prompt' => '--',
                                 ])
                                 ->label('TVA à appliquer par défaut'); ?>
-                        <?= $form->field($model, 'cgv')->checkbox()->label('J\'accepte les <button type="button" class="btn btn-xs btn-default btn-modal-cgv" data-toggle="modal" data-target="#modal-cgv">conditions générales de service</button> et les <button type="button" class="btn btn-xs btn-default btn-modal-prices" data-toggle="modal" data-target="#modal-prices">conditions tarifaires</button>.') ?>
+                        <?= $form->field($model, 'cgv')->checkbox()->label('J\'accepte les <button type="button" class="btn btn-sm btn-secondary btn-modal-cgv" data-toggle="modal" data-target="#modal-cgv">conditions générales de service</button> et les <button type="button" class="btn btn-sm btn-secondary btn-modal-prices" data-toggle="modal" data-target="#modal-prices">conditions tarifaires</button>') ?>
                     </div>
                     <div id="fields-user">
                         <?= $form->field($model, 'id_producer')
                     <?= $form->field($model, 'is_test')->hiddenInput() ?>
 
                     <div class="form-group form-buttons" id="buttons-signup">
-                        <?= Html::submitButton("S'inscrire", ['class' => 'btn btn-primary', 'name' => 'signup-button']) ?>
+                        <?= Html::submitButton("<i class=\"bi bi-person-plus\"></i> S'inscrire", ['class' => 'btn btn-primary', 'name' => 'signup-button']) ?>
                     </div>
                 <?php ActiveForm::end(); ?>
             <?php endif; ?>

frontend/views/user/update.php

 */
 
 use yii\helpers\Html;
-use yii\widgets\ActiveForm;
+use yii\bootstrap\ActiveForm;
 
 $this->setTitle('Mon profil') ;
 $this->setIcon('user');
                     'enableClientScript' => false
                 ]); ?>
 
-                <h2>Informations</h2>
+                <h2 class="first-title">Informations</h2>
                 <?= $form->field($model, 'lastname')->textInput() ?>
                 <?= $form->field($model, 'name')->textInput() ?>
                 <?= $form->field($model, 'phone')->textInput() ?>
 
                 <div class="clr"></div>
 
-                <div class="form-group">
-                    <?= Html::submitButton($model->isNewRecord ? 'Create' : 'Modifier', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary', 'name' => 'user-profile-button']) ?>
+                <div class="form-group form-buttons">
+                    <?= Html::submitButton('<i class="bi bi-pencil"></i> Modifier', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary', 'name' => 'user-profile-button']) ?>
                 </div>
                 <?php ActiveForm::end(); ?>
             </div>

frontend/web/js/frontend.js

         $block = app.getBlock();
 
         // init carousel
-        $block.carousel();
+        //$block.carousel();
+        new bootstrap.Carousel("#carousel-producers-testimonials");
 
         // event on slide : init height
         app.eventSlide();
-        $block.on('slid.bs.carousel', function () { app.eventSlide();});
+        //$block.on('slid.bs.carousel', function () { app.eventSlide();});
+        carousel = document.getElementById('carousel-producers-testimonials');
+        carousel.addEventListener('slide.bs.carousel', function() {
+            app.eventSlide();
+        });
     },
     eventSlide: function() {
         var heightCurrentItem = this.getBlock('.item.active .carousel-caption-inner').height() + 50;
 }
 
 function opendistrib_signup_fields_producer() {
+    $('#user-producer label').removeClass('active');
     if ($('#option-producer').prop('checked')) {
-        $('#fields-producer').fadeIn();
+        $('#fields-producer').show();
         $('#fields-user').hide();
+        $('#user-producer label.label-producer').addClass('active');
     } else {
         $('#fields-producer').hide();
-        $('#fields-user').fadeIn();
+        $('#fields-user').show();
+        $('#user-producer label.label-user').addClass('active');
     }
 }
 

frontend/web/sass/screen.scss

 $color-gray: #ece4d8;
 $color-text: black;
 
-html {
+html, body {
   height: 100%;
 }
 
+#wrapper {
+  min-height: 100%;
+  position: relative;
+}
+
 body {
   position: relative;
   color: black !important;
   background-color: $color-background !important;
   background-repeat: no-repeat;
   background-position: center -100px;
-  background-size: 85% auto !important;
+  background-size: 90% auto !important;
   font-family: 'worksans_regular', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
   margin: 0;
   padding: 0;
 
 #main {
   background-color: transparent;
-  padding-bottom: 50px;
-  min-height: 800px;
+  padding-bottom: 65px;
+  min-height: 500px;
 
   a {
     color: $color-text;
 }
 
 
-.form-control:focus {
-  @include box-shadow(none) ;
-  border: solid 1px $color-primary;
+#wrapper form {
+
+  .control-label {
+    font-family: 'worksans_medium';
+  }
+
+  input[type="text"],
+  input[type="email"],
+  input[type="password"],
+  textarea,
+  select {
+    @include box-shadow(none);
+    @include border-radius(0px);
+    border: solid 1px #e0e0e0;
+  }
+
+  .form-control:hover {
+    border: solid 1px gray;
+  }
+
+  .form-control:focus {
+    @include box-shadow(0px 0px 0px 1px $color-primary) ;
+    border: solid 1px $color-primary;
+  }
+
+  .has-error {
+    .control-label {
+      color: black;
+    }
+
+    .form-control:focus, .form-control {
+      @include box-shadow(none);
+      border-color: #a94442;
+    }
+
+    .help-block-error {
+      color: #a94442;
+    }
+  }
 }
 
 .form-buttons {
-  text-align: center
+  text-align: right;
 }
 
 p {
   clear: both;
 }
 
-.btn {
-  background-image: none;
+#wrapper {
+  .btn {
+    background-image: none;
+    @include border-radius(0px);
+  }
 }
 
 #main .alert {
 }
 
 section#header-title {
-  padding-top: 30px;
-  padding-bottom: 40px;
+  padding-top: 35px;
+  padding-bottom: 35px;
   background-color: white;
 
   h1 {
 
   #link-home {
     position: absolute;
-    top: -30px;
+    top: 10px;
     left: 0px;
     padding-top: 0px;
     padding-bottom: 0px;
   }
 
   nav {
+    height: 90px;
     position: relative;
     top: 3px;
     padding-top: 0px;
       background-color: white;
     }
 
-    ul {
-      float: right;
-      padding: 0px;
-      margin: 0px;
-      margin-top: 10px;
+    .collapse {
+      position: absolute;
+      bottom: 3px;
+      right: 0px;
 
-      li {
+      ul {
         padding: 0px;
-        display: block;
+        margin: 0px;
+        margin-top: 10px;
 
-        a {
+        li {
+          padding: 0px;
           display: block;
-          text-decoration: none;
-          background-color: transparent;
-          padding: 7px 0px 4px 0px;
-          margin: 0px;
-          margin-left: 20px;
-          font-family: 'worksans_light';
-          text-transform: uppercase;
-          color: black;
-          font-size: 18px;
-          @include box-shadow(none) ;
-          @include border-radius(0px);
-          border-bottom: solid 4px transparent;
-
-          &:hover, &.active {
-            border-bottom: solid 4px $color-secondary;
+
+          a {
+            display: block;
+            text-decoration: none;
+            background-color: transparent;
+            padding: 7px 0px 4px 0px;
+            margin: 0px;
+            margin-left: 25px;
+            font-family: 'worksans_light';
+            text-transform: uppercase;
+            color: black;
+            font-size: 18px;
+            @include box-shadow(none) ;
+            @include border-radius(0px);
+            border-bottom: solid 4px transparent;
+
+            &:hover, &.active {
+              border-bottom: solid 4px $color-secondary;
+            }
           }
-        }
 
-        &#li-home a {
+          &#li-home a {
 
-        }
+          }
 
-        &.active {
-          a {
-            background-color: $color-primary;
-            color: white;
+          &.active {
+            a {
+              background-color: $color-primary;
+              color: white;
+            }
           }
-        }
 
 
-        ul {
-          li {
-            a {
-              padding: 10px 10px;
+          ul {
+            li {
+              a {
+                padding: 10px 10px;
+              }
             }
           }
-        }
 
+        }
       }
     }
-
-
   }
 
   #link-logout {
 
 #content {
   position: relative;
-  padding: 20px 0px;
-  padding-top: 35px;
-  padding-bottom: 60px;
+  padding: 40px 0px;
 
   h1#title-site, h1 {
     font-family: "highvoltageregular";
 
     .panel-body {
       background-color: white;
-      padding: 30px 50px;
+      padding: 50px;
 
       p {
         padding-bottom: 10px;
       h2 {
         font-size: 30px;
         color: $color-secondary;
+
+        &.first-title {
+          margin-top: 0px;
+        }
       }
     }
 
   }
 
   .form-group.submit {
-    text-align: center;
+    text-align: right;
+  }
+
+  .alert-warning {
+    margin-top: 22px;
+    border: 0px none;
+    background-color: $color-gray !important;
+    color: black;
+    @include border-radius(0px !important);
+    padding: 20px;
   }
 }