[Boutique] Mise en avant des congés sur la page d'accueil et sur le calendrier des commandes

backend/views/producer/update.php

                         ]); ?>
                     <?= $form->field($model, 'option_point_sale_wording') ?>
 
-                    <h4>Groupes utilisateurs</h4>
-                    <?= $form->field($model, 'id_user_group_default')
-                        ->dropDownList($userGroupModule->getRepository()->populateUserGroupDropdownList()); ?>
+                    <h4>Congés</h4>
+                    <?= $form->field($model, 'option_leave_period_start')->textInput([
+                        'class' => 'datepicker form-control'
+                    ]); ?>
+                    <?= $form->field($model, 'option_leave_period_end')->textInput([
+                        'class' => 'datepicker form-control'
+                    ]); ?>
+                    <?= $form->field($model, 'option_leave_period_message_display')
+                            ->dropDownList(Dropdown::noYesChoices()); ?>
+                    <?= $form->field($model, 'option_leave_period_message_title')->textInput(); ?>
+                    <?= $form->field($model, 'option_leave_period_message')->textarea(); ?>
 
                     <h4>Communication</h4>
                     <?= $form->field($model, 'option_newsletter_description')
                             ->hint('Description affichée sur la page "Infolettre" de la boutique')
                             ->textarea(); ?>
+
+                    <h4>Groupes utilisateurs</h4>
+                    <?= $form->field($model, 'id_user_group_default')
+                        ->dropDownList($userGroupModule->getRepository()->populateUserGroupDropdownList()); ?>
                 </div>
             </div>
 
                         ->dropDownList(Dropdown::noYesChoices()); ?>
 
                     <h4>Divers</h4>
-                    <?= $form->field($model, 'option_leave_period_start')->textInput([
-                        'class' => 'datepicker form-control'
-                    ]); ?>
-                    <?= $form->field($model, 'option_leave_period_end')->textInput([
-                        'class' => 'datepicker form-control'
-                    ]); ?>
                     <?php
                     $choicesWeeksDistributionsActivatedInAdvanceArray = [null => '--'];
                     for ($i = 1; $i < 13; $i++) {

console/migrations/m240514_082906_add_columns_producer_leave_period.php

+<?php
+
+use yii\db\Migration;
+use yii\db\Schema;
+
+/**
+ * Class m240514_082906_add_columns_producer_leave_period
+ */
+class m240514_082906_add_columns_producer_leave_period extends Migration
+{
+    /**
+     * {@inheritdoc}
+     */
+    public function safeUp()
+    {
+        $this->addColumn('producer', 'option_leave_period_message_display', Schema::TYPE_BOOLEAN);
+        $this->addColumn('producer', 'option_leave_period_message_title', Schema::TYPE_STRING);
+        $this->addColumn('producer', 'option_leave_period_message', Schema::TYPE_TEXT);
+    }
+
+    /**
+     * {@inheritdoc}
+     */
+    public function safeDown()
+    {
+        $this->dropColumn('producer', 'option_leave_period_message_display');
+        $this->dropColumn('producer', 'option_leave_period_message_title');
+        $this->dropColumn('producer', 'option_leave_period_message');
+    }
+}

domain/Distribution/Distribution/DistributionSolver.php

 namespace domain\Distribution\Distribution;
 
 use domain\PointSale\PointSale\PointSale;
+use domain\Producer\Producer\ProducerSolver;
 use domain\Product\Product\Product;
 use domain\_\AbstractService;
 use domain\_\SolverInterface;

domain/Producer/Producer/Producer.php

                     'tiller_redirect_uri',
                     'tiller_store_id',
                     'option_main_color',
-                    'option_newsletter_description'
+                    'option_newsletter_description',
+                    'option_leave_period_message_title',
+                    'option_leave_period_message'
                 ],
                 'string'
             ],
                     'option_check_by_default_prevent_user_credit',
                     'delivery_note_automatic_validation',
                     'is_new',
