Finalisation intégration système de commande

producer/views/commande/_form.php

     <div class="clr"></div>
 
     <div id="depots">
-    <h2 id="step-choix-depot">Je choisis un dépôt</h2>
+        <h3 id="step-choix-depot"><span>Points de vente</span></h3>
     <?=
             $form->field($model, 'id_point_vente')
             ->label('')
     
     <div id="produits">
         
-        <h2 id="step-choix-produits">Mes produits</h2>
+        <h3 id="step-choix-produits"><span>Produits</span></h3>
 
         <?php // confiance  ?>
         <input type="hidden" id="confiance" value="<?php echo (int) Yii::$app->user->identity->confiance; ?>"  />

producer/views/layouts/main.php

     <title><?= Html::encode($producer->nom); ?> &bull; <?= $this->getTitle(); ?></title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="base-url" content="<?= Yii::$app->urlManager->baseUrl ; ?>">
     <?= Html::csrfMetaTags() ?>
     <link rel="icon" type="image/png" href="<?php echo Yii::$app->urlManager->getBaseUrl(); ?>/img/favicon4.png" />
     <?php $this->head() ?>
     </footer>
 
     <?php $this->endBody() ?>
-
 </body>
 </html>
 <?php $this->endPage() ?>

producer/views/producer/index.php

 
 <?php if(is_array($points_vente) && count($points_vente)): ?>
 <section id="points-vente">
-<h2>Points de vente</h2>
-<table class="table table-bordered">
-    <thead>
-        <tr>
-            <th>Nom</th>
-            <th>Localisation</th>
-            <th>Jours de livraison</th>
-        </tr>
-    </thead>
-    <tbody>
-    <?php foreach($points_vente as $pv): ?>
-        <tr>
-            <td><?= Html::encode($pv->nom); ?></td>
-            <td><?= Html::encode($pv->localite); ?></td>
-            <td><?= Html::encode($pv->strJoursLivraison()); ?></td>
-        </tr>
-    <?php endforeach; ?>
-    </tbody>
-</table>
+<h3><span>Points de vente</span></h3>
+    <table class="table table-bordered">
+        <thead>
+            <tr>
+                <th>Nom</th>
+                <th>Localisation</th>
+                <th>Jours de livraison</th>
+            </tr>
+        </thead>
+        <tbody>
+        <?php foreach($points_vente as $pv): ?>
+            <tr>
+                <td><?= Html::encode($pv->nom); ?></td>
+                <td><?= Html::encode($pv->localite); ?></td>
+                <td><?= Html::encode($pv->strJoursLivraison()); ?></td>
+            </tr>
+        <?php endforeach; ?>
+        </tbody>
+    </table>
 </section>
 <?php endif; ?>

producer/web/css/screen.css

 }
 
 /* line 17, ../sass/_layout.scss */
+.modal-backdrop.in {
+  z-index: 10;
+}
+
+/* line 22, ../sass/_layout.scss */
+#main .btn-primary {
+  background-color: #BB8757;
+  border: solid 1px #BB8757;
+  color: white;
+}
+/* line 27, ../sass/_layout.scss */
+#main .btn-primary:hover, #main .btn-primary:active, #main .btn-primary:focus {
+  background-color: #b17a48;
+  border: solid 1px #BB8757;
+  color: white;
+}
+
+/* line 36, ../sass/_layout.scss */
+.btn {
+  background-image: none;
+}
+
+/* line 40, ../sass/_layout.scss */
+#main .alert {
+  background-image: none;
+  background-color: white;
+  border-bottom-width: 3px;
+}
+
+/* line 48, ../sass/_layout.scss */
+.alert.alert-warning a {
+  color: #8a6d3b;
+}
+
+/* line 54, ../sass/_layout.scss */
 #header-bap {
   background-color: #F8F1DD;
   padding-top: 7px;
   padding-bottom: 7px;
 }
-/* line 22, ../sass/_layout.scss */
+/* line 59, ../sass/_layout.scss */
 #header-bap .container {
   padding-left: 0px;
   padding-right: 0px;
 }
