isaacclad
4ce45f4989
Deploy Ladill Frontdesk / deploy (push) Successful in 1m5s
Use the shared settings page and card pattern for branch, team, buildings, and desks screens, with Settings breadcrumbs and a Branches & team hub card on the organization settings page.
67 lines
3.7 KiB
PHP
67 lines
3.7 KiB
PHP
<x-app-layout title="Add member">
|
|
<x-settings.page title="Invite team member" description="They get access only to Ladill Frontdesk (plus Mail if they already have a Ladill mailbox).">
|
|
<div class="mb-4 flex flex-wrap items-center gap-2 text-sm">
|
|
<a href="{{ route('frontdesk.settings') }}" class="text-slate-500 hover:text-slate-800">Settings</a>
|
|
<span class="text-slate-300">/</span>
|
|
<a href="{{ route('frontdesk.members.index') }}" class="text-slate-500 hover:text-slate-800">Team</a>
|
|
<span class="text-slate-300">/</span>
|
|
<span class="font-medium text-slate-900">Invite</span>
|
|
</div>
|
|
|
|
<x-settings.card title="Invitation">
|
|
<form method="POST" action="{{ route('frontdesk.members.store') }}" class="space-y-4" x-data>
|
|
@csrf
|
|
|
|
@if (! empty($mailboxOptions))
|
|
<div>
|
|
<label class="block text-sm font-medium text-slate-700">From a Ladill mailbox</label>
|
|
<select x-on:change="if ($event.target.value) { $refs.email.value = $event.target.value }"
|
|
class="mt-1 w-full rounded-lg border-slate-300 text-sm">
|
|
<option value="">Choose a mailbox…</option>
|
|
@foreach ($mailboxOptions as $address)
|
|
<option value="{{ $address }}">{{ $address }}</option>
|
|
@endforeach
|
|
</select>
|
|
<p class="mt-1 text-xs text-slate-500">Or type any email below.</p>
|
|
</div>
|
|
@endif
|
|
|
|
<div>
|
|
<label class="block text-sm font-medium text-slate-700">Email address</label>
|
|
<input type="email" name="email" x-ref="email" value="{{ old('email') }}" required
|
|
class="mt-1 w-full rounded-lg border-slate-300 text-sm"
|
|
placeholder="colleague@company.com">
|
|
<p class="mt-1 text-xs text-slate-500">They will receive an email to accept and join your Frontdesk organization.</p>
|
|
@error('email')
|
|
<p class="mt-1 text-sm text-red-600">{{ $message }}</p>
|
|
@enderror
|
|
</div>
|
|
|
|
<div>
|
|
<label class="block text-sm font-medium text-slate-700">Role</label>
|
|
<select name="role" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
|
|
@foreach ($roles as $key => $label)
|
|
<option value="{{ $key }}" @selected(old('role') === $key)>{{ $label }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
|
|
<div>
|
|
<label class="block text-sm font-medium text-slate-700">Branch (optional)</label>
|
|
<select name="branch_id" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
|
|
<option value="">All branches</option>
|
|
@foreach ($branches as $branch)
|
|
<option value="{{ $branch->id }}" @selected(old('branch_id') == $branch->id)>{{ $branch->name }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
|
|
<div class="flex justify-end gap-3">
|
|
<a href="{{ route('frontdesk.members.index') }}" class="rounded-xl border border-slate-200 px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">Cancel</a>
|
|
<button type="submit" class="btn-primary">Send invitation</button>
|
|
</div>
|
|
</form>
|
|
</x-settings.card>
|
|
</x-settings.page>
|
|
</x-app-layout>
|