-                    'agree_contact_about_software_development'
+                    'agree_contact_about_software_development',
+                    'option_leave_period_message_display'
                 ],
                 'boolean'
             ],
             'is_new' => 'Nouveau',
             'agree_contact_about_software_development' => "J'accepte d'être contacté dans le cadre de l'amélioration du logiciel",
             'option_main_color' => 'Couleur principale',
-            'option_newsletter_description' => 'Description infolettre'
+            'option_newsletter_description' => 'Description infolettre',
+            'option_leave_period_message_display' => 'Afficher le message des congés',
+            'option_leave_period_message_title' => 'Titre du message des congés',
+            'option_leave_period_message' => 'Message des congés',
         ];
     }
 

producer/controllers/OrderController.php

         $json['orders'] = $this->ajaxInfosOrders($producer);
         $json['user'] = $this->ajaxInfosUser($producer);
         $json['points_sale'] = $this->ajaxInfosPointsSale($producer);
+        $json['leave_period'] = $this->ajaxInfosLeavePeriod($producer);
 
         if ($dateObject && $dateObject->format($format) === $date) {
             $distribution = $this-> getDistributionModule()->createDistributionIfNotExist($date);
         return $json;
     }
 
+    public function ajaxInfosLeavePeriod(Producer $producer)
+    {
+        if($this->getProducerModule()->getSolver()->hasLeavePeriodDefined($producer)) {
+            return [
+                'start' => $producer->option_leave_period_start,
+                'end' => $producer->option_leave_period_end,
+            ];
+        }
+
+        return false;
+    }
+
     public function ajaxInfosProducer(Producer $producer)
     {
         return [
             'params' => [':date' => $dateMini],
             'join_with' => ['pointSaleDistribution'],
         ]);
-        $distributionsArray = $distributionModule->filterDistributionsByDateDelay($distributionsArray);
+        $distributionsArray = $distributionModule->getSolver()->filterDistributionsByDateDelay($distributionsArray);
+
+        // Filtre par période de congé
+        foreach ($distributionsArray as $keyDistribution => $distribution) {
+            if($this->getProducerModule()->getSolver()->isOnLeavePeriod($this->getProducerCurrent(), new DateTime($distribution->date))) {
+                unset($distributionsArray[$keyDistribution]);
+            }
+        }
 
         // Filtre par point de vente
         if ($pointSaleCurrent && $producer->option_order_entry_point == Producer::ORDER_ENTRY_POINT_POINT_SALE) {

producer/views/layouts/main.php

 
     <section id="content">
 
+        <?php
+        // Message congés
+        $leavePeriodMessageDisplay = $producerModule->getSolver()->getConfig('option_leave_period_message_display', $producer);
+        $leavePeriodMessageTitle = $producerModule->getSolver()->getConfig('option_leave_period_message_title', $producer);
+        $leavePeriodMessage = $producerModule->getSolver()->getConfig('option_leave_period_message', $producer);
+        if($leavePeriodMessageDisplay && ($leavePeriodMessageTitle || $leavePeriodMessage)): ?>
+            <div class="alert alert-warning alert-leave-period">
+                <?php if($leavePeriodMessageTitle): ?>
+                    <h4 class="alert-heading<?php if(!$leavePeriodMessage): ?> without-message<?php endif; ?>">
+                        <i class="bi bi-calendar-range"></i>
+                        <?= $leavePeriodMessageTitle ?>
+                    </h4>
+                <?php endif; ?>
+                <?php if($leavePeriodMessage): ?>
+                    <p>
+                        <?php if(!$leavePeriodMessageTitle): ?><i class="bi bi-calendar-range"></i><?php endif; ?>
+                        <?= nl2br(Html::encode($leavePeriodMessage)) ?>
+                    </p>
+                <?php endif; ?>
+            </div>
+        <?php endif; ?>
+
         <?php if (strlen($this->getTitle())): ?>
             <h2 id="page-title">
                 <?= $this->getTitle(); ?>

producer/views/order/order.php

                                 <div id="legend">
                                     <div><span id="distribution-date-color"></span> Prochains jours de distribution</div>
                                     <div><span id="order-date-color"></span> Vos commandes déjà enregistrées</div>
+                                    <div><span id="leave-period-date-color"></span> Congés</div>
                                 </div>
                                 <div id="calendar">
                                     <v-calendar

producer/web/css/screen.css

   display: none;
 }
 
