@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">
                    <Field>
                        <FieldLabel>Wer?</FieldLabel>
                        <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>
                    </Field>
                </div>
                <div class="col">
                    <Field>
                        <FieldLabel>Wann?</FieldLabel>
                        <DatePicker TValue="DateTime" @bind-Date="Interaction.Date" ElementId="aim-datepicker" Max="DateTime.UtcNow.AddDays(7)"/>
                    </Field>
                </div>
            </div>

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