@page "/images"
@attribute [Authorize]
@rendermode InteractiveServer
@inject GhostConfigService ConfigService
@inject GhostApiService GhostApi
@inject ImageAnalyzerService ImageAnalyzer
@inject ImageReplacementService ReplacementService
@inject ImageDeletionService DeletionService
@inject ImageExportService ExportService
@inject ImageDatabaseService DbService
@inject IJSRuntime JsRuntime
@inject ILogger<Images> Logger

<PageTitle>Ghost Bilder</PageTitle>

<h1>Ghost Bilderverwaltung</h1>

@if (_instances.Count == 0)
{
    <div class="alert alert-warning">
        Keine Ghost-Instanzen konfiguriert. Bitte zuerst unter <a href="settings">Einstellungen</a> eine Instanz anlegen.
    </div>
}
else
{
    <div class="row mb-3">
        <div class="col-md-2">
            <label class="form-label">Ghost-Instanz</label>
            <select class="form-select" @bind="_selectedInstanceId" @bind:after="OnInstanceChanged">
                @foreach (var instance in _instances)
                {
                    <option value="@instance.Id">@instance.Name</option>
                }
            </select>
        </div>
        <div class="col-md-2">
            <label class="form-label">Suche nach Bildname</label>
            <input type="search" class="form-control" @bind="_nameSearch" @bind:event="oninput" @bind:after="ApplyFilters" placeholder="Dateiname oder Pfad..." />
        </div>
        <div class="col-md-2">
            <label class="form-label">Suche nach Post</label>
            <input type="search" class="form-control" @bind="_searchTerm" @bind:event="oninput" @bind:after="ApplyFilters" placeholder="Post-Titel..." />
        </div>
        <div class="col-md-2">
            <label class="form-label">Autor</label>
            <select class="form-select" @bind="_authorFilter" @bind:after="ApplyFilters">
                <option value="">Alle Autoren</option>
                @foreach (var author in AvailableAuthors)
                {
                    <option value="@author.Key">@author.Value (@GetAuthorCount(author.Key))</option>
                }
            </select>
        </div>
        <div class="col-md-2">
            <label class="form-label">Thema</label>
            <select class="form-select" @bind="_themeFilter" @bind:after="ApplyFilters">
                <option value="">Alle Themen</option>
                @foreach (var theme in AvailableThemes)
                {
                    <option value="@theme">@theme (@GetThemeCount(theme))</option>
                }
            </select>
        </div>
        <div class="col-md-2">
            <label class="form-label">Kategorie</label>
            <select class="form-select" @bind="_categoryFilter" @bind:after="ApplyFilters">
                <option value="">Alle Kategorien</option>
                @foreach (var category in AvailableCategories)
                {
                    <option value="@category.Key">@category.Value</option>
                }
            </select>
        </div>
        <div class="col-12 d-flex align-items-end mt-3">
            <button class="btn btn-outline-secondary me-2" @onclick="ResetFilters" title="Filter zurücksetzen">
                <i class="bi bi-x-circle"></i>
            </button>
            <button class="btn btn-primary me-2" @onclick="LoadImages" disabled="@_isLoading">
                @if (_isLoading)
                {
                    <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
                    <span>Lade...</span>
                }
                else
                {
                    <span>Alle Bilder laden</span>
                }
            </button>

            @if (FilteredImages.Any())
            {
                <div class="btn-group me-2">
                    <button class="btn btn-outline-success dropdown-toggle" data-bs-toggle="dropdown">
                        Exportieren
                    </button>
                    <ul class="dropdown-menu">
                        <li><button class="dropdown-item" @onclick="ExportCsv">CSV exportieren</button></li>
                        <li><button class="dropdown-item" @onclick="ExportTxt">TXT exportieren</button></li>
                        <li><button class="dropdown-item" @onclick="ExportSelectedZip">Ausgewählte als ZIP</button></li>
                    </ul>
                </div>

                @if (SelectedDeletableImages.Any())
                {
                    <button class="btn btn-danger me-2" @onclick="DeleteSelected">
                        Auswahl löschen (@SelectedDeletableImages.Count)
                    </button>
                }
            }
        </div>
    </div>

    @if (!string.IsNullOrEmpty(_errorMessage))
    {
        <div class="alert alert-danger">@_errorMessage</div>
    }

    @if (!string.IsNullOrEmpty(_warningMessage))
    {
        <div class="alert alert-warning">@_warningMessage</div>
    }

    @if (!string.IsNullOrEmpty(_successMessage))
    {
        <div class="alert alert-success">@_successMessage</div>
    }

    @if (_allImages.Count > 0)
    {
        <div class="row mb-3 align-items-center">
            <div class="col">
                <div class="btn-group" role="group">
                    <button class="btn btn-outline-secondary @GetFilterClass(ImageFilter.All)" @onclick="() => SetFilter(ImageFilter.All)">Alle (@_allImages.Count)</button>
                    <button class="btn btn-outline-secondary @GetFilterClass(ImageFilter.Feature)" @onclick="() => SetFilter(ImageFilter.Feature)">Feature (@_featureCount)</button>
                    <button class="btn btn-outline-secondary @GetFilterClass(ImageFilter.Content)" @onclick="() => SetFilter(ImageFilter.Content)">Content (@_contentCount)</button>
                    <button class="btn btn-outline-danger @GetFilterClass(ImageFilter.Orphaned)" @onclick="() => SetFilter(ImageFilter.Orphaned)">Verwaist (@_orphanedCount)</button>
                    <button class="btn btn-outline-secondary @GetFilterClass(ImageFilter.Original)" @onclick="() => SetFilter(ImageFilter.Original)">Originale (@_originalCount)</button>
                    <button class="btn btn-outline-secondary @GetFilterClass(ImageFilter.Category)" @onclick="() => SetFilter(ImageFilter.Category)">Kategorie (@_categoryCount)</button>
                </div>
            </div>
            <div class="col-auto">
                <span class="text-muted small">
                    Gefiltert: <strong>@_filteredImages.Count</strong> von @_allImages.Count
                </span>
            </div>
            <div class="col-auto">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" id="selectAllOrphaned" @onchange="ToggleSelectAllOrphaned" checked="@_selectAllOrphaned" />
                    <label class="form-check-label" for="selectAllOrphaned">Alle verwaisten auswählen</label>
                </div>
            </div>
            <div class="col-auto">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" id="selectAllOriginals" @onchange="ToggleSelectAllOriginals" checked="@_selectAllOriginals" />
                    <label class="form-check-label" for="selectAllOriginals">Alle Originale auswählen</label>
                </div>
            </div>
        </div>

        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
            @foreach (var image in FilteredImages)
            {
                <div class="col">
                    <div class="card h-100 @GetCardClass(image)">
                        @if (image.CanDelete)
                        {
                            <div class="card-header py-1">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" checked="@_selectedImageUrls.Contains(image.Url)" @onchange="e => ToggleSelection(image, e)" id="chk-@image.GetHashCode()" />
                                    <label class="form-check-label small" for="chk-@image.GetHashCode()">Auswählen</label>
                                </div>
                            </div>
                        }
                        <div class="card-img-top bg-light d-flex align-items-center justify-content-center" style="height: 200px;">
                            <img src="@image.Url" alt="@image.FileName" class="img-fluid" style="max-height: 100%; max-width: 100%; object-fit: contain;" loading="lazy" />
                        </div>
                        <div class="card-body">
                            <h5 class="card-title text-truncate" title="@image.FileName">@image.FileName</h5>
                            <p class="card-text small text-muted">
                                <strong>Pfad:</strong> <span class="text-truncate d-block" title="@image.RelativePath">@image.RelativePath</span>
                                <strong>Größe:</strong> @image.FormattedFileSize<br />
                                <strong>Dimensionen:</strong> @image.Dimensions<br />
                                <strong>Datei-Datum:</strong> @image.LastModified.ToString("dd.MM.yyyy HH:mm")<br />
                                @if (!string.IsNullOrEmpty(image.AuthorName))
                                {
                                    <strong>Autor:</strong> @image.AuthorName<br />
                                }
                                @if (!string.IsNullOrEmpty(image.Theme))
                                {
                                    <strong>Thema:</strong> @image.Theme<br />
                                }
                                @if (image.CaptureDate.HasValue)
                                {
                                    <strong>Aufnahmedatum:</strong> @image.CaptureDate.Value.ToString("dd.MM.yyyy HH:mm")<br />
                                }
                                @if (!string.IsNullOrEmpty(image.CameraModel))
                                {
                                    <strong>Kamera:</strong> @image.CameraDisplay<br />
                                    <span class="d-block">@image.ExifSummary</span>
                                }
                            </p>

                            @if (image.IsOriginal)
                            {
                                <div class="alert alert-info py-1 px-2 mb-2 small">
                                    Originaldatei von <strong>@image.OriginalOf</strong>
                                    @(image.IsOrphaned ? "(Bild wird nicht verwendet)" : "(Bild wird verwendet)")
                                </div>
                            }
                            else if (image.IsOrphaned)
                            {
                                <div class="alert alert-warning py-1 px-2 mb-2 small">
                                    ⚠️ Verwaist (nicht in Posts verwendet)
                                </div>
                            }
                            else
                            {
                                <div class="mb-2">
                                    <small class="text-muted">Verwendet in:</small>
                                    <ul class="list-unstyled small mb-0">
                                        @foreach (var post in image.UsedInPosts.Take(3))
                                        {
                                            <li>
                                                <span class="badge @(post.IsFeatureImage ? "bg-primary" : "bg-secondary") me-1">
                                                    @(post.IsFeatureImage ? "Feature" : post.IsInContent ? "Content" : "Website")
                                                </span>
                                                <span title="@post.Title">@post.Title</span>
                                            </li>
                                        }
                                        @if (image.UsedInPosts.Count > 3)
                                        {
                                            <li class="text-muted">... und @(image.UsedInPosts.Count - 3) weitere</li>
                                        }
                                    </ul>
                                </div>
                            }

                            <div class="d-flex gap-2 flex-wrap">
                                <button class="btn btn-sm btn-outline-primary" @onclick="() => ShowReplaceDialog(image)">
                                    Tauschen
                                </button>
                                <button class="btn btn-sm btn-outline-secondary" @onclick="() => ShowEditDialog(image)">
                                    Bearbeiten
                                </button>
                                @if (image.CanDelete)
                                {
                                    <button class="btn btn-sm btn-outline-danger" @onclick="() => ShowDeleteDialog(image)">
                                        Löschen
                                    </button>
                                }
                            </div>
                        </div>
                    </div>
                </div>
            }
        </div>
    }
    else if (!_isLoading && _hasLoaded)
    {
        <div class="alert alert-info">Keine Bilder gefunden.</div>
    }
}

