2 lines
1.9 KiB
PHP
2 lines
1.9 KiB
PHP
<x-layouts.staff :business="$business"><main class="mx-auto max-w-6xl px-5 py-8 sm:px-8 lg:px-12 lg:py-12"><a href="{{ route('owner.dashboard') }}" class="text-xs font-bold uppercase tracking-widest text-white/60">← Owner workspace</a><div class="mt-12"><p class="text-[10px] font-bold uppercase tracking-[0.3em] text-accent">People</p><h1 class="mt-3 text-4xl font-black tracking-tight">Team</h1></div>@if (session('status'))<div class="mt-6 rounded-tile bg-accent p-4 text-sm font-bold text-ink">{{ session('status') }}</div>@endif<div class="mt-8 grid gap-8 lg:grid-cols-[1fr_340px]"><div class="space-y-3">@foreach ($staff as $member)<article class="flex items-center justify-between rounded-jumbo bg-white p-5 text-ink"><div><p class="text-sm font-bold">{{ $member->user->name ?: $member->user->email }}</p><p class="mt-1 text-xs text-muted">{{ $member->role->name }} · {{ ucfirst(strtolower($member->status->value)) }}</p></div><span class="text-[10px] font-bold uppercase tracking-widest text-muted">{{ $member->invitation?->acceptedAt ? 'Accepted' : 'Invite pending' }}</span></article>@endforeach</div><aside class="rounded-jumbo bg-white p-6 text-ink"><h2 class="text-lg font-bold">Add team member</h2><form method="POST" action="{{ route('owner.team.store') }}" class="mt-5 space-y-4">@csrf<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-1"><label class="block text-xs font-bold">First name<input name="firstName" required class="mt-2 w-full rounded-tile border border-line px-3 py-2 text-sm"></label><label class="block text-xs font-bold">Last name<input name="lastName" required class="mt-2 w-full rounded-tile border border-line px-3 py-2 text-sm"></label></div><label class="block text-xs font-bold">Email<input name="email" type="email" required class="mt-2 w-full rounded-tile border border-line px-3 py-2 text-sm"></label><x-ui.button type="submit" class="w-full">Add member</x-ui.button></form></aside></div></main></x-layouts.staff>
|