@page "{Transaction_UID}"
@using EnotaryoPH.Web.Pages.Shared.Components.NotaryoSteps
@model EnotaryoPH.Web.Pages.Principal.NotaryoSteps.UploadDocumentModel
@{
}


<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>
            </div>
        </div>
    </div>
</section>