@if (_showReplaceDialog && _selectedImage != null)
{
    <div class="modal show d-block" tabindex="-1" style="background-color: rgba(0,0,0,0.5);">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Bild tauschen: @_selectedImage.FileName</h5>
                    <button type="button" class="btn-close" @onclick="CloseReplaceDialog"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6">
                            <h6>Aktuelles Bild</h6>
                            <img src="@_selectedImage.Url" class="img-fluid border" alt="Aktuell" />
                            <p class="small text-muted mt-2">
                                @_selectedImage.FormattedFileSize | @_selectedImage.Dimensions
                            </p>
                        </div>
                        <div class="col-md-6">
                            <h6>Neues Bild</h6>
                            <InputFile OnChange="LoadNewImage" class="form-control" accept="image/*" />
                            @if (_newImagePreview != null)
                            {
                                <img src="@_newImagePreview" class="img-fluid border mt-2" alt="Vorschau" />
                            }
                        </div>
                    </div>

                    @if (!string.IsNullOrEmpty(_replaceError))
                    {
                        <div class="alert alert-danger mt-3">@_replaceError</div>
                    }
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" @onclick="CloseReplaceDialog">Abbrechen</button>
                    <button type="button" class="btn btn-primary" @onclick="ReplaceImage" disabled="@(_newImageFile == null || _isReplacing)">
                        @if (_isReplacing)
                        {
                            <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
                            <span>Tausche...</span>
                        }
                        else
                        {
                            <span>Hochladen & Ersetzen</span>
                        }
                    </button>
                </div>
            </div>
        </div>
    </div>
}