-/* line 147, ../sass/_layout.scss */
+/* line 148, ../sass/_layout.scss */
+#main #content .alert-leave-period h4.alert-heading.without-message {
+  margin-bottom: 0px;
+}
+
+/* line 153, ../sass/_layout.scss */
 #header {
   text-align: center;
   padding: 0px;
   position: relative;
 }
-/* line 153, ../sass/_layout.scss */
+/* line 159, ../sass/_layout.scss */
 #header #logo {
   position: absolute;
   top: 90px;
   text-align: center;
   overflow: hidden;
 }
-/* line 165, ../sass/_layout.scss */
+/* line 171, ../sass/_layout.scss */
 #header #logo img {
   position: absolute;
   top: 50%;
   max-width: 160px;
   max-height: 160px;
 }
-/* line 175, ../sass/_layout.scss */
+/* line 181, ../sass/_layout.scss */
 #header.without-logo #title {
   padding-left: 30px;
 }
-/* line 179, ../sass/_layout.scss */
+/* line 185, ../sass/_layout.scss */
 #header #title {
   text-align: left;
   padding-left: 246px;
   padding-top: 20px;
   padding-bottom: 20px;
 }
-/* line 185, ../sass/_layout.scss */
+/* line 191, ../sass/_layout.scss */
 #header #title h1 {
   font-family: 'worksans_extrabold';
   font-size: 2.2rem;
   margin-bottom: 2px;
 }
-/* line 190, ../sass/_layout.scss */
+/* line 196, ../sass/_layout.scss */
 #header #title h1 a.producer-name {
   text-decoration: none;
   color: #ee6f42;
 }
-/* line 195, ../sass/_layout.scss */
+/* line 201, ../sass/_layout.scss */
 #header #title h1 .bookmark {
   color: #b7ab9b;
   font-size: 0.7em;
 }
-/* line 201, ../sass/_layout.scss */
+/* line 207, ../sass/_layout.scss */
 #header #title h2 {
   font-family: 'worksans_regular';
   text-transform: uppercase;
   font-size: 1.1rem;
 }
-/* line 206, ../sass/_layout.scss */
+/* line 212, ../sass/_layout.scss */
 #header #title h2 .location {
   text-transform: none;
   font-family: 'worksans_bold';
 }
-/* line 210, ../sass/_layout.scss */
+/* line 216, ../sass/_layout.scss */
 #header #title h2 .location .bi {
   position: relative;
   left: 1px;
 }
-/* line 218, ../sass/_layout.scss */
+/* line 224, ../sass/_layout.scss */
 #header nav#main-nav {
   background-color: #ece4d8;
   margin-top: 0px;
 }
-/* line 224, ../sass/_layout.scss */
+/* line 230, ../sass/_layout.scss */
 #header nav#main-nav ul li a {
   display: inline-block;
   padding: 8px 12px;
   -webkit-box-shadow: -20px 0px 20px 0px #ece4d8 inset;
   box-shadow: -20px 0px 20px 0px #ece4d8 inset;
 }
-/* line 232, ../sass/_layout.scss */
+/* line 238, ../sass/_layout.scss */
 #header nav#main-nav ul li a .bi {
   margin-right: 3px;
 }
