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.
47 lines
2.6 KiB
PHP
47 lines
2.6 KiB
PHP
<x-app-layout :title="$building->name.' desks'">
|
|
<x-settings.page title="{{ $building->name }}" description="Reception desks in this building.">
|
|
<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.branches.index') }}" class="text-slate-500 hover:text-slate-800">Branches</a>
|
|
<span class="text-slate-300">/</span>
|
|
<a href="{{ route('frontdesk.buildings.index', $building->branch) }}" class="text-slate-500 hover:text-slate-800">Buildings</a>
|
|
<span class="text-slate-300">/</span>
|
|
<span class="font-medium text-slate-900">Desks</span>
|
|
</div>
|
|
|
|
<x-settings.card title="Add desk">
|
|
<form method="POST" action="{{ route('frontdesk.desks.store', $building) }}" class="flex flex-col gap-3 sm:flex-row">
|
|
@csrf
|
|
<input type="text" name="name" placeholder="Desk name" required class="flex-1 rounded-lg border-slate-300 text-sm">
|
|
<input type="text" name="location" placeholder="Location" class="flex-1 rounded-lg border-slate-300 text-sm">
|
|
<button type="submit" class="btn-primary shrink-0">Add</button>
|
|
</form>
|
|
</x-settings.card>
|
|
|
|
<x-settings.card title="Reception desks">
|
|
@forelse ($desks as $desk)
|
|
<div class="flex items-center justify-between gap-4 border-b border-slate-50 py-3 last:border-b-0">
|
|
<div>
|
|
<p class="font-medium text-slate-900">{{ $desk->name }}</p>
|
|
<p class="text-xs text-slate-500">{{ $desk->location ?? '—' }}</p>
|
|
</div>
|
|
<x-confirm-dialog
|
|
:name="'remove-desk-'.$desk->id"
|
|
title="Remove this desk?"
|
|
:action="route('frontdesk.desks.destroy', [$building, $desk])"
|
|
method="DELETE"
|
|
confirm-label="Remove desk"
|
|
>
|
|
<x-slot:trigger>
|
|
<button type="button" class="text-sm font-medium text-red-600 hover:text-red-800">Remove</button>
|
|
</x-slot:trigger>
|
|
</x-confirm-dialog>
|
|
</div>
|
|
@empty
|
|
<p class="text-sm text-slate-500">No reception desks yet.</p>
|
|
@endforelse
|
|
</x-settings.card>
|
|
</x-settings.page>
|
|
</x-app-layout>
|