@if (_showDeleteDialog && _selectedImage != null)
{
    <div class="modal show d-block" tabindex="-1" style="background-color: rgba(0,0,0,0.5);">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Bild löschen</h5>
                    <button type="button" class="btn-close" @onclick="CloseDeleteDialog"></button>
                </div>
                <div class="modal-body">
                    <p>Möchtest du wirklich <strong>@_selectedImage.FileName</strong> löschen?</p>
                    <div class="alert alert-warning">
                        @if (_selectedImage.IsOriginal)
                        {
                            <text>Das ist die unkomprimierte Originaldatei von <strong>@_selectedImage.OriginalOf</strong>. Das Bild selbst bleibt erhalten.</text>
                        }
                        else
                        {
                            <text>⚠️ Dieses Bild ist verwaist und wird in keinem Post verwendet.</text>
                        }
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" @onclick="CloseDeleteDialog">Abbrechen</button>
                    <button type="button" class="btn btn-danger" @onclick="DeleteImage">
                        Löschen
                    </button>
                </div>
            </div>
        </div>
    </div>
}

@if (_showBulkDeleteDialog)
{
    <div class="modal show d-block" tabindex="-1" style="background-color: rgba(0,0,0,0.5);">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Ausgewählte Bilder löschen</h5>
                    <button type="button" class="btn-close" @onclick="CloseBulkDeleteDialog"></button>
                </div>
                <div class="modal-body">
                    <p>
                        Möchtest du wirklich <strong>@SelectedDeletableImages.Count</strong> Dateien löschen
                        (@SelectedDeletableImages.Count(i => i.IsOriginal) Originaldateien,
                        @SelectedDeletableImages.Count(i => !i.IsOriginal) verwaiste Bilder)?
                    </p>
                    <ul class="list-group small">
                        @foreach (var img in SelectedDeletableImages.Take(10))
                        {
                            <li class="list-group-item">@img.FileName</li>
                        }
                        @if (SelectedDeletableImages.Count > 10)
                        {
                            <li class="list-group-item text-muted">... und @(SelectedDeletableImages.Count - 10) weitere</li>
                        }
                    </ul>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" @onclick="CloseBulkDeleteDialog">Abbrechen</button>
                    <button type="button" class="btn btn-danger" @onclick="DeleteSelectedConfirmed" disabled="@_isDeleting">
                        @if (_isDeleting)
                        {
                            <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
                            <span>Lösche...</span>
                        }
                        else
                        {
                            <span>Alle löschen</span>
                        }
                    </button>
                </div>
            </div>
    </div>
</div>
}

