@page "{Transaction_UID}"
@model UploadDocumentModel
@{
}

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

<section class="my-5">
    <div class="container">
        <div class="row">
            <div class="col">
                <h1>Notaryo Steps</h1>
                <div class="mt-3">
                    @await Component.InvokeAsync("NotaryoSteps", new
                        {
                            NotaryoSteps = new List<NotaryoStep>() {
                                new NotaryoStep { Name = "Upload Identification", Step = 1 },
                                new NotaryoStep { Name = "Take Selfie", Step = 2 },
                                new NotaryoStep { Name = "Upload Document", Step = 3, IsActive = true },
                                new NotaryoStep { Name = "Choose Notary", Step = 4 },
                            }
                        })
                    <div class="tab-content mt-3"></div>
                </div>
                <form class="mt-4" id="UploadIdentificationForm" method="post" enctype="multipart/form-data">

                    @await Component.InvokeAsync("UploadOrChooseIdentificationDocument", Model.Transaction_UID)
                    <div class="d-flex mt-3">
                        <div class="flex-grow-1"></div>
                        <button class="btn btn-primary btn-lg wizard__nextbutton" type="submit">NEXT<i class="fas fa-chevron-right ms-2"></i></button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>

<template id="ParticipantItemTemplate">
    <li class="participantitem__li">
        <div class="d-flex">
            <span class="participantitem__email">mail@example.com</span>
            <div class="flex-grow-1"></div>
            <a role="button" style="color: var(--bs-danger);" class="participantitem__delete">
                <i class="fas fa-times" data-bs-toggle="tooltip" data-bss-tooltip data-bs-placement="left" title="delete signatory"></i>
            </a>
        </div>
    </li>
</template>

@section Scripts {
    <script src="/dist/_Jfa.js"></script>
    <script src="~/Pages/Principal/NotaryoSteps/UploadDocument.cshtml.js" asp-append-version="true"></script>
}