Files
ladill-meet/resources/views/meet/join/waiting.blade.php
T
isaaccladandCursor 7ae26a467c
Deploy Ladill Meet / deploy (push) Successful in 47s
Add kiosk join/leave pages, waiting room, and meeting feedback.
Redesign public join flows on the Frontdesk kiosk template, enforce host
admission when waiting room is enabled, and collect star ratings after leave.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-01 13:33:48 +00:00

30 lines
1.9 KiB
PHP

<x-meet-kiosk-layout :title="'Waiting · '.$room->title" :organization="$organization" eyebrow="Waiting room">
<div class="flex min-h-[calc(100vh-8rem)] flex-col items-center justify-center text-center"
x-data="waitingRoom"
x-init="init()"
data-status-url="{{ route('meet.join.waiting.status', $room) }}">
<div class="w-full max-w-md rounded-3xl border border-slate-200 bg-white p-8 shadow-sm">
<div class="mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-indigo-50 text-indigo-600" x-show="!denied">
<svg class="h-8 w-8 animate-pulse" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg>
</div>
<div class="mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-red-50 text-red-600" x-show="denied" x-cloak>
<svg class="h-8 w-8" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
</svg>
</div>
<h1 class="mt-6 text-2xl font-bold text-slate-900">{{ $room->title }}</h1>
<p class="mt-2 text-sm text-slate-500">Hi {{ $participant->display_name }}, please wait.</p>
<p class="mt-4 text-base text-slate-700" x-text="message"></p>
<p class="mt-6 text-xs text-slate-400" x-show="!denied">You will join automatically once the host admits you.</p>
<a href="{{ route('meet.join', $room) }}" class="mt-8 inline-block text-sm font-medium text-indigo-600 hover:text-indigo-700" x-show="denied" x-cloak>
Back to join page
</a>
</div>
</div>
</x-meet-kiosk-layout>