-/* line 236, ../sass/_layout.scss */
+/* line 242, ../sass/_layout.scss */
 #header nav#main-nav ul li a span.label {
   display: inline-block;
   position: relative;
   text-transform: uppercase;
   border: solid 1px transparent;
 }
-/* line 252, ../sass/_layout.scss */
+/* line 258, ../sass/_layout.scss */
 #header nav#main-nav ul li a .hide-desktop {
   display: none;
 }
-/* line 257, ../sass/_layout.scss */
+/* line 263, ../sass/_layout.scss */
 #header nav#main-nav ul li a.active,
 #header nav#main-nav ul li a:hover {
   color: white;
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-/* line 262, ../sass/_layout.scss */
+/* line 268, ../sass/_layout.scss */
 #header nav#main-nav ul li a.active span.label-success,
 #header nav#main-nav ul li a:hover span.label-success {
   border: solid 1px white !important;
 }
-/* line 268, ../sass/_layout.scss */
+/* line 274, ../sass/_layout.scss */
 #header nav#main-nav ul.submenu {
   background-color: white;
 }
-/* line 272, ../sass/_layout.scss */
+/* line 278, ../sass/_layout.scss */
 #header nav#main-nav ul.submenu li a {
   background-color: white;
   font-size: 0.9em;
   box-shadow: none;
   border-bottom: solid 2px #f4efe8;
 }
-/* line 278, ../sass/_layout.scss */
+/* line 284, ../sass/_layout.scss */
 #header nav#main-nav ul.submenu li a span.label {
   background-color: white;
   border: solid 1px #b7ab9b;
   color: #b7ab9b;
 }
-/* line 285, ../sass/_layout.scss */
+/* line 291, ../sass/_layout.scss */
 #header nav#main-nav ul.submenu li a.active,
 #header nav#main-nav ul.submenu li a:hover {
   color: black;
   background-color: white;
   border-bottom: solid 2px #b7ab9b !important;
 }
-/* line 295, ../sass/_layout.scss */
+/* line 301, ../sass/_layout.scss */
 #header nav#main-nav #user {
   color: #ee6f42;
   float: right;
   padding: 10px;
 }
 
-/* line 303, ../sass/_layout.scss */
+/* line 309, ../sass/_layout.scss */
 #main {
   padding: 0px;
   padding-top: 38px;
   margin-bottom: 30px;
   background-color: white;
 }
-/* line 309, ../sass/_layout.scss */
+/* line 315, ../sass/_layout.scss */
 #main #banner {
   height: 180px;
   overflow: hidden;
   background-size: cover;
   background-position: center;
 }
-/* line 317, ../sass/_layout.scss */
+/* line 323, ../sass/_layout.scss */
 #main #infos-producer {
   display: none;
   padding: 5px 10px;
   border-bottom: solid 1px #e0e0e0;
   color: gray;
 }
-/* line 326, ../sass/_layout.scss */
+/* line 332, ../sass/_layout.scss */
 #main #infos-producer strong {
   font-weight: bold;
 }
-/* line 330, ../sass/_layout.scss */
+/* line 336, ../sass/_layout.scss */
 #main #infos-producer .favorite {
   float: right;
   color: gray;
 }
-/* line 333, ../sass/_layout.scss */
+/* line 339, ../sass/_layout.scss */
 #main #infos-producer .favorite a {
   color: black;
 }
-/* line 339, ../sass/_layout.scss */
+/* line 345, ../sass/_layout.scss */
 #main h2#page-title {
   margin-top: 0px;
   font-family: "worksans_bold";
   font-size: 30px;
   line-height: 40px;
 }
-/* line 350, ../sass/_layout.scss */
+/* line 356, ../sass/_layout.scss */
 #main #content {
   padding: 40px;
   min-height: 300px;
 }
-/* line 354, ../sass/_layout.scss */
+/* line 360, ../sass/_layout.scss */
 #main #content h1, #main #content h2, #main #content h3, #main #content h4, #main #content h5, #main #content h6 {
   font-family: "worksans_bold";
   margin-bottom: 20px;
   color: black;
 }
