@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">
            @foreach(var participant in Model.Participants)
            {
                <li class="my-2">
                    <div>
                        @if(participant.Status == "Ready") {
                            <i class="far fa-check-circle text-success me-1 fa-fw" data-bs-toggle="tooltip" data-bss-tooltip title="@participant.Status"></i>
                        }
                        else {
                            <i class="far fa-hourglass text-muted me-1 fa-fw" data-bs-toggle="tooltip" data-bss-tooltip title="@participant.Status"></i>
                        }
                        <span>@participant.Email </span><span class="ms-1"> - @participant.Type</span>
                    </div>
                </li>
            }
        </ul>
    </div>
</section>

@section Scripts {
<script>

        receiveUserNotificationCallback = function(message) {
            let json = tryParseJson(message);
            alert('yoloooo: @(User.Identity.Name) ' + json.UserEmail);
        }
</script>
}