-/* line 27, ../sass/_layout.scss */
+/* line 64, ../sass/_layout.scss */
 #header-bap #logo {
   color: black;
   text-decoration: none;
   position: relative;
   top: 3px;
 }
-/* line 33, ../sass/_layout.scss */
+/* line 70, ../sass/_layout.scss */
 #header-bap #logo img {
   width: 25px;
 }
-/* line 36, ../sass/_layout.scss */
+/* line 73, ../sass/_layout.scss */
 #header-bap #logo .text {
   font-size: 17px;
   font-family: "comfortaalight";
   bottom: 6px;
   left: 3px;
 }
-/* line 45, ../sass/_layout.scss */
+/* line 82, ../sass/_layout.scss */
 #header-bap ul#nav-bap {
   float: right;
 }
-/* line 48, ../sass/_layout.scss */
+/* line 85, ../sass/_layout.scss */
 #header-bap ul#nav-bap li {
   float: right;
 }
-/* line 50, ../sass/_layout.scss */
+/* line 87, ../sass/_layout.scss */
 #header-bap ul#nav-bap li a {
   color: black;
   font-size: 15px;
   color: #BB8757;
 }
-/* line 55, ../sass/_layout.scss */
+/* line 92, ../sass/_layout.scss */
 #header-bap ul#nav-bap li a:hover, #header-bap ul#nav-bap li a:focus {
   color: #333;
   color: #BB8757;
   background: none;
 }
-/* line 62, ../sass/_layout.scss */
+/* line 99, ../sass/_layout.scss */
 #header-bap ul#nav-bap li ul {
   background-color: #F8F1DD;
   border-top: solid 2px #BB8757;
 }
-/* line 66, ../sass/_layout.scss */
+/* line 103, ../sass/_layout.scss */
 #header-bap ul#nav-bap li ul li a {
   text-transform: uppercase;
   font-size: 13px;
 }
 
-/* line 76, ../sass/_layout.scss */
+/* line 113, ../sass/_layout.scss */
 #header {
   background-color: #BB8757;
   text-align: center;
   padding-bottom: 70px;
   border-bottom: solid 1px #e0e0e0;
 }
-/* line 83, ../sass/_layout.scss */
+/* line 120, ../sass/_layout.scss */
 #header .container {
   position: relative;
   padding: 0px;
 }
-/* line 88, ../sass/_layout.scss */
+/* line 125, ../sass/_layout.scss */
 #header h1, #header h2 {
   color: white;
 }
-/* line 92, ../sass/_layout.scss */
+/* line 129, ../sass/_layout.scss */
 #header h1 {
   text-transform: uppercase;
   font-family: "myriadpro-regular";
   padding-bottom: 20px;
   font-weight: bold;
 }
-/* line 100, ../sass/_layout.scss */
+/* line 137, ../sass/_layout.scss */
 #header h2 {
   font-family: "myriadpro-it";
   font-size: 18px;
   padding-bottom: 15px;
 }
-/* line 106, ../sass/_layout.scss */
+/* line 143, ../sass/_layout.scss */
 #header #credit {
   position: absolute;
   top: 0px;
   border-bottom: solid 1px white;
   padding: 7px 0px;
 }
-/* line 115, ../sass/_layout.scss */
+/* line 152, ../sass/_layout.scss */
 #header #credit span {
   font-family: "myriadpro-light";
 }
 
-/* line 121, ../sass/_layout.scss */
+/* line 158, ../sass/_layout.scss */
 #main {
   background-color: #F8F1DD;
 }
-/* line 124, ../sass/_layout.scss */
+/* line 161, ../sass/_layout.scss */
 #main #main-nav {
   width: 100%;
   position: relative;
   background-color: white;
   border-bottom: solid 1px #e0e0e0;
 }
-/* line 133, ../sass/_layout.scss */
+/* line 170, ../sass/_layout.scss */
 #main #main-nav ul li a {
   color: #BB8757;
   text-transform: uppercase;
   font-family: "myriadpro-regular";
   border-right: solid 1px #e0e0e0;
 }