-/* line 359, ../sass/_layout.scss */
+/* line 365, ../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 364, ../sass/_layout.scss */
+/* line 370, ../sass/_layout.scss */
 #main #content h1 {
   font-size: 30px;
 }
-/* line 368, ../sass/_layout.scss */
+/* line 374, ../sass/_layout.scss */
 #main #content h2 {
   font-size: 25px;
 }
-/* line 372, ../sass/_layout.scss */
+/* line 378, ../sass/_layout.scss */
 #main #content h3 {
   font-size: 1.4em;
   text-align: left;
   margin-bottom: 30px;
 }
-/* line 377, ../sass/_layout.scss */
+/* line 383, ../sass/_layout.scss */
 #main #content h3 span {
   padding-top: 14px;
   color: black;
 }
-/* line 383, ../sass/_layout.scss */
+/* line 389, ../sass/_layout.scss */
 #main #content h4 {
   font-size: 20px;
 }
-/* line 387, ../sass/_layout.scss */
+/* line 393, ../sass/_layout.scss */
 #main #content h5 {
   font-size: 18px;
 }
-/* line 391, ../sass/_layout.scss */
+/* line 397, ../sass/_layout.scss */
 #main #content h6 {
   font-size: 16px;
 }
-/* line 397, ../sass/_layout.scss */
+/* line 403, ../sass/_layout.scss */
 #main #content form .form-group .hint-block {
   color: gray;
 }
 
-/* line 405, ../sass/_layout.scss */
+/* line 411, ../sass/_layout.scss */
 #footer-producer {
   margin-bottom: 30px;
   text-align: center;
   width: 100%;
 }
-/* line 410, ../sass/_layout.scss */
+/* line 416, ../sass/_layout.scss */
 #footer-producer a {
   color: #ee6f42;
 }
-/* line 412, ../sass/_layout.scss */
+/* line 418, ../sass/_layout.scss */
 #footer-producer a:active {
   text-decoration: underline;
 }
 
-/* line 418, ../sass/_layout.scss */
+/* line 424, ../sass/_layout.scss */
 #footer {
   display: none;
   height: 100px;
   float: right;
   text-align: center;
 }
-/* line 424, ../sass/_layout.scss */
+/* line 430, ../sass/_layout.scss */
 #footer .content {
   padding-top: 20px;
   color: black;
 }
-/* line 428, ../sass/_layout.scss */
+/* line 434, ../sass/_layout.scss */
 #footer .content a {
   color: black;
   font-size: 18px;
   padding-left: 10px;
   padding-right: 10px;
 }
-/* line 434, ../sass/_layout.scss */
+/* line 440, ../sass/_layout.scss */
 #footer .content a:hover {
   text-decoration: underline;
 }
-/* line 441, ../sass/_layout.scss */
+/* line 447, ../sass/_layout.scss */
 #footer #code-source img {
   height: 20px;
 }
 }
 /* line 136, ../sass/order/_order.scss */
 .order-order #main #app-order-order #legend #order-date-color,
-.order-order #main #app-order-order #legend #distribution-date-color {
+.order-order #main #app-order-order #legend #distribution-date-color,
+.order-order #main #app-order-order #legend #leave-period-date-color {
   width: 13px;
   height: 13px;
   display: inline-block;
 }
-/* line 143, ../sass/order/_order.scss */
+/* line 144, ../sass/order/_order.scss */
 .order-order #main #app-order-order #legend #order-date-color {
   background-color: #198754;
   border: solid 2px #198754;
 }
-/* line 147, ../sass/order/_order.scss */
+/* line 148, ../sass/order/_order.scss */
 .order-order #main #app-order-order #legend #distribution-date-color {
   background-color: white;
   border: solid 2px #198754;
 }
