Repo rebuild

resources/views/components/dashboard/chart-card.blade.php

@@ -0,0 +1,22 @@
+@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>

resources/views/components/dashboard/metric-card.blade.php

@@ -0,0 +1,18 @@
+@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>