updated stock table

src/app/pages/quotation/quotation.html

@@ -7,7 +7,7 @@
         <app-search></app-search>
     </div>
 </div>
-voir prix dans les produits
+
 <div class="mt-1">
     <app-quotation-table></app-quotation-table>
 </div>

src/app/pages/stock/stock.html

@@ -1,8 +1,21 @@
-<div class="ml-130 w-170 mt-2">
-    <app-search></app-search>
+<div class="flex mt-2">
+    @if (hasSelection) {
+        <app-modal-button type="default" name="Créer un bon de commande" class="ml-4">
+            <app-purchase-order-form></app-purchase-order-form>
+        </app-modal-button>
+
+        <app-modal-button type="default" name="Créer un devis" class="ml-4">
+            <app-quotation-form></app-quotation-form>
+        </app-modal-button>
+    }
+
+    <div class="ml-95 w-150">
+        <app-search class="w-full"></app-search>
+    </div>
 </div>
-faire ici la creation de bon de commande avec case a cocher
 
 <div class="mt-1">
-    <app-stock-table></app-stock-table>
+    <app-stock-table
+            (selectionChange)="onSelectionChange($event)"
+    ></app-stock-table>
 </div>

src/app/pages/stock/stock.ts

@@ -1,17 +1,28 @@
 import { Component } from '@angular/core';
 import {StockTable} from "../../components/stock-table/stock-table";
 import {Search} from "../../components/search/search";
+import {ModalButton} from "../../components/modal-button/modal-button";
+import {PurchaseOrderForm} from "../../components/purchase-order-form/purchase-order-form";
+import {QuotationForm} from "../../components/quotation-form/quotation-form";
 
 @Component({
   selector: 'app-stock',
     imports: [
         StockTable,
         Search,
+        ModalButton,
+        PurchaseOrderForm,
+        QuotationForm,
     ],
   templateUrl: './stock.html',
   styleUrl: './stock.css',
 })
 
 export class Stock {
+    hasSelection = false;
+
+    onSelectionChange(value: boolean) {
+        this.hasSelection = value;
+    }
 
 }

src/app/pages/supplier/supplier.html

@@ -7,7 +7,7 @@
         <app-search class="w-full"></app-search>
     </div>
 </div>
-voir pour le prix dans le sous tableau produit
+
 <div class="mt-1">
     <app-supplier-table></app-supplier-table>
 </div>