@{
    Layout = "~/Views/Shared/_KioskLayout.cshtml";
    ViewData["Title"] = "Welcome";
    ViewBag.HideLayoutLogo = true;
}

<div id="kiosk-welcome-root"
     data-company-id="@ViewBag.CompanyId"
     class="kiosk-welcome-screen">

    @if (!string.IsNullOrEmpty(ViewBag.CompanyLogoUrl as string))
    {
        <img src="@ViewBag.CompanyLogoUrl"
             alt="@ViewBag.CompanyName"
             class="kiosk-welcome-logo" />
    }
    else
    {
        <h1 class="kiosk-welcome-title">@ViewBag.CompanyName</h1>
    }

    <p class="kiosk-welcome-subtitle">Welcome! A staff member will start your intake shortly.</p>

    <div class="kiosk-idle-indicator">
        <span id="kiosk-conn-dot" style="display:inline-block;width:10px;height:10px;
              border-radius:50%;background:#94a3b8;margin-right:6px;transition:background 0.3s;"></span>
        <span id="kiosk-conn-label">Connecting…</span>
    </div>
</div>

@section Scripts {
    <script src="~/js/kiosk-welcome.js"></script>
}