New layouts

This commit is contained in:
Mark Gregory
2026-06-11 11:24:12 +01:00
parent af25555ca4
commit eced2487d4
116 changed files with 7569 additions and 475 deletions
@@ -1,7 +1,13 @@
<x-layouts::app :title="__('Companies')">
<div class="space-y-6">
<x-wms.page-hero
eyebrow="Platform Administration"
title="Companies"
description="Manage tenant companies and keep every company’s users, warehouses and records isolated."
icon="fa-solid fa-building"
/>
<div class="rounded-3xl bg-white p-6 shadow-sm ring-1 ring-zinc-200 dark:bg-zinc-900 dark:ring-zinc-800">
<h1 class="text-2xl font-bold">Companies</h1>
<h2 class="text-lg font-bold text-zinc-900 dark:text-white">Create company</h2>
<form method="POST" action="{{ route('platform.companies.store') }}" class="mt-5 grid gap-4 md:grid-cols-4">
@csrf
<input name="name" placeholder="Company name" class="rounded-xl border-zinc-300 dark:border-zinc-700 dark:bg-zinc-950" required>
@@ -1,5 +1,15 @@
<x-layouts::app :title="__('Platform')">
<div class="space-y-6">
<x-wms.page-hero
eyebrow="Platform"
title="Platform Dashboard"
description="System-level tenant, licensing, warehouse and pricing overview for MPBA administrators."
:stats="[
['label' => 'Companies', 'value' => $companiesCount, 'icon' => 'fa-solid fa-building'],
['label' => 'Active', 'value' => $activeCompaniesCount, 'icon' => 'fa-solid fa-circle-check'],
['label' => 'Prices', 'value' => $pricesCount, 'icon' => 'fa-solid fa-tags'],
]"
/>
<section class="grid 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">
@@ -1,8 +1,14 @@
<x-layouts::app :title="__('Licence Keys')">
<div class="space-y-6">
<x-wms.page-hero
eyebrow="Platform Administration"
title="Licence Keys"
description="Issue and monitor company licence keys, limits and platform access plans."
icon="fa-solid fa-key"
/>
@if($plainKey)<div class="rounded-2xl bg-emerald-50 p-4 text-emerald-900 ring-1 ring-emerald-200">New key: <code class="font-bold">{{ $plainKey }}</code></div>@endif
<div class="rounded-3xl bg-white p-6 shadow-sm ring-1 ring-zinc-200 dark:bg-zinc-900 dark:ring-zinc-800">
<h1 class="text-2xl font-bold">Licence keys</h1>
<h2 class="text-lg font-bold text-zinc-900 dark:text-white">Issue licence key</h2>
<form method="POST" action="{{ route('platform.licenses.store') }}" class="mt-5 grid gap-4 md:grid-cols-5">
@csrf
<select name="company_id" class="rounded-xl border-zinc-300 dark:border-zinc-700 dark:bg-zinc-950">@foreach($companies as $company)<option value="{{ $company->id }}">{{ $company->name }}</option>@endforeach</select>
@@ -1,7 +1,13 @@
<x-layouts::app :title="__('Payments')">
<div class="space-y-6">
<x-wms.page-hero
eyebrow="Platform Administration"
title="Payments and Overrides"
description="Record platform payments, manual overrides and billing status by company."
icon="fa-solid fa-credit-card"
/>
<div class="rounded-3xl bg-white p-6 shadow-sm ring-1 ring-zinc-200 dark:bg-zinc-900 dark:ring-zinc-800">
<h1 class="text-2xl font-bold">Payments and overrides</h1>
<h2 class="text-lg font-bold text-zinc-900 dark:text-white">Add payment or override</h2>
<form method="POST" action="{{ route('platform.payments.store') }}" class="mt-5 grid gap-4 md:grid-cols-6">
@csrf
<select name="company_id" class="rounded-xl border-zinc-300 dark:border-zinc-700 dark:bg-zinc-950">@foreach($companies as $company)<option value="{{ $company->id }}">{{ $company->name }}</option>@endforeach</select>
@@ -1,21 +1,15 @@
<x-layouts::app :title="__('Create Price')">
<div class="space-y-6">
<section class="overflow-hidden rounded-3xl bg-gradient-to-br from-slate-950 via-slate-900 to-cyan-950 p-6 text-white shadow-xl sm:p-8">
<div class="flex flex-col gap-6 lg:flex-row lg:items-center lg:justify-between">
<div>
<p class="text-sm font-semibold uppercase tracking-[0.3em] text-cyan-300">MPBA WMS</p>
<h1 class="mt-3 text-3xl font-bold tracking-tight sm:text-4xl">Create price</h1>
<p class="mt-3 max-w-3xl text-base leading-7 text-slate-300">
Add a professional pricing card with billing values, feature bullets and visibility controls.
</p>
</div>
<a href="{{ route('platform.prices.index') }}" wire:navigate class="w-fit rounded-xl bg-white/10 px-4 py-2 text-sm font-semibold text-white ring-1 ring-white/15 hover:bg-white/15">
Back to prices
</a>
</div>
</section>
<x-wms.page-hero
eyebrow="Administration"
title="Create Price"
description="Add a professional pricing card with billing values, feature bullets and visibility controls."
icon="fa-solid fa-circle-plus"
>
<a href="{{ route('platform.prices.index') }}" wire:navigate class="rounded-xl bg-white px-4 py-3 text-sm font-bold text-slate-950 shadow-lg hover:bg-cyan-50">
Back to prices
</a>
</x-wms.page-hero>
<section class="rounded-3xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900">
<form method="POST" action="{{ route('platform.prices.store') }}" class="space-y-6">
@csrf
@@ -1,21 +1,15 @@
<x-layouts::app :title="__('Edit Price')">
<div class="space-y-6">
<section class="overflow-hidden rounded-3xl bg-gradient-to-br from-slate-950 via-slate-900 to-cyan-950 p-6 text-white shadow-xl sm:p-8">
<div class="flex flex-col gap-6 lg:flex-row lg:items-center lg:justify-between">
<div>
<p class="text-sm font-semibold uppercase tracking-[0.3em] text-cyan-300">MPBA WMS</p>
<h1 class="mt-3 text-3xl font-bold tracking-tight sm:text-4xl">Edit {{ $price->name }}</h1>
<p class="mt-3 max-w-3xl text-base leading-7 text-slate-300">
Update pricing, feature text and card visibility while keeping the platform pricing display consistent.
</p>
</div>
<a href="{{ route('platform.prices.index') }}" wire:navigate class="w-fit rounded-xl bg-white/10 px-4 py-2 text-sm font-semibold text-white ring-1 ring-white/15 hover:bg-white/15">
Back to prices
</a>
</div>
</section>
<x-wms.page-hero
eyebrow="Administration"
:title="'Edit ' . $price->name"
description="Update pricing, feature text and card visibility while keeping the platform pricing display consistent."
icon="fa-solid fa-pen-to-square"
>
<a href="{{ route('platform.prices.index') }}" wire:navigate class="rounded-xl bg-white px-4 py-3 text-sm font-bold text-slate-950 shadow-lg hover:bg-cyan-50">
Back to prices
</a>
</x-wms.page-hero>
<section class="rounded-3xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900">
<form method="POST" action="{{ route('platform.prices.update', $price) }}" class="space-y-6">
@csrf
@@ -1,22 +1,15 @@
<x-layouts::app :title="__('Platform Prices')">
<div class="space-y-6">
<div class="flex flex-wrap items-center justify-between gap-3">
<div>
<p class="text-sm font-semibold text-zinc-500 dark:text-zinc-400">
Customer-facing plan cards managed from Platform.
</p>
</div>
<div class="flex flex-wrap gap-3">
<a href="{{ route('platform.dashboard') }}" wire:navigate class="rounded-xl border border-zinc-200 bg-white px-4 py-2 text-sm font-semibold text-zinc-700 shadow-sm hover:border-cyan-400 hover:text-cyan-700 dark:border-zinc-800 dark:bg-zinc-900 dark:text-zinc-200">
Platform dashboard
</a>
<a href="{{ route('platform.prices.create') }}" wire:navigate class="rounded-xl bg-cyan-500 px-4 py-2 text-sm font-bold text-slate-950 shadow-lg shadow-cyan-950/20 hover:bg-cyan-400">
Add price
</a>
</div>
</div>
<x-wms.page-hero
eyebrow="Administration"
title="Pricing Administration"
description="Create, edit and publish the platform pricing cards shown under Platform."
icon="fa-solid fa-tags"
>
<a href="{{ route('platform.prices.create') }}" wire:navigate class="rounded-xl bg-white px-4 py-3 text-sm font-bold text-slate-950 shadow-lg hover:bg-cyan-50">
Add price
</a>
</x-wms.page-hero>
@if (session('status'))
<div class="rounded-2xl border border-emerald-200 bg-emerald-50 px-5 py-4 text-sm font-semibold text-emerald-800 dark:border-emerald-900/60 dark:bg-emerald-950/40 dark:text-emerald-200">
{{ session('status') }}
@@ -1,5 +1,11 @@
<x-layouts::app :title="__('Pricing')">
<div class="space-y-6">
<x-wms.page-hero
eyebrow="Platform"
title="Pricing"
description="Clear platform pricing for Basic, Advanced and Pro access."
icon="fa-solid fa-tags"
/>
<section class="grid gap-5 lg:grid-cols-3">
@forelse ($prices as $price)
@php