-/* line 140, ../sass/_layout.scss */
+/* line 177, ../sass/_layout.scss */
 #main #main-nav ul li a:hover, #main #main-nav ul li.active a {
   background: none;
   border-bottom: solid 1px #BB8757;
   -webkit-border-radius: 0px;
   border-radius: 0px;
 }
-/* line 147, ../sass/_layout.scss */
+/* line 184, ../sass/_layout.scss */
 #main #main-nav ul li#btn-administration {
   background-color: #F8F1DD;
   float: right;
 }
-/* line 154, ../sass/_layout.scss */
+/* line 191, ../sass/_layout.scss */
 #main #main-nav #user {
   color: #BB8757;
   float: right;
   padding: 10px;
 }
-/* line 161, ../sass/_layout.scss */
+/* line 198, ../sass/_layout.scss */
 #main #page-title {
   padding-left: 15px;
   padding-right: 15px;
   top: -10px;
   text-align: center;
 }
-/* line 174, ../sass/_layout.scss */
+/* line 211, ../sass/_layout.scss */
 #main .container {
   padding: 0px;
   background-color: white;
   border-left: solid 1px #e0e0e0;
   border-right: solid 1px #e0e0e0;
 }
-/* line 182, ../sass/_layout.scss */
+/* line 219, ../sass/_layout.scss */
 #main #content {
+  padding-bottom: 20px;
   padding: 0px 20px 20px 20px;
 }
-/* line 185, ../sass/_layout.scss */
+/* line 223, ../sass/_layout.scss */
 #main #content h1, #main #content h2, #main #content h3, #main #content h4, #main #content h5, #main #content h6 {
   font-family: "myriadpro-regular";
   margin-top: 30px;
   margin-bottom: 20px;
 }
-/* line 190, ../sass/_layout.scss */
+/* line 228, ../sass/_layout.scss */
 #main #content h1.first, #main #content h2.first, #main #content h3.first, #main #content h4.first, #main #content h5.first, #main #content h6.first {
   margin-top: 0px;
 }
-/* line 195, ../sass/_layout.scss */
+/* line 233, ../sass/_layout.scss */
 #main #content h1 {
   font-size: 30px;
 }
-/* line 199, ../sass/_layout.scss */
+/* line 237, ../sass/_layout.scss */
 #main #content h2 {
   font-size: 25px;
 }
-/* line 204, ../sass/_layout.scss */
+/* line 242, ../sass/_layout.scss */
 #main #content h3 {
-  font-size: 22px;
+  font-family: "myriadpro-light";
+  text-transform: uppercase;
+  font-size: 23px;
+  padding: 10px 0px 10px 10px;
+  color: white;
+  text-align: center;
+}
+/* line 249, ../sass/_layout.scss */
+#main #content h3 span {
+  background-color: #BB8757;
+  padding: 10px 20px;
+  padding-top: 14px;
 }
-/* line 208, ../sass/_layout.scss */
+/* line 256, ../sass/_layout.scss */
 #main #content h4 {
   font-size: 20px;
 }
-/* line 212, ../sass/_layout.scss */
+/* line 260, ../sass/_layout.scss */
 #main #content h5 {
   font-size: 18px;
 }
-/* line 216, ../sass/_layout.scss */
+/* line 264, ../sass/_layout.scss */
 #main #content h6 {
   font-size: 16px;
 }
 
-/* line 222, ../sass/_layout.scss */
+/* line 270, ../sass/_layout.scss */
 #footer {
   background-color: #BB8757;
   height: 100px;
 }
-/* line 226, ../sass/_layout.scss */
+/* line 274, ../sass/_layout.scss */
 #footer .container {
   padding: 0px;
 }
-/* line 228, ../sass/_layout.scss */
+/* line 276, ../sass/_layout.scss */
 #footer .container .overflow {
   height: 30px;
   background-color: white;
   border-right: solid 1px #e0e0e0;
   border-bottom: solid 1px #e0e0e0;
 }
-/* line 236, ../sass/_layout.scss */
+/* line 284, ../sass/_layout.scss */
 #footer .container .content {
   padding-top: 20px;
   color: white;
 }
