@model WalletSendVaultModel
@{
    Layout = "../Shared/_NavLayout.cshtml";
    ViewData["Title"] = "Manage wallet";
    ViewData.SetActivePageAndTitle(WalletsNavPages.Send);
}

<h4>Sign the transaction with BTCPayServer Vault</h4>
@if (TempData.HasStatusMessage())
{
    <div class="row">
        <div class="col-md-10 text-center">
            <partial name="_StatusMessage" />
        </div>
    </div>
}
<div id="walletAlert" class="alert alert-danger alert-dismissible" style="display:none;" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <span id="alertMessage"></span>
</div>
<div class="row">
    <div id="body" class="col-md-10">
        <form id="broadcastForm" asp-action="WalletSendVault" asp-route-walletId="@this.Context.GetRouteValue("walletId")" method="post" style="display:none;">
            <input type="hidden" id="WalletId" asp-for="WalletId" />
            <input type="hidden" asp-for="WebsocketPath" />
            <partial name="SigningContext" for="SigningContext" />
        </form>
        <div id="vaultPlaceholder"></div>
        <button class="btn btn-primary vault-retry" style="display:none;" type="button">Retry</button>
        <button id="vault-confirm" class="btn btn-primary" style="display:none;"></button>
    </div>
</div>


<partial name="VaultElements" />
@section Scripts
{
    <script src="~/js/vaultbridge.js" type="text/javascript" defer="defer" asp-append-version="true"></script>
    <script src="~/js/vaultbridge.ui.js" type="text/javascript" defer="defer" asp-append-version="true"></script>
    <script type="text/javascript">
        async function askSign() {
            var websocketPath = $("#WebsocketPath").val();
            var loc = window.location, ws_uri;
            if (loc.protocol === "https:") {
                ws_uri = "wss:";
            } else {
                ws_uri = "ws:";
            }
            ws_uri += "//" + loc.host;
            ws_uri += websocketPath;
            var html = $("#VaultConnection").html();
            $("#vaultPlaceholder").html(html);
            var vaultUI = new vaultui.VaultBridgeUI(ws_uri);
            
            while (!await vaultUI.askForDevice() || !await vaultUI.askSignPSBT({
                walletId: $("#WalletId").val(),
                psbt: $("#SigningContext_PSBT").val()
            })) {
            }
            $("#SigningContext_PSBT").val(vaultUI.psbt);
            $("#broadcastForm").submit();
        }
        $(function () {
            askSign();
        });
    </script>
}