@if (_showEditDialog && _editingImage != null)
{
    <div class="modal show d-block" tabindex="-1" style="background-color: rgba(0,0,0,0.5);">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Bild bearbeiten: @_editingImage.FileName</h5>
                    <button type="button" class="btn-close" @onclick="CloseEditDialog"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6">
                            <img src="@_editingImage.Url" class="img-fluid border" alt="@_editingImage.FileName" />
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label class="form-label">Autor</label>
                                <select class="form-select" @bind="_editAuthorId">
                                    <option value="">(keiner)</option>
                                    @foreach (var user in _ghostUsers)
                                    {
                                        <option value="@user.Id">@user.Name</option>
                                    }
                                </select>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Thema</label>
                                <input type="text" class="form-control" @bind="_editTheme" placeholder="z.B. Landschaft, Portrait..." />
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Aufnahmedatum</label>
                                <InputDate class="form-control" @bind-Value="_editCaptureDate" />
                            </div>

                            <div class="alert alert-info small">
                                <strong>Kamera:</strong> @_editingImage.CameraDisplay<br />
                                <strong>EXIF:</strong> @_editingImage.ExifSummary<br />
                                <strong>Dateigröße:</strong> @_editingImage.FormattedFileSize | @_editingImage.Dimensions
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" @onclick="CloseEditDialog">Abbrechen</button>
                    <button type="button" class="btn btn-primary" @onclick="SaveEdit" disabled="@_isSavingEdit">
                        @if (_isSavingEdit)
                        {
                            <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
                            <span>Speichere...</span>
                        }
                        else
                        {
                            <span>Speichern</span>
                        }
                    </button>
                </div>
            </div>
        </div>
    </div>
}

