ERP-358 Сверстать интерфейс автопм

diff --git a/erp24/views/shipment/auto-planogramma.php b/erp24/views/shipment/auto-planogramma.php
index 56496c381d842708bfe529c3a8222deb87a4df84..4d8053eef0e58fd471c382ff9a1d82ae8e63d2fa 100644 (file)
--- a/erp24/views/shipment/auto-planogramma.php
+++ b/erp24/views/shipment/auto-planogramma.php
@@ -36,7 +36,7 @@ $dataProvider = new ArrayDataProvider([
     'pagination' => false,
 ]);
 
-$tooltipText = "Оффлайн: 50
Флаумак (off-line): 20
Флаумак (on-line): 10
Флаумак (market): 10
Изумительная (off-line): 30
Списания: 20";?>
+$tooltipText = "Оффлайн: 50
Флаумак (off-line): 20
Флаумак (on-line): 10
Флаумак (market): 10
Изумительная (off-line): 30
Списания: 20"; ?>
 
 <h1 class="ms-3 mb-4"><?= Html::encode("Автопланограмма") ?></h1>
 <div class="autopolnogramma p-3 px-4">
@@ -165,8 +165,7 @@ $tooltipText = "Оффлайн: 50&#10;Флаумак (off-line): 20&#10;Фла
             </div>
         </div>
     </div>
-    < class="content">
-    <div class="row">
+    <div class="row align-items-center">
         <div class="col-md-3">
             <div class="row" style="display: flex;align-items: flex-start; position: relative;">
                 <?= Html::label("год: 2025 неделя: 05") ?><br>
@@ -204,7 +203,7 @@ $tooltipText = "Оффлайн: 50&#10;Флаумак (off-line): 20&#10;Фла
                 <div class="collapse" id="cutting">
                     <!-- Розы -->
                     <a class="list-group-item list-group-item-action" data-bs-toggle="collapse" href="#roses">Розы ▶</a>
-                    <div class="collapse ms-3" id="roses">
+                    <div class="collapse" id="roses">
                         <a class="list-group-item list-group-item-action">Розы 40 Эк</a>
                         <a class="list-group-item list-group-item-action">Розы 80 Эк</a>
                     </div>
@@ -222,7 +221,7 @@ $tooltipText = "Оффлайн: 50&#10;Флаумак (off-line): 20&#10;Фла
                 <a class="list-group-item list-group-item-action">Остальные категории ▲</a>
             </div>
         </div>
-        <div class="col-md-9" style="overflow-x: auto; white-space: nowrap; display: flex;">
+        <div class="col-md-9" style="overflow-x: auto; white-space: nowrap; display: flex;  padding-bottom: 12%;">
             <?php foreach ($addresses as $address) { ?>
                 <div class="col-md-2 d-flex align-items-center">
                     <div class="row">
@@ -248,6 +247,28 @@ $tooltipText = "Оффлайн: 50&#10;Флаумак (off-line): 20&#10;Фла
                                 </div>
                             </div>
                         </div>
+                        <!--                            <br>-->
+                        <div class="row">
+                            <div class="col-md-8">
+                                <?= Html::input('text', '', 50, [
+                                    'class' => 'btn btn-primary',
+                                    'data-bs-toggle' => 'tooltip',
+                                    'data-bs-placement' => 'top',
+                                    'title' => $tooltipText,
+                                    'style' => 'background:#e73535;    width: 120%;'
+                                ]) ?>
+                            </div>
+                            <div class="col-md-4">
+                                <button style="border: none; background: transparent; cursor: pointer; margin-left: 5px;">
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                                         viewBox="0 0 24 24">
+                                        <path d="M20 11v5a1 1 0 0 1-2 0v-4H7.414l1.293 1.293a1 1 0 0 1-1.414 1.414l-3-3a1 1 0 0 1 0-1.416l3-3a1 1 0 0 1 1.414 1.416L7.414 10H19a1 1 0 0 1 1 1z"
+                                              fill="grey" stroke="none"/>
+                                    </svg>
+                                </button>
+                            </div>
+                        </div>
+                        <!--                        </div>-->
                     </div>
                 </div>
             <?php } ?>