@using FoodsharingSiegen.Contracts.Entity

<Modal @ref="ModalReference">
    <ModalContent Centered Size="ModalSize.Default">
        <ModalHeader>
            <h6>@_header</h6>
            <CloseButton/>
        </ModalHeader>
        <ModalBody>
            <div class="row">
                <div class="col">
                    <label for="aim-userselect">Benutzer</label>
                    <Select TValue="Guid" @bind-SelectedValue="SelectedUser" id="aim-userselect">
                        @foreach (var user in Users ?? new List<User>())
                        {
                            <SelectItem Value="@user.Id">@user.Name</SelectItem>
                        }
                    </Select>
                </div>
                <div class="col">
                    <label for="aim-datepicker">Datum</label>
                    <DatePicker TValue="DateTime" @bind-Date="Interaction.Date" ElementId="aim-datepicker" Max="DateTime.UtcNow.AddDays(7)"/>
                </div>
            </div>

            @if (_showInfo)
            {
                <Field>
                    <MemoEdit @bind-Text="Interaction.Info" Placeholder="@_infoName" Rows="5"/>
                </Field>
            }
        </ModalBody>
        <ModalFooter>
            <Button Color="Color.Primary" Clicked="@AddInteraction">Speichern</Button>
            <Button Color="Color.Secondary" Clicked="ModalReference.Hide">Abbrechen</Button>
        </ModalFooter>
    </ModalContent>
</Modal>