-/* line 240, ../sass/_layout.scss */
+/* line 288, ../sass/_layout.scss */
 #footer .container .content a {
   color: white;
   text-decoration: underline;
 .commande-update .commande-form .blocs .bloc .nom {
   font-family: "comfortaalight";
   font-size: 20px;
+  padding-bottom: 10px;
 }
 /* line 129, ../sass/commande/_form.scss */
 .commande-create .commande-form .blocs .bloc .adresse,
 .commande-update .commande-form .blocs .bloc .adresse {
   color: gray;
-  font-size: 13px;
-  line-height: 16px;
+  font-size: 15px;
+  line-height: 20px;
 }
 /* line 135, ../sass/commande/_form.scss */
 .commande-create .commande-form .blocs .bloc .horaires,
 .commande-create .commande-form #bar-fixed,
 .commande-update .commande-form #bar-fixed {
   display: none;
+  width: 100%;
   position: fixed;
   bottom: 0px;
+  left: 0px;
   z-index: 100;
   background-color: white;
   padding: 15px;
   -moz-box-shadow: 0 0 5px gray;
   -webkit-box-shadow: 0 0 5px gray;
   box-shadow: 0 0 5px gray;
-  -moz-border-radius: 10px 10px 0px 0px;
-  -webkit-border-radius: 10px;
-  border-radius: 10px 10px 0px 0px;
   border-top: solid 1px #e0e0e0;
   background-color: #F9F9F9;
   background-color: #F8F1DD;
   text-align: center;
 }
-/* line 287, ../sass/commande/_form.scss */
+/* line 286, ../sass/commande/_form.scss */
 .commande-create .commande-form #bar-fixed .container,
 .commande-update .commande-form #bar-fixed .container {
   min-height: auto;
   background: none;
   border: 0px none;
 }
-/* line 293, ../sass/commande/_form.scss */
+/* line 292, ../sass/commande/_form.scss */
 .commande-create .commande-form #bar-fixed.not-fixed,
 .commande-update .commande-form #bar-fixed.not-fixed {
   position: relative;
   border: solid 1px #e0e0e0;
   padding-right: 20px;
 }
-/* line 302, ../sass/commande/_form.scss */
+/* line 299, ../sass/commande/_form.scss */
+.commande-create .commande-form #bar-fixed.not-fixed .container,
+.commande-update .commande-form #bar-fixed.not-fixed .container {
+  width: auto;
+}
+/* line 305, ../sass/commande/_form.scss */
 .commande-create .commande-form #bar-fixed.no-credit-pain #bloc-valider-commande,
 .commande-update .commande-form #bar-fixed.no-credit-pain #bloc-valider-commande {
   margin-top: 0px;
   float: right;
 }
-/* line 308, ../sass/commande/_form.scss */
+/* line 311, ../sass/commande/_form.scss */
 .commande-create .commande-form #bar-fixed #total-commande-bottom,
 .commande-update .commande-form #bar-fixed #total-commande-bottom {
   background-color: white;
   padding: 5px 25px;
   border: solid 1px #e0e0e0;
 }
-/* line 315, ../sass/commande/_form.scss */
+/* line 318, ../sass/commande/_form.scss */
 .commande-create .commande-form #bar-fixed .btn-commentaire,
 .commande-update .commande-form #bar-fixed .btn-commentaire {
   float: left;
 }
-/* line 323, ../sass/commande/_form.scss */
+/* line 326, ../sass/commande/_form.scss */
 .commande-create .commande-form #bar-fixed .btn-commentaire,
 .commande-update .commande-form #bar-fixed .btn-commentaire {
   margin-right: 10px;
 }
-/* line 327, ../sass/commande/_form.scss */
+/* line 330, ../sass/commande/_form.scss */
 .commande-create .commande-form #bar-fixed #bloc-valider-commande,
 .commande-update .commande-form #bar-fixed #bloc-valider-commande {
   text-align: right;
   margin-top: 20px;
 }
-/* line 331, ../sass/commande/_form.scss */
+/* line 334, ../sass/commande/_form.scss */
 .commande-create .commande-form #bar-fixed #bloc-valider-commande button,
 .commande-update .commande-form #bar-fixed #bloc-valider-commande button {
   width: 340px;
   margin-right: 10px;
 }
