Switch

@using System.ComponentModel.DataAnnotations

<Form Model="Model" FormName="switch-control-end" MaxWidth="32.Rem" Grow>
    <Switch @bind-Value="Model!.AutoDeploy" ControlPosition="ControlPosition.End"
            Hint="Deploy main to production when its checks pass." />
    <Switch @bind-Value="Model!.Previews" ControlPosition="ControlPosition.End"
            Hint="A preview URL on every pull request." />
</Form>

@code {
    [SupplyParameterFromForm(FormName = "switch-control-end")]
    private Project? Model { get; set; }

    protected override void OnInitialized() => Model ??= new();

    public sealed class Project
    {
        [Display(Name = "Automatic deploys")]
        public bool AutoDeploy { get; set; } = true;

        [Display(Name = "Preview deployments")]
        public bool Previews { get; set; }
    }
}

@using System.ComponentModel.DataAnnotations

<Form Model="Model" FormName="switch-icons" MaxWidth="32.Rem" Grow>
    <Fieldset Label="Email notifications" Dividers Gap="3">
        <Switch @bind-Value="Model!.NewDevice" Icon="Lucide.KeyRound" ControlPosition="ControlPosition.End"
                Hint="An email each time, with a link to sign that device out." />
        <Switch @bind-Value="Model!.Mentions" Icon="Lucide.MessageSquareCheck" ControlPosition="ControlPosition.End"
                Hint="When someone mentions you or replies to you." />
        <Switch @bind-Value="Model!.ProductUpdates" Icon="Lucide.LayersPlus" ControlPosition="ControlPosition.End"
                Hint="A short email when something new ships, about once a month." />
    </Fieldset>
</Form>

@code {
    [SupplyParameterFromForm(FormName = "switch-icons")]
    private Notifications? Model { get; set; }

    protected override void OnInitialized() => Model ??= new();

    public sealed class Notifications
    {
        [Display(Name = "Sign-in from a new device")] public bool NewDevice { get; set; } = true;
        [Display(Name = "Mentions and comments")] public bool Mentions { get; set; } = true;
        [Display(Name = "Product updates")] public bool ProductUpdates { get; set; }
    }
}

<Form Model="Model" FormName="switch-save-on-change" OnValidSubmit="Save" MaxWidth="32.Rem" Grow>
    <Switch @bind-Value="Model!.Maintenance" @bind-Value:after="Save" ControlPosition="ControlPosition.End"
            Label="Maintenance mode" Hint="Visitors see a maintenance page until you turn it off." />
    <Row Gap="3" Align="Align.Center" Wrap>
        @* An interactive page saves on each change, so it needs no button. *@
        @if (!Interactive)
        {
            <Button Submit Size="ControlSize.Sm">Save</Button>
        }
        @if (_saved is not null)
        {
            <TextBlock Size="TextSize.Sm" Color="Color.Muted">@_saved</TextBlock>
        }
    </Row>
</Form>

@code {
    [SupplyParameterFromForm(FormName = "switch-save-on-change")]
    private SiteStatus? Model { get; set; }

    private string? _saved;

    // True from the prerender of an interactive page on, so the button never shows and goes.
    private bool Interactive => RendererInfo.IsInteractive || AssignedRenderMode is not null;

    protected override void OnInitialized() => Model ??= new();

    // Runs after each change on an interactive page, and on a static page's post.
    private void Save() => _saved = Model!.Maintenance ? "Last saved: in maintenance mode." : "Last saved: live.";

    public sealed class SiteStatus
    {
        public bool Maintenance { get; set; }
    }
}

<Form Model="Model" FormName="switch-states" MaxWidth="32.Rem" Grow>
    <Switch @bind-Value="Model!.Small" Label="Small" Size="ControlSize.Sm" />
    <Switch @bind-Value="Model!.Large" Label="Large" Size="ControlSize.Lg" />
    <Switch @bind-Value="Model!.Replicas" Label="Read replicas" Disabled Hint="Disabled: not posted." />
</Form>

@code {
    [SupplyParameterFromForm(FormName = "switch-states")]
    private Database? Model { get; set; }

    protected override void OnInitialized() => Model ??= new();

    public sealed class Database
    {
        public bool Small { get; set; } = true;
        public bool Large { get; set; } = true;
        public bool Replicas { get; set; }
    }
}