-/* line 153, ../sass/order/_order.scss */
+/* line 152, ../sass/order/_order.scss */
+.order-order #main #app-order-order #legend #leave-period-date-color {
+  background-color: #E09F3E;
+  border: solid 2px #E09F3E;
+}
+/* line 158, ../sass/order/_order.scss */
 .order-order #main #app-order-order #calendar {
   margin-bottom: 15px;
 }
-/* line 155, ../sass/order/_order.scss */
+/* line 160, ../sass/order/_order.scss */
 .order-order #main #app-order-order #calendar .c-header .c-title-layout .c-title-popover .c-title-anchor .c-title[data-v-2083cb72] {
   font-size: 2rem;
 }
-/* line 158, ../sass/order/_order.scss */
+/* line 163, ../sass/order/_order.scss */
 .order-order #main #app-order-order #calendar .c-day-background {
   padding: 20px;
 }
-/* line 163, ../sass/order/_order.scss */
+/* line 168, ../sass/order/_order.scss */
 .order-order #main #app-order-order #calendar .c-day:hover .c-day-background {
   background-color: #ee6f42 !important;
   color: white !important;
 }
-/* line 169, ../sass/order/_order.scss */
+/* line 174, ../sass/order/_order.scss */
 .order-order #main #app-order-order #calendar .c-day-popover-content {
   font-size: 1.3rem;
 }
-/* line 177, ../sass/order/_order.scss */
+/* line 182, ../sass/order/_order.scss */
 .order-order #main #app-order-order #credit-online-payment .panel .panel-heading .btn-default {
   float: right;
   position: relative;
   top: -5px;
 }
-/* line 188, ../sass/order/_order.scss */
+/* line 193, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-date #distributions-list .card {
   margin-bottom: 20px;
 }
-/* line 191, ../sass/order/_order.scss */
+/* line 196, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-date #distributions-list .card .btn-primary {
   float: right;
 }
-/* line 195, ../sass/order/_order.scss */
+/* line 200, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-date #distributions-list .card .date {
   font-size: 1.2rem;
   line-height: 1.4rem;
   text-transform: uppercase;
   font-family: 'worksans_semibold';
 }
-/* line 202, ../sass/order/_order.scss */
+/* line 207, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-date #distributions-list .card .point-sales {
   color: gray;
   font-size: 14px;
   margin-top: 8px;
 }
-/* line 211, ../sass/order/_order.scss */
+/* line 216, ../sass/order/_order.scss */
 .order-order #main #app-order-order .block-actions {
   text-align: center;
   margin-top: 40px;
 }
