fixed system
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user