@using BTCPayServer.Abstractions.Models
@model WalletLabelsModel
@{
    var walletId = Context.GetRouteValue("walletId").ToString();
    ViewData.SetActivePage(WalletsNavPages.Settings, StringLocalizer["{0} Wallet Labels", Model.WalletId.CryptoCode], walletId);
}

@section PageFootContent {
    <script>
        delegate('click', '.btn-delete', event => { event.preventDefault() })
    </script>
}

<h2 class="mb-2 mb-lg-3" text-translate="true">@ViewData["Title"]</h2>
<partial name="_StatusMessage" />

@if (Model.Labels.Any())
{
    <div class="table-responsive-md">
        <table class="table table-hover">
            <thead>
            <tr>
                <th text-translate="true">Label</th>
                <th text-translate="true" class="text-end">Actions</th>
            </tr>
            </thead>
            <tbody>
            @foreach (var label in Model.Labels)
            {
            <tr>
                <td>
                    <div class="transaction-label" style="--label-bg:@label.Color;--label-fg:@label.TextColor">
                        <span>@label.Label</span>
                    </div>
                </td>
                <td class="text-end">
                    <form method="post" asp-action="RemoveWalletLabel" asp-route-walletId="@Model.WalletId" asp-route-id="@label.Label">
                        <button class="btn btn-link btn-delete p-0" type="submit" data-bs-toggle="modal" data-bs-target="#ConfirmModal" data-description="@StringLocalizer["The label {0} will be removed from this wallet and its associated transactions.", Html.Encode(label.Label)]" data-confirm-input="@StringLocalizer["DELETE"]" text-translate="true">Remove</button>
                    </form>
                </td>
            </tr>
            }
            </tbody>
        </table>
    </div>
    <partial name="_Confirm" model="@(new ConfirmModel(StringLocalizer["Remove label"], StringLocalizer["This label will be removed from this wallet and its associated transactions."], StringLocalizer["Remove"]))" />
}
else
{
    <p class="text-secondary mt-3">
        @ViewLocalizer["There are no custom labels yet. You can create custom labels by assigning them to your {0}.",
            Html.ActionLink(StringLocalizer["transactions"], "WalletTransactions", "UIWallets", new { walletId })]
    </p>
}