@model TokensViewModel
@{
    Layout = "../Shared/_NavLayout.cshtml";
    ViewData.SetActivePageAndTitle(StoreNavPages.Tokens, "Access Tokens");
}

<partial name="_StatusMessage" />
@if (Model.StoreNotConfigured)
{
    <div class="alert alert-warning alert-dismissible mb-5" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        Warning: No wallet has been linked to your BTCPay Store.<br/>
        See <a href="https://docs.btcpayserver.org/WalletSetup/" target="_blank" class="alert-link">this link</a> for more information on how to connect your store and wallet.
    </div>
}
<h4>Access token</h4>
<div class="row">
    <div class="col-md-8">
        <p>Authorize a public key to access Bitpay compatible Invoice API (<a href="https://support.bitpay.com/hc/en-us/articles/115003001183-How-do-I-pair-my-client-and-create-a-token-">More information</a>)</p>
    </div>
</div>
<div class="row">
    <div class="col-md-8">
        <a id="CreateNewToken" asp-action="CreateToken" class="btn btn-primary" role="button"><span class="fa fa-plus" asp-route-storeId="@this.Context.GetRouteValue("storeId")"></span> Create a new token</a>

        @if (Model.Tokens.Any())
        {
            <table class="table table-sm table-responsive-md">
                <thead>
                <tr>
                    <th>Label</th>
                    <th class="text-right">Actions</th>
                </tr>
                </thead>
                <tbody>
                @foreach (var token in Model.Tokens)
                {
                    <tr>
                        <td>@token.Label</td>
                        <td class="text-right">
                            <a asp-action="ShowToken" asp-route-storeId="@this.Context.GetRouteValue("storeId")" asp-route-tokenId="@token.Id">See information</a> - <a asp-action="RevokeToken" asp-route-storeId="@this.Context.GetRouteValue("storeId")" asp-route-tokenId="@token.Id">Revoke</a>
                        </td>
                    </tr>
                }
                </tbody>
            </table>
        }
    </div>
</div>
<hr class="my-5" />
<h4>Legacy API Keys</h4>
<div class="row">
    <div class="col-md-8">
        <p>Alternatively, you can use the invoice API by including the following HTTP Header in your requests:<br /> <code>Authorization: Basic @Model.EncodedApiKey</code> </p>
    </div>
</div>

<div class="row">
    <div class="col-md-8">
        <form method="post" asp-action="GenerateAPIKey" asp-route-storeId="@this.Context.GetRouteValue("storeId")">
            <div class="form-group">
                <label asp-for="ApiKey"></label>
                <div class="input-group">
                    <input asp-for="ApiKey" readonly class="form-control"/>
                    @if (string.IsNullOrEmpty(Model.ApiKey))
                    {
                        <div class="input-group-append">
                            <button class="btn btn-success" type="submit">Generate</button>
                        </div>
                    }
                    else
                    {
                        <div class="input-group-append">
                            <button class="btn btn-danger" type="submit" name="command" value="revoke">Revoke</button>
                        </div>
                        <div class="input-group-append">
                            <button class="btn btn-success" type="submit">Re-generate</button>
                        </div>
                    }
                </div>
            </div>
        </form>
    </div>
</div>