-/* line 218, ../sass/order/_order.scss */
+/* line 223, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#points-sale td.name .the-name {
   color: black;
   font-size: 1.2em;
   line-height: 1.4em;
   font-family: 'worksans_semibold';
 }
-/* line 225, ../sass/order/_order.scss */
+/* line 230, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#points-sale td.name .locality {
   display: none;
 }
-/* line 229, ../sass/order/_order.scss */
+/* line 234, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#points-sale td.name .comment,
 .order-order #main #app-order-order table#points-sale td.name .minimum-order-amount {
   color: gray;
 }
-/* line 233, ../sass/order/_order.scss */
+/* line 238, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#points-sale td.name .comment a,
 .order-order #main #app-order-order table#points-sale td.name .minimum-order-amount a {
   color: #ee6f42;
 }
-/* line 239, ../sass/order/_order.scss */
+/* line 244, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#points-sale td.actions {
   width: 150px;
 }
-/* line 241, ../sass/order/_order.scss */
+/* line 246, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#points-sale td.actions button {
   width: 100%;
 }
-/* line 253, ../sass/order/_order.scss */
+/* line 258, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products {
   margin-bottom: 40px;
   border-top: solid 1px #b7ab9b;
   border-left: solid 1px #b7ab9b;
   border-right: solid 1px #b7ab9b;
 }
-/* line 259, ../sass/order/_order.scss */
+/* line 264, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products thead {
   display: none;
 }
-/* line 263, ../sass/order/_order.scss */
+/* line 268, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products td {
   border-bottom: solid 1px #b7ab9b;
   border-left: 0px none;
   border-right: 0px none;
 }
-/* line 271, ../sass/order/_order.scss */
+/* line 276, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.category-closed:hover td.category-name,
 .order-order #main #app-order-order table#products tr.category-open td.category-name {
   padding-left: 30px;
   background-color: #f4efe8;
 }
-/* line 278, ../sass/order/_order.scss */
+/* line 283, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products td.category-name {
   transition: all 0.1s linear;
   background-color: #f4efe8;
   padding-top: 13px;
   padding-left: 20px;
 }
-/* line 289, ../sass/order/_order.scss */
+/* line 294, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products td.category-name .bi-caret-down-fill,
 .order-order #main #app-order-order table#products td.category-name .bi-caret-right-fill {
   font-size: 15px;
 }
-/* line 294, ../sass/order/_order.scss */
+/* line 299, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products td.category-name span.badge {
   font-family: "worksans_bold";
   text-transform: uppercase;
   position: relative;
   top: -3px;
 }
-/* line 302, ../sass/order/_order.scss */
+/* line 307, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products td.category-name span.badge.bg-primary {
   float: right;
   top: 2px;
 }
-/* line 308, ../sass/order/_order.scss */
+/* line 313, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products td.category-name:hover {
   cursor: pointer;
   background-color: white;
 }
-/* line 315, ../sass/order/_order.scss */
+/* line 320, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products td.photo img {
   width: 75px;
 }
-/* line 325, ../sass/order/_order.scss */
+/* line 330, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .price-unit .decreasing-prices {
   margin-top: 10px;
   font-size: 10px;
   padding-bottom: 2px;
   margin-bottom: 0px;
 }
-/* line 333, ../sass/order/_order.scss */
+/* line 338, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .price-unit .decreasing-prices ul li {
   margin-bottom: 5px;
 }
-/* line 335, ../sass/order/_order.scss */
+/* line 340, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .price-unit .decreasing-prices ul li strong {
   font-weight: bold;
 }
-/* line 343, ../sass/order/_order.scss */
+/* line 348, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .price-unit, .order-order #main #app-order-order table#products .price-total {
   width: 135px;
   text-align: center;
 }
-/* line 347, ../sass/order/_order.scss */
+/* line 352, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .price-unit .price-infos, .order-order #main #app-order-order table#products .price-total .price-infos {
   color: gray;
   font-size: 13px;
   line-height: 15px;
 }
-/* line 354, ../sass/order/_order.scss */
+/* line 359, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.product-open td.price-total {
   font-size: 1.1rem;
   font-family: 'worksans_bold';
   padding-top: 19px;
 }
-/* line 360, ../sass/order/_order.scss */
+/* line 365, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .td-quantity {
   width: 175px;
 }
-/* line 363, ../sass/order/_order.scss */
+/* line 368, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .td-quantity input.quantity,
 .order-order #main #app-order-order table#products .td-quantity .input-group-text {
   background-color: white;
 }
-/* line 368, ../sass/order/_order.scss */
+/* line 373, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .td-quantity input.quantity {
   text-align: center;
   border: 0px none;
 }
-/* line 372, ../sass/order/_order.scss */
+/* line 377, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .td-quantity .input-group-text {
   border: 0px none;
   padding-right: 10px;
   padding-left: 0px;
   margin: 0px;
 }
-/* line 380, ../sass/order/_order.scss */
+/* line 385, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .td-quantity .input-group-btn button {
   padding: 4px 5px 0px 5px;
 }
-/* line 382, ../sass/order/_order.scss */
+/* line 387, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .td-quantity .input-group-btn button .bi {
   font-size: 1.5em;
   font-weight: bold;
   margin: 0px;
 }
-/* line 393, ../sass/order/_order.scss */
+/* line 398, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .summary {
   padding: 25px;
 }
-/* line 396, ../sass/order/_order.scss */
+/* line 401, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .summary h3 {
   font-family: 'worksans_bold';
   margin-top: 0px;
   text-transform: uppercase;
   margin-bottom: 5px;
 }
-/* line 403, ../sass/order/_order.scss */
+/* line 408, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .summary ul {
   margin-bottom: 15px;
   padding-left: 20px;
   line-height: 1.4rem;
   list-style-type: disc;
 }
-/* line 411, ../sass/order/_order.scss */
+/* line 416, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .summary ul li .quantity {
   font-weight: bold;
 }
-/* line 418, ../sass/order/_order.scss */
+/* line 423, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .price-total {
   padding-top: 25px;
   font-size: 1.5rem;
   font-family: 'worksans_bold';
 }
-/* line 423, ../sass/order/_order.scss */
+/* line 428, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products tr.total .price-total span {
   display: inline-block;
   padding: 7px 15px;
   color: white;
   font-size: 1.2rem;
 }
-/* line 435, ../sass/order/_order.scss */
+/* line 440, ../sass/order/_order.scss */
 .order-order #main #app-order-order #payment-methods .infos {
   margin-top: 10px;
   color: gray;
 }
