Updates

2026-06-11 16:29:01 +01:00
parent 5ffc01425f
commit 809e57cc28
7 changed files with 989 additions and 0 deletions
@@ -0,0 +1,34 @@
+@props([
+    'title',
+    'description' => '',
+    'type' => 'line',
+    'config' => [],
+    'height' => 300,
+    'icon' => 'fa-chart-line',
+])
+
+<div class="card wms-chart-card mb-4 h-100">
+    <div class="card-header wms-chart-card__header">
+        <div>
+            <div class="wms-chart-card__eyebrow">Operational insight</div>
+            <h3 class="wms-chart-card__title">
+                <i class="fas {{ $icon }} me-2"></i>{{ $title }}
+            </h3>
+            @if($description !== '')
+                <p class="wms-chart-card__description">{{ $description }}</p>
+            @endif
+        </div>
+    </div>
+
+    <div class="card-body">
+        <div class="wms-chart-card__canvas" style="height: {{ (int) $height }}px;">
+            <canvas
+                data-wms-chart
+                data-chart-type="{{ $type }}"
+                data-chart-config='@json($config)'
+                aria-label="{{ $title }} chart"
+                role="img"
+            ></canvas>
+        </div>
+    </div>
+</div>
@@ -0,0 +1,23 @@
+@props([
+    'label',
+    'value' => 0,
+    'hint' => '',
+    'icon' => 'fa-chart-simple',
+])
+
+<div class="col-xl-3 col-md-6">
+    <div class="card wms-metric-card mb-4">
+        <div class="card-body d-flex align-items-center justify-content-between">
+            <div>
+                <div class="wms-metric-card__label">{{ $label }}</div>
+                <div class="wms-metric-card__value">{{ is_numeric($value) ? number_format((int) $value) : $value }}</div>
+                @if($hint !== '')
+                    <div class="wms-metric-card__hint">{{ $hint }}</div>
+                @endif
+            </div>
+            <div class="wms-metric-card__icon">
+                <i class="fas {{ $icon }}"></i>
+            </div>
+        </div>
+    </div>
+</div>