fixed system

This commit is contained in:
Mark Gregory
2026-06-18 12:30:16 +01:00
parent 38525c8e9a
commit cf3dceb994
6 changed files with 107 additions and 971 deletions
@@ -1,5 +1,5 @@
<x-layouts::app :title="__('Platform')">
<div class="space-y-6">
<div class="min-w-0 space-y-6">
<x-wms.page-hero
eyebrow="Platform"
title="Platform Dashboard"
@@ -11,7 +11,7 @@
]"
/>
<section class="grid gap-4 sm:grid-cols-2 xl:grid-cols-5">
<section class="grid min-w-0 grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-5">
@foreach ([['Companies', $companiesCount], ['Active', $activeCompaniesCount], ['Warehouses', $warehousesCount], ['Prices', $pricesCount], ['Licences', $licensesCount]] as [$label, $value])
<article class="rounded-2xl border border-zinc-200 bg-white p-5 shadow-sm dark:border-zinc-800 dark:bg-zinc-900">
<p class="text-sm text-zinc-500 dark:text-zinc-400">{{ $label }}</p>
@@ -20,8 +20,8 @@
@endforeach
</section>
<section class="grid gap-5 xl:grid-cols-3">
<article class="rounded-3xl border border-zinc-200 bg-white p-5 shadow-sm dark:border-zinc-800 dark:bg-zinc-900">
<section class="grid min-w-0 grid-cols-1 gap-5 xl:grid-cols-3">
<article class="min-w-0 overflow-hidden rounded-3xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-800 dark:bg-zinc-900 sm:p-5">
<div class="mb-5 flex items-start justify-between gap-4">
<div>
<p class="text-xs font-bold uppercase tracking-[0.28em] text-cyan-500">Tenant usage</p>
@@ -34,8 +34,9 @@
</span>
</div>
<div class="h-72">
<div class="relative h-64 w-full max-w-full sm:h-72">
<canvas
class="!h-full !w-full max-w-full"
data-wms-chart="bar"
data-labels='@json($companyUsageChartLabels)'
data-series='@json($companyUsageChartSeries)'
@@ -43,7 +44,7 @@
</div>
</article>
<article class="rounded-3xl border border-zinc-200 bg-white p-5 shadow-sm dark:border-zinc-800 dark:bg-zinc-900">
<article class="min-w-0 overflow-hidden rounded-3xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-800 dark:bg-zinc-900 sm:p-5">
<div class="mb-5 flex items-start justify-between gap-4">
<div>
<p class="text-xs font-bold uppercase tracking-[0.28em] text-cyan-500">Platform mix</p>
@@ -56,8 +57,9 @@
</span>
</div>
<div class="h-72">
<div class="relative h-64 w-full max-w-full sm:h-72">
<canvas
class="!h-full !w-full max-w-full"
data-wms-chart="doughnut"
data-labels='@json($platformMixChartLabels)'
data-values='@json($platformMixChartValues)'
@@ -65,7 +67,7 @@
</div>
</article>
<article class="rounded-3xl border border-zinc-200 bg-white p-5 shadow-sm dark:border-zinc-800 dark:bg-zinc-900">
<article class="min-w-0 overflow-hidden rounded-3xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-800 dark:bg-zinc-900 sm:p-5">
<div class="mb-5 flex items-start justify-between gap-4">
<div>
<p class="text-xs font-bold uppercase tracking-[0.28em] text-cyan-500">Company status</p>
@@ -78,8 +80,9 @@
</span>
</div>
<div class="h-72">
<div class="relative h-64 w-full max-w-full sm:h-72">
<canvas
class="!h-full !w-full max-w-full"
data-wms-chart="doughnut"
data-labels='@json($companyStatusChartLabels)'
data-values='@json($companyStatusChartValues)'
@@ -88,7 +91,7 @@
</article>
</section>
<section class="rounded-3xl border border-zinc-200 bg-white p-5 shadow-sm dark:border-zinc-800 dark:bg-zinc-900">
<section class="min-w-0 overflow-hidden rounded-3xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-800 dark:bg-zinc-900 sm:p-5">
<div class="mb-5 flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
<div>
<p class="text-xs font-bold uppercase tracking-[0.28em] text-cyan-500">Pricing</p>
@@ -123,9 +126,9 @@
</div>
</div>
<div class="grid gap-4 md:grid-cols-3">
<div class="grid min-w-0 grid-cols-1 gap-4 md:grid-cols-3">
@foreach ($prices as $price)
<article class="rounded-2xl border border-zinc-200 p-5 dark:border-zinc-800">
<article class="min-w-0 rounded-2xl border border-zinc-200 p-4 dark:border-zinc-800 sm:p-5">
<div class="flex items-start justify-between gap-3">
<div>
<h3 class="text-lg font-bold text-zinc-900 dark:text-white">
@@ -164,8 +167,8 @@
</div>
</section>
<section class="grid gap-5 xl:grid-cols-[360px_minmax(0,1fr)]">
<article class="rounded-3xl border border-zinc-200 bg-white p-5 shadow-sm dark:border-zinc-800 dark:bg-zinc-900">
<section class="grid min-w-0 grid-cols-1 gap-5 xl:grid-cols-[360px_minmax(0,1fr)]">
<article class="min-w-0 overflow-hidden rounded-3xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-800 dark:bg-zinc-900 sm:p-5">
<div class="mb-5 flex items-start justify-between gap-4">
<div>
<p class="text-xs font-bold uppercase tracking-[0.28em] text-cyan-500">Administration</p>