@inject ToastService Toasts
@inject ReportingPeriod Period
@page "/accounts/{AccountId:int}"
@inject IAccountService AccountService
@inject IEntryService EntryService
@inject IBalanceQueryService BalanceQueryService
@inject IPdfStatementService PdfStatementService
@inject IFileSaveService FileSaveService
@inject NavigationManager Navigation

<div class="container-fluid">
    <OperationNotice Result="fileResult" />

    @if (account == null)
    {
        <div class="text-center py-5">
            <div class="spinner-border" role="status"></div>
        </div>
    }
    else
    {
        <div class="d-flex align-items-center gap-2">
            <div class="d-flex align-items-center flex-grow-1" style="min-width: 0;">
                <h1 class="mb-0 mt-0" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
                    @account.Name
                    <button class="btn-edit-pen" @onclick="() => showEditName = true" title="Name bearbeiten"><i class="bi bi-pencil"></i></button>
                </h1>
            </div>
        </div>

        <div class="action-toolbar">
            <button class="btn btn-secondary btn-nav" @onclick="NavigateBack">
                <i class="bi bi-arrow-left"></i><span>Zurück</span>
            </button>
            <button class="btn btn-success btn-nav" @onclick="() => showAddEntry = true">
                <i class="bi bi-plus-lg"></i> <span>Einnahme oder<br /> Ausgabe erfassen</span>
            </button>
            <button class="btn btn-info btn-nav" @onclick="() => showAddTransfer = true">
                <i class="bi bi-arrow-left-right"></i> <span>Geld zwischen<br /> Konten verschieben</span>
            </button>
            <button class="btn btn-dark btn-nav" @onclick="HandleExport" disabled="@fileBusy">
                <i class="bi bi-file-earmark-pdf"></i> <span>Als PDF<br /> speichern</span>
            </button>
            <button class="btn btn-nav btn-primary" @onclick="OpenYearFilterDialog">
                <i class="bi bi-funnel"></i><span>@GetFilterLabel()</span>
            </button>
        </div>

        <p class="text-muted">Zeitraum für Liste und Summen: @Period.Label</p>
        @if (balance != null)
        {
            <div class="summary-section">
                <div class="summary-flex">
                    <div>
                        <small class="text-muted">Kontostand</small>
                        <div class="fs-3 fw-bold @(balance.TotalBalance >= 0 ? "amount-positive" : "amount-negative")">
                            @FormatAmount(balance.TotalBalance)
                        </div>
                    </div>
                    <div class="text-end">
                        <small class="text-muted">Einnahmen</small>
                        <div class="amount-positive">@FormatAmount(selectedYear.HasValue ? balance.CurrentYearIncome : balance.TotalIncome)</div>
                    </div>
                    <div class="text-end">
                        <small class="text-muted">Ausgaben</small>
                        <div class="amount-negative">@FormatAmount(selectedYear.HasValue ? balance.CurrentYearExpense : balance.TotalExpense)</div>
                    </div>
                </div>
            </div>

            @if (selectedYear.HasValue)
            {
                <div class="summary-section">
                    <div class="summary-flex">
                        <div>
                            <small class="text-muted">Übertrag von @(selectedYear.Value - 1)</small>
                            <div class="d-flex align-items-center gap-1">
                                <span class="fw-bold">@FormatAmount(balance.CarryoverBalance)</span>
                                <button class="btn-edit-pen" @onclick="() => showEditCarryover = true" title="Übertrag bearbeiten">
                                    <i class="bi bi-pencil"></i>
                                </button>
                            </div>
                        </div>
                        <div class="text-end">
                            <small class="text-muted">Änderung im Jahr @selectedYear.Value</small>
                            <div class="fw-bold @(balance.CurrentYearIncome - balance.CurrentYearExpense >= 0 ? "amount-positive" : "amount-negative")">
                                @FormatAmount(balance.CurrentYearIncome - balance.CurrentYearExpense)
                            </div>
                        </div>
                    </div>
                </div>
            }
        }


        @if (entries != null)
        {
            <div class="entries-scroll-wrapper">
                <EntryTable HighlightedEntryId="lastSaved?.EntryId" Entries="entries" EmptyMessage="emptyEntriesMessage" OnDeleteEntry="RequestDeleteEntry" OnRestoreEntry="RequestRestoreEntry" OnEditEntry="RequestEditEntry" />
            </div>
        }
    }
