Management UI

2026-09-05 09:11:24 +01:00
1 parent cd6abeca6e
commit f11404c574
@@ -0,0 +1,39 @@
+<x-layouts.manager>
+    <main class="mx-auto max-w-7xl px-5 py-10 sm:px-8 lg:px-12 lg:py-14">
+        <div class="flex flex-col justify-between gap-5 sm:flex-row sm:items-end">
+            <div>
+                <p class="text-[10px] font-bold uppercase tracking-[0.3em] text-accent-foreground">Platform operations</p>
+                <h1 class="mt-3 text-4xl font-black tracking-tight">Businesses</h1>
+                <p class="mt-3 text-sm text-muted">Create and maintain isolated NextChair tenants.</p>
+            </div>
+            <x-ui.button href="{{ route('manager.businesses.create') }}">Create business</x-ui.button>
+        </div>
+
+        @if (session('status'))
+            <div class="mt-8 rounded-tile bg-accent p-4 text-sm font-bold text-ink">{{ session('status') }}</div>
+        @endif
+
+        <section class="mt-10 grid gap-4 sm:grid-cols-3">
+            <x-ui.card class="p-5"><p class="text-[10px] font-bold uppercase tracking-widest text-muted">Businesses</p><p class="mt-3 text-3xl font-black">{{ $businessCount }}</p></x-ui.card>
+            <x-ui.card class="p-5"><p class="text-[10px] font-bold uppercase tracking-widest text-muted">Tenant model</p><p class="mt-3 text-lg font-black">Domain routed</p></x-ui.card>
+            <x-ui.card class="p-5"><p class="text-[10px] font-bold uppercase tracking-widest text-muted">Provisioning</p><p class="mt-3 text-lg font-black">Owner invited</p></x-ui.card>
+        </section>
+
+        <section class="mt-10 space-y-3">
+            @forelse ($businesses as $business)
+                @php($owner = $business->staff->first(fn ($member) => $member->role?->name === 'Owner'))
+                <a href="{{ route('manager.businesses.show', $business) }}" class="block rounded-jumbo border border-line bg-white p-6 transition hover:border-ink">
+                    <div class="flex flex-col justify-between gap-5 sm:flex-row sm:items-center">
+                        <div>
+                            <div class="flex flex-wrap items-center gap-3"><h2 class="text-xl font-black">{{ $business->name }}</h2><x-ui.badge tone="accent">Active</x-ui.badge></div>
+                            <p class="mt-2 text-sm text-muted">{{ $business->primaryDomain?->hostname ?: 'No primary domain' }} · {{ $business->slug }}</p>
+                        </div>
+                        <div class="text-left text-sm sm:text-right"><p class="font-bold">{{ $owner?->user?->email ?: 'Owner setup pending' }}</p><p class="mt-1 text-xs text-muted">{{ $business->staff_count }} staff · {{ $business->domains_count }} domain{{ $business->domains_count === 1 ? '' : 's' }}</p></div>
+                    </div>
+                </a>
+            @empty
+                <div class="rounded-jumbo border border-dashed border-line bg-white p-12 text-center"><p class="text-lg font-bold">No businesses yet</p><p class="mt-2 text-sm text-muted">Create the first tenant to begin onboarding an owner.</p><a href="{{ route('manager.businesses.create') }}" class="mt-5 inline-block text-xs font-bold uppercase tracking-widest underline">Create a business</a></div>
+            @endforelse
+        </section>
+    </main>
+</x-layouts.manager>