[Administration] Ergonomie formulaire produit

backend/views/product/_form.php

@@ -22,17 +22,26 @@ $taxRateModule = $this->getTaxRateModule();
 
     <div>
         <div class="col-md-8">
-            <?= $form->field($model, 'status')->radioList([1 => 'Oui', 0 => 'Non']) ?>
-            <?= $form->field($model, 'name')->textInput(['maxlength' => 255]) ?>
-            <?= $form->field($model, 'reference')->textInput(['maxlength' => 255]) ?>
-            <?= $form->field($model, 'id_product_category')->dropDownList($productCategoryModule->populateProductCategoriesDropdownList()); ?>
-            <?= $form->field($model, 'description')->textInput(['maxlength' => 255]) ?>
-            <?= $form->field($model, 'recipe')->textarea()->label('Description longue') ?>
-
-            <?= $form->field($model, 'unit')
-                ->dropDownList(ArrayHelper::map(Product::$unitsArray, 'unit', 'wording'))
-                ->label('Unité (pièce, poids ou volume)'); ?>
 
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <h3 class="panel-title">
+                        <i class="fa fa-th-list"></i>
+                        Général
+                    </h3>
+                </div>
+                <div class="panel-body">
+                    <?= $form->field($model, 'status')->radioList([1 => 'Oui', 0 => 'Non']) ?>
+                    <?= $form->field($model, 'name')->textInput(['maxlength' => 255]) ?>
+                    <?= $form->field($model, 'reference')->textInput(['maxlength' => 255]) ?>
+                    <?= $form->field($model, 'id_product_category')->dropDownList($productCategoryModule->populateProductCategoriesDropdownList()); ?>
+                    <?= $form->field($model, 'description')->textInput(['maxlength' => 255]) ?>
+                    <?= $form->field($model, 'recipe')->textarea()->label('Description longue') ?>
+                    <?= $form->field($model, 'unit')
+                        ->dropDownList(ArrayHelper::map(Product::$unitsArray, 'unit', 'wording'))
+                        ->label('Unité (pièce, poids ou volume)'); ?>
+                </div>
+            </div>
 
             <?php
 
@@ -115,25 +124,44 @@ $taxRateModule = $this->getTaxRateModule();
             ?>
         </div>
         <div class="col-md-4">
-            <?= $form->field($model, 'photoFile')->fileInput() ?>
-            <?php
-            if (strlen($model->photo)) {
-                echo '<img class="photo-product" src="' . Image::getThumbnailSmall($model->photo, true) . '"  width="200px" /><br />';
-                echo '<input type="checkbox" name="delete_photo" id="delete_photo" /> <label for="delete_photo">Supprimer la photo</label>';
-            }
-            ?>
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <h3 class="panel-title">
+                        <i class="fa fa-image"></i>
+                        Photo
+                    </h3>
+                </div>
+                <div class="panel-body">
+                    <?= $form->field($model, 'photoFile')->fileInput()->label('') ?>
+                    <?php
+                    if (strlen($model->photo)) {
+                        echo '<img class="photo-product" src="' . Image::getThumbnailSmall($model->photo, true) . '"  width="200px" /><br />';
+                        echo '<input type="checkbox" name="delete_photo" id="delete_photo" /> <label for="delete_photo">Supprimer la photo</label>';
+                    }
+                    ?>
+                </div>
+            </div>
 
-            <div id="days-production">
-                <h2>Jours de distribution</h2>
-                <?= $form->field($model, 'monday')->checkbox() ?>
-                <?= $form->field($model, 'tuesday')->checkbox() ?>
-                <?= $form->field($model, 'wednesday')->checkbox() ?>
-                <?= $form->field($model, 'thursday')->checkbox() ?>
-                <?= $form->field($model, 'friday')->checkbox() ?>
-                <?= $form->field($model, 'saturday')->checkbox() ?>
-                <?= $form->field($model, 'sunday')->checkbox() ?>
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <h3 class="panel-title">
+                        <i class="fa fa-calendar"></i>
+                        Jours de distribution
+                    </h3>
+                </div>
+                <div class="panel-body">
+                    <div id="days-production">
+                        <?= $form->field($model, 'monday')->checkbox() ?>
+                        <?= $form->field($model, 'tuesday')->checkbox() ?>
+                        <?= $form->field($model, 'wednesday')->checkbox() ?>
+                        <?= $form->field($model, 'thursday')->checkbox() ?>
+                        <?= $form->field($model, 'friday')->checkbox() ?>
+                        <?= $form->field($model, 'saturday')->checkbox() ?>
+                        <?= $form->field($model, 'sunday')->checkbox() ?>
+                    </div>
+                    <div class="clr"></div>
+                </div>
             </div>
-            <div class="clr"></div>
 
             <div id="availability-points-sale">
                 <h2>Disponibilité points de vente</h2>