-/* line 442, ../sass/order/_order.scss */
+/* line 447, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-payment .delivery {
   margin-bottom: 20px;
 }
-/* line 446, ../sass/order/_order.scss */
+/* line 451, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-payment .comment {
   margin-bottom: 20px;
 }
-/* line 451, ../sass/order/_order.scss */
+/* line 456, ../sass/order/_order.scss */
 .order-order #main #app-order-order #content-step-payment .credit .info {
   margin-left: 20px;
   color: gray;
 }
 
-/* line 464, ../sass/order/_order.scss */
+/* line 469, ../sass/order/_order.scss */
 #main #content .panel h3 {
   font-family: "worksans_bold";
   margin: 0px;

producer/web/js/vuejs/order-order.js

                         }
                     }
 
+                    if(response.data.leave_period) {
+                        leavePeriodStartDateArray = response.data.leave_period.start.split('-');
+                        leavePeriodEndDateArray = response.data.leave_period.end.split('-');
+
+                        app.calendar.attrs.push({
+                            highlight: {
+                                style: {
+                                    background: '#E09F3E'
+                                },
+                                contentStyle: {
+                                    color: 'white'
+                                }
+                            },
+                            dates: {
+                                start: new Date(leavePeriodStartDateArray[0], leavePeriodStartDateArray[1] - 1, leavePeriodStartDateArray[2]),
+                                end: new Date(leavePeriodEndDateArray[0], leavePeriodEndDateArray[1] - 1, leavePeriodEndDateArray[2])
+                            },
+                            popover: {
+                                label: 'En congé',
+                                hideIndicator: true,
+                                isInteractive: true
+                            },
+                        });
+                    }
+
+
                     if (response.data.distribution) {
                         app.distribution = response.data.distribution;
                     }

producer/web/sass/_layout.scss

     }
 }
 
+#main #content .alert-leave-period {
+    h4.alert-heading.without-message {
+        margin-bottom: 0px;
+    }
+}
+
 #header {
     text-align: center ;
     padding: 0px ;

producer/web/sass/order/_order.scss

         
         #legend {
             #order-date-color, 
-            #distribution-date-color {
+            #distribution-date-color,
+            #leave-period-date-color {
                 width: 13px ;
                 height: 13px ;
                 display: inline-block ;
                 background-color: white;
                 border: solid 2px #198754;
             }
+            #leave-period-date-color {
+                background-color: #E09F3E;
+                border: solid 2px #E09F3E;
+            }
         }
         
         #calendar {