</div>

@if (showAddEntry)
{
    <AddEntryDialog AccountName="@(account?.Name ?? "")" AccountId="AccountId" ContextYear="selectedYear"
                    OnSave="HandleEntryCreated"
                    OnCancel="() => showAddEntry = false" />
}

@if (showAddTransfer)
{
    <AddTransferDialog SourceAccountId="AccountId" ContextYear="selectedYear"
                       OnSave="HandleTransferCreated"
                       OnCancel="() => showAddTransfer = false" />
}

@if (showEditName)
{
    <EditNameDialog CurrentName="@(account?.Name ?? "")"
                    OnSave="HandleSaveName"
                    OnCancel="() => showEditName = false" />
}

@if (showEditCarryover)
{
    <EditCarryoverDialog CurrentAmount="@(balance?.CarryoverBalance ?? 0)"
                         OnSave="HandleSaveCarryover"
                         OnCancel="() => showEditCarryover = false" />
}

@if (confirmDeleteEntryId.HasValue)
{
    <ConfirmDialog Title="Buchung löschen"
                   Message="@($"Soll \"{confirmDeleteEntryTitle}\" wirklich gelöscht werden?")"
                   ConfirmText="Ja, löschen"
                   CancelText="Nein, abbrechen"
                   ConfirmButtonClass="btn btn-danger"
                   ConfirmIconClass="bi bi-trash"
                   OnConfirm="HandleConfirmDelete"
                   OnCancel="CancelDeleteConfirm" />
}

@if (confirmRestoreEntryId.HasValue)
{
    <ConfirmDialog Title="Buchung wiederherstellen"
                   Message="@($"Soll \"{confirmRestoreEntryTitle}\" wiederhergestellt werden?")"
                   ConfirmText="Ja, wiederherstellen"
                   CancelText="Nein, abbrechen"
                   ConfirmButtonClass="btn btn-warning"
                   ConfirmIconClass="bi bi-arrow-clockwise"
                   OnConfirm="HandleConfirmRestore"
                   OnCancel="CancelRestoreConfirm" />
}

@if (!string.IsNullOrWhiteSpace(savedPdfPath))
{
    <ConfirmDialog Title="PDF öffnen"
                   Message="Die PDF wurde gespeichert. Möchtest du sie jetzt öffnen?"
                   ConfirmText="Ja, öffnen"
                   CancelText="Nein"
                   ConfirmButtonClass="btn btn-primary"
                   ConfirmIconClass="bi bi-box-arrow-up-right"
                   OnConfirm="HandleOpenSavedPdf"
                   OnCancel="CancelOpenSavedPdf" />
}

@if (editingEntry != null)
{
    <AddEntryDialog AccountName="@(account?.Name ?? "")" AccountId="AccountId" ContextYear="selectedYear"
                    EditEntry="editingEntry"
                    OnSave="HandleEntryEdited"
                    OnCancel="() => editingEntry = null" />
}

@if (editingTransferEntry != null)
{
    <AddTransferDialog SourceAccountId="AccountId" ContextYear="selectedYear"
                       EditEntry="editingTransferEntry"
                       OnSave="HandleEntryEdited"
                       OnCancel="() => editingTransferEntry = null" />
}

@if (showYearFilterDialog)
{
    <ModalDialog Title="Jahr auswählen" OnCancel="CloseYearFilterDialog">
            <h5>Filter auswählen</h5>
            <p class="text-muted mb-3">Wähle ein Jahr oder alle Buchungen.</p>
            <div class="filter-options-grid">
                <button class="btn @(selectedYear.HasValue ? "btn-outline-secondary" : "btn-primary")" @onclick="() => SelectFilterYear(null)">
                    Alle Buchungen
                </button>
                @foreach (var year in availableYears)
                {
                    <button class="btn @(selectedYear == year ? "btn-primary" : "btn-outline-secondary")" @onclick="() => SelectFilterYear(year)">
                        @year
                    </button>
                }
            </div>
            <div class="d-flex justify-content-end mt-3">
                <button class="btn btn-outline-secondary" @onclick="CloseYearFilterDialog">
                    <i class="bi bi-x-lg"></i> Schließen
                </button>
            </div>
    </ModalDialog>
}