-/* line 337, ../sass/commande/_form.scss */
+/* line 340, ../sass/commande/_form.scss */
 .commande-create .commande-form #bar-fixed #checkbox-credit-pain,
 .commande-update .commande-form #bar-fixed #checkbox-credit-pain {
   float: right;
   -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
 }
-/* line 348, ../sass/commande/_form.scss */
+/* line 351, ../sass/commande/_form.scss */
 .commande-create .commande-form #bar-fixed #checkbox-credit-pain.paiement-impossible,
 .commande-update .commande-form #bar-fixed #checkbox-credit-pain.paiement-impossible {
   background-color: #e0e0e0;
 }
-/* line 352, ../sass/commande/_form.scss */
+/* line 355, ../sass/commande/_form.scss */
 .commande-create .commande-form #bar-fixed #checkbox-credit-pain .info,
 .commande-update .commande-form #bar-fixed #checkbox-credit-pain .info {
   color: gray;
   font-weight: normal;
 }
-/* line 357, ../sass/commande/_form.scss */
+/* line 360, ../sass/commande/_form.scss */
 .commande-create .commande-form #bar-fixed #checkbox-credit-pain .the-credit,
 .commande-update .commande-form #bar-fixed #checkbox-credit-pain .the-credit {
   background-color: #BB8757;
   -webkit-border-radius: 5px;
   border-radius: 5px;
 }
-/* line 364, ../sass/commande/_form.scss */
+/* line 367, ../sass/commande/_form.scss */
 .commande-create .commande-form #bar-fixed #checkbox-credit-pain .montant-paye,
 .commande-update .commande-form #bar-fixed #checkbox-credit-pain .montant-paye {
   color: #BB8757;
 }
-/* line 368, ../sass/commande/_form.scss */
+/* line 371, ../sass/commande/_form.scss */
 .commande-create .commande-form #bar-fixed #checkbox-credit-pain #info-credit-vide,
 .commande-update .commande-form #bar-fixed #checkbox-credit-pain #info-credit-vide {
   font-size: 12px;
 }
-/* line 372, ../sass/commande/_form.scss */
+/* line 375, ../sass/commande/_form.scss */
 .commande-create .commande-form #bar-fixed #checkbox-credit-pain #credit-pain-disabled,
 .commande-update .commande-form #bar-fixed #checkbox-credit-pain #credit-pain-disabled {
   display: none;
   font-size: 12px;
 }
-/* line 378, ../sass/commande/_form.scss */
+/* line 381, ../sass/commande/_form.scss */
 .commande-create .commande-form #bar-fixed .btn-retour, .commande-create .commande-form #bar-fixed .annuler-commande,
 .commande-update .commande-form #bar-fixed .btn-retour,
 .commande-update .commande-form #bar-fixed .annuler-commande {
   float: left;
   margin-right: 5px;
 }
-/* line 383, ../sass/commande/_form.scss */
+/* line 386, ../sass/commande/_form.scss */
 .commande-create .commande-form #bar-fixed .annuler-commande,
 .commande-update .commande-form #bar-fixed .annuler-commande {
   color: #b92c28;
   background-color: white;
 }
-/* line 388, ../sass/commande/_form.scss */
+/* line 391, ../sass/commande/_form.scss */
 .commande-create .commande-form #bar-fixed #total-commande-bottom,
 .commande-update .commande-form #bar-fixed #total-commande-bottom {
   display: none;
   font-family: "comfortaalight";
   font-size: 24px;
 }
-/* line 395, ../sass/commande/_form.scss */
+/* line 398, ../sass/commande/_form.scss */
 .commande-create .commande-form #bar-fixed .field-commande-commentaire,
 .commande-update .commande-form #bar-fixed .field-commande-commentaire {
   display: none;
 }
-/* line 403, ../sass/commande/_form.scss */
+/* line 406, ../sass/commande/_form.scss */
 .commande-create .ui-datepicker .ui-widget-header,
 .commande-update .ui-datepicker .ui-widget-header {
   background: none;
   color: black;
   font-weight: normal;
 }
