@inject ToastService Toasts
@inject IEntryService EntryService

<ModalDialog @ref="modal" Title="Einnahme oder Ausgabe" OnCancel="OnCancel" Busy="isSaving" Dirty="@(committedResult == null && (IsDirty || pendingDateChanges))">
        <h5 id="entry-dialog-title">@(EditEntry != null ? "Buchung bearbeiten" : "Einnahme oder Ausgabe erfassen") – @AccountName</h5>

        <form @onsubmit="Save" @onsubmit:preventDefault="true" aria-busy="@(isSaving ? "true" : "false")">
            <fieldset disabled="@(isSaving || committedResult != null || completed)">
                <div class="form-container">
                    <label class="form-label" for="entry-type">Art</label>
                    @if (EditEntry == null)
                    {
                        <select id="entry-type" @bind="entryType">
                            <option value="@EntryType.Income">Einnahme</option>
                            <option value="@EntryType.Expense">Ausgabe</option>
                        </select>
                    }
                    else
                    {
                        <div><strong>@(entryType == EntryType.Income ? "Einnahme" : "Ausgabe")</strong>
                            <p class="text-muted">Falsche Art? Diese Buchung abbrechen, in der Kontoliste löschen und mit der richtigen Art neu erfassen.</p>
                        </div>
                    }

                    <label class="form-label" for="entry-date">Datum</label>
                    <div>
                        <BookingDateInput @ref="bookingDate" Id="entry-date" @bind-Value="dateText" PendingChangesChanged="pending => pendingDateChanges = pending" aria-describedby="entry-date-help" aria-invalid="@(date == default ? "true" : "false")" />
                        @if (date == default) { <p id="entry-date-help" class="text-danger">Bitte ein gültiges Datum eingeben.</p> }
                    </div>

                    <label class="form-label" for="entry-title">Beschreibung</label>
                    <div>
                        <input id="entry-title" data-initial-focus type="text" class="form-control" @bind="title" @bind:event="oninput" placeholder="z. B. Mitgliedsbeitrag oder Porto" aria-describedby="entry-title-help" aria-invalid="@(string.IsNullOrWhiteSpace(title) ? "true" : "false")" />
                        @if (string.IsNullOrWhiteSpace(title)) { <p id="entry-title-help" class="text-danger">Bitte beschreiben, wofür das Geld eingenommen oder ausgegeben wurde.</p> }
                    </div>

                    <label class="form-label" for="entry-amount">Betrag (€)</label>
                    <div>
                        <AmountInput Id="entry-amount" @bind-Value="amountText" />
                        <p class="text-muted">Betrag ohne Minuszeichen.</p>
                    </div>
                </div>

                @if (OutsideYear && date != default)
                {
                    <div class="alert alert-warning booking-year-warning" role="status">
                        <i class="bi bi-exclamation-triangle-fill" aria-hidden="true"></i>
                        <div><strong>Das Buchungsdatum liegt in einem anderen Jahr.</strong>
                        <p>Du erfasst die Buchung am @date.ToString("dd.MM.yyyy") und damit außerhalb des angezeigten Jahres @ContextYear. Sie wird im Jahr @date.Year gespeichert und erscheint erst, wenn du dieses Jahr oder „Alle Buchungen“ auswählst.</p>
                        <label><input type="checkbox" checked="@(confirmDifferentYear && confirmedYear == date.Year)" @onchange="e => { confirmDifferentYear = e.Value is true; confirmedYear = date.Year; }" /> Ich möchte die Buchung im Jahr @date.Year speichern.</label>
                        </div>
                    </div>
                }

            </fieldset>
            <div class="d-flex justify-content-end gap-2">
                <button type="submit" class="btn btn-success" disabled="@(isSaving || completed || (committedResult == null && !CanSave))">
                    @(isSaving ? "Wird gespeichert …" : committedResult != null ? "Ansicht aktualisieren" : "Speichern")
                </button>
                <button type="button" class="btn btn-outline-secondary" disabled="@isSaving" @onclick="Cancel"><i class="bi bi-x-lg"></i> Abbrechen</button>
            </div>
        </form>
</ModalDialog>

@code { private ModalDialog? modal; private BookingDateInput? bookingDate; private bool pendingDateChanges; }