@model BTCPayServer.Controllers.UIManageController.NotificationSettingsViewModel
@{
    ViewData.SetActivePage(ManageNavPages.Notifications, "Notification Settings");
}
<h3 class="mb-3">@ViewData["Title"]</h3>

<div class="row">
    <div class="col-xl-8 col-xxl-constrain">
        <form method="post" asp-action="NotificationSettings">
            @if (Model.All)
            {
                <div>
                    All notifications are disabled.
                    <button type="submit" class="btn btn-primary" name="command" value="enable-all">Enable</button>
                </div>
            }
            else
            {
                <div class="form-group">
                    <p>Do not receive notifications for</p>
                    <div class="card">
                        <ul class="list-group list-group-flush">
                            @for (var index = 0; index < Model.DisabledNotifications.Count; index++)
                            {
                                var item = Model.DisabledNotifications[index];
                                <li class="list-group-item">
                                    <input type="hidden"  asp-for="DisabledNotifications[index].Value"/> 
                                    <input type="checkbox" asp-for="DisabledNotifications[index].Selected" class="form-check-input form-check-inline"/>
                                    <label class="mb-0 cursor-pointer" asp-for="DisabledNotifications[index].Selected">
                                        @item.Text
                                    </label>
                                </li>
                            }
                        </ul>
                    </div>
                </div>
                <div class="form-group mt-4">
                    <button type="submit" class="btn btn-primary" name="command" value="update">Save</button>
                    <button type="submit" class="btn btn-secondary ms-3" name="command" value="disable-all">Disable all</button>
                </div>
            }
        </form>
    </div>
</div>