@code {
    private List<GhostInstance> _instances = new();
    private string _selectedInstanceId = "";
    private string _searchTerm = "";
    private string _nameSearch = "";
    private string? _warningMessage;
    private int _originalCount;
    private int _categoryCount;
    private bool _selectAllOriginals;
    private string _authorFilter = "";
    private string _themeFilter = "";
    private List<GhostImage> _allImages = new();
    private List<GhostImage> _filteredImages = new();
    private bool _isLoading;
    private bool _hasLoaded;
    private string? _errorMessage;
    private string? _successMessage;

    private ImageFilter _currentFilter = ImageFilter.All;
    private int _orphanedCount;
    private int _featureCount;
    private int _contentCount;
    private string _categoryFilter = "";

    private GhostImage? _selectedImage;
    private bool _showReplaceDialog;
    private bool _showDeleteDialog;
    private bool _showBulkDeleteDialog;
    private IBrowserFile? _newImageFile;
    private string? _newImagePreview;
    private string? _replaceError;
    private bool _isReplacing;
    private bool _isDeleting;

    private HashSet<string> _selectedImageUrls = new();
    private bool _selectAllOrphaned;

    private List<GhostUser> _ghostUsers = new();

    private GhostImage? _editingImage;
    private bool _showEditDialog;
    private string? _editAuthorId;
    private string? _editTheme;
    private DateTime? _editCaptureDate;
    private bool _isSavingEdit;

    protected override void OnInitialized()
    {
        var config = ConfigService.Load();
        _instances = config.Instances;
        _selectedInstanceId = _instances.FirstOrDefault()?.Id ?? "";
    }

    private async Task OnInstanceChanged()
    {
        _allImages.Clear();
        _filteredImages.Clear();
        _hasLoaded = false;
        _selectedImageUrls.Clear();
        _authorFilter = "";
        _themeFilter = "";
        await LoadImages();
    }

    private async Task LoadImages()
    {
        if (string.IsNullOrEmpty(_selectedInstanceId))
            return;

        _isLoading = true;
        _errorMessage = null;
        _successMessage = null;
        StateHasChanged();

        try
        {
            var instance = _instances.First(i => i.Id == _selectedInstanceId);

            // Ghost-Benutzer laden
            _ghostUsers = await GhostApi.GetUsersAsync(instance);

            _allImages = await ImageAnalyzer.AnalyzeImagesAsync(instance);
            _warningMessage = ImageAnalyzer.LastWarning;
            CalculateCounts();
            ApplyFilters();
            _hasLoaded = true;
        }
        catch (Exception ex)
        {
            Logger.LogError(ex, "Fehler beim Laden der Bilder");
            _errorMessage = $"Fehler: {ex.Message}";
        }
        finally
        {
            _isLoading = false;
            StateHasChanged();
        }
    }

    private void CalculateCounts()
    {
        _orphanedCount = _allImages.Count(i => i.IsOrphaned);
        _featureCount = _allImages.Count(i => i.UsedInPosts.Any(r => r.IsFeatureImage));
        _contentCount = _allImages.Count(i => i.UsedInPosts.Any(r => r.IsInContent));
        _categoryCount = _allImages.Count(i => !string.IsNullOrEmpty(i.Category));
        _originalCount = _allImages.Count(i => i.IsOriginal);
    }

    private List<GhostImage> FilteredImages => _filteredImages;

    private List<GhostImage> SelectedDeletableImages => _filteredImages.Where(i => _selectedImageUrls.Contains(i.Url) && i.CanDelete).ToList();

    private List<KeyValuePair<string, string>> AvailableAuthors => _allImages
        .Where(i => !string.IsNullOrEmpty(i.AuthorId))
        .GroupBy(i => i.AuthorId!)
        .Select(g => new KeyValuePair<string, string>(g.Key, g.First().AuthorName ?? "Unbekannt"))
        .OrderBy(kvp => kvp.Value)
        .ToList();

    private List<string> AvailableThemes => _allImages
        .Where(i => !string.IsNullOrEmpty(i.Theme))
        .Select(i => i.Theme!)
        .Distinct()
        .OrderBy(t => t)
        .ToList();

    private List<KeyValuePair<string, string>> AvailableCategories => _allImages
        .Where(i => !string.IsNullOrEmpty(i.Category))
        .GroupBy(i => i.Category!)
        .Select(g => new KeyValuePair<string, string>(g.Key, g.Key))
        .OrderBy(kvp => kvp.Value)
        .ToList();

    private int GetAuthorCount(string authorId) => _allImages.Count(i => i.AuthorId == authorId);
    private int GetThemeCount(string theme) => _allImages.Count(i => i.Theme == theme);
    private int GetCategoryCount(string category) => _allImages.Count(i => i.Category == category);

    private void ApplyFilters()
    {
        var query = _allImages.AsEnumerable();

        if (_currentFilter == ImageFilter.Orphaned)
            query = query.Where(i => i.IsOrphaned);
        else if (_currentFilter == ImageFilter.Feature)
            query = query.Where(i => i.UsedInPosts.Any(r => r.IsFeatureImage));
        else if (_currentFilter == ImageFilter.Content)
            query = query.Where(i => i.UsedInPosts.Any(r => r.IsInContent));
        else if (_currentFilter == ImageFilter.Original)
            query = query.Where(i => i.IsOriginal);
        else if (_currentFilter == ImageFilter.Category)
            query = query.Where(i => !string.IsNullOrEmpty(i.Category));

        if (!string.IsNullOrWhiteSpace(_nameSearch))
        {
            var name = _nameSearch.Trim();
            query = query.Where(i => i.FileName.Contains(name, StringComparison.OrdinalIgnoreCase)
                                  || i.RelativePath.Contains(name, StringComparison.OrdinalIgnoreCase));
        }

        if (!string.IsNullOrWhiteSpace(_searchTerm))
        {
            var title = _searchTerm.Trim();
            query = query.Where(i => i.UsedInPosts.Any(r => r.Title.Contains(title, StringComparison.OrdinalIgnoreCase)));
        }

        if (!string.IsNullOrWhiteSpace(_authorFilter))
            query = query.Where(i => i.AuthorId == _authorFilter);

        if (!string.IsNullOrWhiteSpace(_themeFilter))
            query = query.Where(i => i.Theme == _themeFilter);

        if (!string.IsNullOrWhiteSpace(_categoryFilter))
            query = query.Where(i => i.Category == _categoryFilter);

        _filteredImages = query.ToList();
        StateHasChanged();
    }

    private void ResetFilters()
    {
        _authorFilter = "";
        _themeFilter = "";
        _categoryFilter = "";
        _searchTerm = "";
        _nameSearch = "";
        _currentFilter = ImageFilter.All;
        ApplyFilters();
    }

    private void SetFilter(ImageFilter filter)
    {
        _currentFilter = filter;
        ApplyFilters();
    }

    private string GetFilterClass(ImageFilter filter) => _currentFilter == filter ? "active" : "";

    private string GetCardClass(GhostImage image) => image.IsOrphaned ? "border-danger" : "";

    private void ToggleSelection(GhostImage image, ChangeEventArgs e)
    {
        var isSelected = e.Value is bool b && b;
        if (isSelected)
            _selectedImageUrls.Add(image.Url);
        else
            _selectedImageUrls.Remove(image.Url);

        _selectAllOrphaned = false;
        _selectAllOriginals = false;
        StateHasChanged();
    }

    // Wirkt auf die aktuell angezeigten (gefilterten) Bilder
    private void ToggleSelectAllOrphaned(ChangeEventArgs e)
    {
        _selectAllOrphaned = e.Value is bool b && b;
        SetSelection(_filteredImages.Where(i => i.IsOrphaned), _selectAllOrphaned);
    }

    private void ToggleSelectAllOriginals(ChangeEventArgs e)
    {
        _selectAllOriginals = e.Value is bool b && b;
        SetSelection(_filteredImages.Where(i => i.IsOriginal), _selectAllOriginals);
    }

    private void SetSelection(IEnumerable<GhostImage> images, bool selected)
    {
        foreach (var image in images)
        {
            if (selected)
                _selectedImageUrls.Add(image.Url);
            else
                _selectedImageUrls.Remove(image.Url);
        }
        StateHasChanged();
    }

    private void ShowReplaceDialog(GhostImage image)
    {
        _selectedImage = image;
        _showReplaceDialog = true;
        _newImageFile = null;
        _newImagePreview = null;
        _replaceError = null;
    }

    private void CloseReplaceDialog()
    {
        _showReplaceDialog = false;
        _selectedImage = null;
        _newImageFile = null;
        _newImagePreview = null;
        _replaceError = null;
    }

    private void ShowDeleteDialog(GhostImage image)
    {
        _selectedImage = image;
        _showDeleteDialog = true;
    }

    private void CloseDeleteDialog()
    {
        _showDeleteDialog = false;
        _selectedImage = null;
    }

    private void ShowBulkDeleteDialog()
    {
        _showBulkDeleteDialog = true;
    }

    private void CloseBulkDeleteDialog()
    {
        _showBulkDeleteDialog = false;
    }

    private void DeleteSelected()
    {
        if (SelectedDeletableImages.Any())
            ShowBulkDeleteDialog();
    }

    private async Task DeleteSelectedConfirmed()
    {
        _isDeleting = true;
        StateHasChanged();

        try
        {
            int success = 0, failed = 0;
            foreach (var image in SelectedDeletableImages)
            {
                if (await DeletionService.DeleteImageAsync(image))
                {
                    success++;
                    if (image.ManagedImageId.HasValue)
                        await DbService.DeleteAsync(image.ManagedImageId.Value);
                }
                else
                {
                    failed++;
                }
            }

            _selectedImageUrls.Clear();
            _selectAllOrphaned = false;
            _selectAllOriginals = false;
            await LoadImages();
            _successMessage = $"{success} Dateien gelöscht, {failed} fehlgeschlagen.";
        }
        catch (Exception ex)
        {
            _errorMessage = $"Fehler beim Löschen: {ex.Message}";
        }
        finally
        {
            _isDeleting = false;
            _showBulkDeleteDialog = false;
            StateHasChanged();
        }
    }

    private async Task DeleteImage()
    {
        if (_selectedImage == null) return;

        try
        {
            var success = await DeletionService.DeleteImageAsync(_selectedImage);
            if (success)
            {
                _selectedImageUrls.Remove(_selectedImage.Url);
                if (_selectedImage.ManagedImageId.HasValue)
                    await DbService.DeleteAsync(_selectedImage.ManagedImageId.Value);
                var deletedName = _selectedImage.FileName;
                CloseDeleteDialog();
                await LoadImages();
                _successMessage = $"{deletedName} gelöscht.";
            }
            else
            {
                _errorMessage = "Bild konnte nicht gelöscht werden.";
            }
        }
        catch (Exception ex)
        {
            _errorMessage = $"Fehler beim Löschen: {ex.Message}";
        }
    }

    private void ShowEditDialog(GhostImage image)
    {
        _editingImage = image;
        _editAuthorId = image.AuthorId;
        _editTheme = image.Theme;
        _editCaptureDate = image.CaptureDate;
        _showEditDialog = true;
    }

    private void CloseEditDialog()
    {
        _showEditDialog = false;
        _editingImage = null;
        _editAuthorId = null;
        _editTheme = null;
        _editCaptureDate = null;
    }

    private async Task SaveEdit()
    {
        if (_editingImage?.ManagedImageId == null) return;

        _isSavingEdit = true;
        StateHasChanged();

        try
        {
            var selectedAuthor = _ghostUsers.FirstOrDefault(u => u.Id == _editAuthorId);
            await DbService.UpdateAuthorAsync(_editingImage.ManagedImageId.Value, _editAuthorId, selectedAuthor?.Name);
            await DbService.UpdateThemeAsync(_editingImage.ManagedImageId.Value, _editTheme);
            await DbService.UpdateCaptureDateAsync(_editingImage.ManagedImageId.Value, _editCaptureDate);

            // Lokale Anzeige aktualisieren
            _editingImage.AuthorId = _editAuthorId;
            _editingImage.AuthorName = selectedAuthor?.Name;
            _editingImage.Theme = _editTheme;
            _editingImage.CaptureDate = _editCaptureDate;

            _successMessage = $"{_editingImage.FileName} aktualisiert.";
            CloseEditDialog();
        }
        catch (Exception ex)
        {
            Logger.LogError(ex, "Fehler beim Speichern der Bild-Metadaten");
            _errorMessage = $"Fehler beim Speichern: {ex.Message}";
        }
        finally
        {
            _isSavingEdit = false;
            StateHasChanged();
        }
    }

    private async Task LoadNewImage(InputFileChangeEventArgs e)
    {
        _newImageFile = e.File;
        _replaceError = null;

        try
        {
            using var stream = _newImageFile.OpenReadStream(maxAllowedSize: 104857600);
            using var ms = new MemoryStream();
            await stream.CopyToAsync(ms);
            var bytes = ms.ToArray();
            _newImagePreview = $"data:{_newImageFile.ContentType};base64,{Convert.ToBase64String(bytes)}";
        }
        catch (Exception ex)
        {
            _replaceError = $"Fehler beim Lesen der Datei: {ex.Message}";
        }

        StateHasChanged();
    }

    private async Task ReplaceImage()
    {
        if (_selectedImage == null || _newImageFile == null)
            return;

        _isReplacing = true;
        _replaceError = null;
        StateHasChanged();

        try
        {
            using var stream = _newImageFile.OpenReadStream(maxAllowedSize: 104857600);
            var success = await ReplacementService.ReplaceImageAsync(_selectedImage, stream, _newImageFile.Name);

            if (success)
            {
                await LoadImages();
                CloseReplaceDialog();
            }
            else
            {
                _replaceError = "Bild konnte nicht ersetzt werden.";
            }
        }
        catch (Exception ex)
        {
            Logger.LogError(ex, "Fehler beim Tauschen des Bildes");
            _replaceError = $"Fehler: {ex.Message}";
        }
        finally
        {
            _isReplacing = false;
            StateHasChanged();
        }
    }

    private async Task ExportCsv()
    {
        var data = ExportService.ExportToCsv(FilteredImages);
        await DownloadFileAsync($"ghost-images-{DateTime.Now:yyyyMMdd-HHmm}.csv", data, "text/csv");
    }

    private async Task ExportTxt()
    {
        var data = ExportService.ExportToTxt(FilteredImages);
        await DownloadFileAsync($"ghost-images-{DateTime.Now:yyyyMMdd-HHmm}.txt", data, "text/plain");
    }

    private async Task ExportSelectedZip()
    {
        var selectedImages = _allImages.Where(i => _selectedImageUrls.Contains(i.Url)).ToList();
        if (!selectedImages.Any())
        {
            _errorMessage = "Keine Bilder ausgewählt.";
            return;
        }

        var data = await ExportService.ExportToZipAsync(selectedImages);
        await DownloadFileAsync($"ghost-images-{DateTime.Now:yyyyMMdd-HHmm}.zip", data, "application/zip");
    }

    private async Task DownloadFileAsync(string fileName, byte[] data, string contentType)
    {
        var base64 = Convert.ToBase64String(data);
        await JsRuntime.InvokeVoidAsync("downloadFileFromBase64", fileName, base64, contentType);
    }

    private enum ImageFilter
    {
        All,
        Feature,
        Content,
        Orphaned,
        Original,
        Category
    }
}