@inherits FsBase

@if (ShowNotNeeded)
{
    <div class="row">
        <div class="col">
            <Field>
                <Switch TValue="bool" @bind-Checked="Interaction.NotNeeded">Nicht benötigt</Switch>
            </Field>
        </div>
        <div class="col">
            <Field>
                <Switch TValue="bool" @bind-Checked="Interaction.Alert">Achtung!</Switch>
            </Field>
        </div>
    </div>
}

<div class="row">
    <div class="col">
        <Field>
            <FieldLabel>Wann?</FieldLabel>
            <DatePicker TValue="DateTime" @bind-Date="Interaction.Date" ElementId="aim-datepicker" Max="DateTime.UtcNow.AddDays(7)" DisplayFormat="dd.MM.yyyy"/>
        </Field>
    </div>
</div>

@if (ShowInfo)
{
    <Field>
        <FieldLabel>@InfoName</FieldLabel>
        <TextEdit @bind-Text="Interaction.Info"></TextEdit>
    </Field>
}

<div class="d-flex justify-content-end">
    <Button Color="Color.Secondary" Clicked="@ModalService.Hide">Abbrechen</Button>
    <Button Color="Color.Primary" Clicked="@AddInteractionAsync" Class="ml-2">OK</Button>
</div>
