@page "{Transaction_UID:guid}"
@model EnotaryoPH.Web.Pages.Participant.VideoCall.WaitingModel
@{
}

@section Head {
    <link href="\lib\fontawesome-free-6.7.1-web\css\all.min.css" rel="stylesheet" />
}

<section class="d-flex align-items-start align-items-lg-start mt-5">
    <div class="container">
        <h1>Waiting for participants</h1>
        <ul id="ParticipantsWaitStatus" class="list-unstyled">
            <li class="my-2">
                <div><i class="far fa-check-circle text-success me-1 fa-fw" data-bs-toggle="tooltip" data-bss-tooltip title="Ready"></i><span>notary1@example.com </span><span class="ms-1">- host</span></div>
            </li>
            <li class="my-2">
                <div><i class="far fa-check-circle text-success me-1 fa-fw" data-bs-toggle="tooltip" data-bss-tooltip title="Ready"></i><span>principal1@example.com </span><span class="ms-1">- principal</span></div>
            </li>
            <li class="my-2">
                <div><i class="far fa-check-circle text-success me-1 fa-fw" data-bs-toggle="tooltip" data-bss-tooltip title="Ready"></i><span>principal2@example.com </span><span class="ms-1">- principal</span></div>
            </li>
            <li class="my-2">
                <div><i class="far fa-hourglass text-muted me-1 fa-fw" data-bs-toggle="tooltip" data-bss-tooltip title="Waiting..."></i><span>witness1@example.com </span><span class="ms-1">- witness</span></div>
            </li>
        </ul>
    </div>
</section>