-/* line 411, ../sass/commande/_form.scss */
+/* line 414, ../sass/commande/_form.scss */
 .commande-create .ui-datepicker .ui-datepicker-current-day a,
 .commande-create .ui-datepicker a.ui-state-hover,
 .commande-update .ui-datepicker .ui-datepicker-current-day a,

producer/web/js/lechatdesnoisettes.js

 	}) ;*/
 }
 
+function chat_base_url() {
+    return $('meta[name=base-url]').attr('content')+'/' ;
+}
+
 function chat_systeme_commande() {
 	
 	if($('.commande-form').size()) {
                 $('#modal-code form').submit(function() {
                     var id_pv = $('#modal-code #id-point-vente').val() ;
                     var code = $('#modal-code #code').val() ;
-                    $.get('index.php',{
-                        r: 'commande/verif-code-point-vente',
+                    $.get(chat_base_url()+'commande/verif-code-point-vente',{
                         id_point_vente: id_pv,
                         code: code
                     }, function(ok) {
 
 function chat_systeme_commande_produits_dispos(str_date, date) {
 	// produits dispos à la vente à cette date
-	$.get('index.php',{
-		r: 'commande/infos-production',
+	$.get(chat_base_url()+'commande/infos-production',{
                 id_production: $('#commande-id_production').val()
 	}, function(data) {
 		

producer/web/sass/_layout.scss

     clear: both ;
 }
 
+.modal-backdrop.in {
+    z-index: 10 ;
+}
+
+#main {
+    .btn-primary {
+        background-color: $color1 ;
+        border: solid 1px $color1 ;
+        color: white ;
+
+        &:hover, &:active, &:focus {
+            background-color: darken($color1, 5) ;
+            border: solid 1px $color1 ;
+            color: white ;
+        }
+    }
+}
+
+
+.btn {
+    background-image: none ;
+}
+
+#main .alert {
+    background-image: none; 	
+    background-color: white ;
+    border-bottom-width: 3px ;
+}
+
+.alert {
+    &.alert-warning {
+        a {
+            color: #8a6d3b ;
+        }
+    }
+}
+
 #header-bap {
     background-color: $color2 ;
     padding-top: 7px ;
     }
     
     #content {
-        padding: 0px 20px 20px 20px ;
+        padding-bottom: 20px ;
+        padding: 0px 20px 20px 20px ;   
         
         h1, h2, h3, h4, h5, h6 {
             font-family: 'myriadpro-regular' ;
         }
         
         h3 {
-            font-size: 22px ;
+            font-family: 'myriadpro-light' ;
+            text-transform: uppercase ;
+            font-size: 23px ;
+            padding: 10px 0px 10px 10px ;
+            color: white ;
+            text-align: center ;
+            span {
+                background-color: $color1 ;
+                padding: 10px 20px ;
+                padding-top: 14px ;
+            }
         }
         
         h4 {

producer/web/sass/commande/_form.scss

                 border: 1px solid #d8d8d8 ;
 
                 .nom {
-                    //text-align: center ;
                     font-family: "comfortaalight" ;
                     font-size: 20px ;
+                    padding-bottom: 10px ;
                 }
 
                 .adresse {
                     color: gray ;
-                    font-size: 13px ;
-                    line-height: 16px ;
+                    font-size: 15px ;
+                    line-height: 20px ;
                 }
 
                 .horaires {
 
         #bar-fixed {
             display: none ;
+            width: 100% ;
             position: fixed ;
             bottom: 0px ;
-            //left: 0px ;
+            left: 0px ;
             z-index: 100 ;
-            //width: 100% ;
             background-color: white ;
             padding: 15px ;
             margin-bottom: 0px ;
             @include box-shadow(0 0 5px gray) ;
-            @include border-radius(10px 10px 0px 0px) ;
             border-top: solid 1px #e0e0e0 ;
             background-color: #F9F9F9 ;
             background-color: $color2 ;
                 @include border-radius(0px) ;
                 border: solid 1px #e0e0e0 ;
                 padding-right: 20px ;
+                
+                .container {
+                    width: auto ;
+                }
             }
 
             &.no-credit-pain {