{% extends "utilities/_base.html" %}
{% from "components/job_section.html" import job_section with context %}
{% from "components/run_history.html" import run_history_list with context %}
{% from "components/page_header.html" import page_header %}
{% from "components/issue_card.html" import issue_card %}

{% block title %}{{ _("Library Health - Library - Yaffo") }}{% endblock %}

{% block utility_content %}
<div class="utility-page">
    {% set header_actions %}
        {# Always available: unlike the status fixes, this re-runs indexing on files already
           indexed — a rebuild, not a reconcile. It re-detects faces, so it confirms
           the loss of person assignments first. #}
        <button class="btn btn-secondary" id="reindex-button" data-icon="sync"
                {% if not can_sync %}disabled{% endif %}>{{ _("Reindex Library") }}</button>
    {% endset %}
    {{ page_header(
        _('Library Health'),
        _('Compare photos on the file system with the database'),
        actions=header_actions,
    ) }}

    {% if warnings|length > 0 %}
    <div class="warnings-section">
        {% for warning in warnings %}
        <div class="alert alert-{{ warning.type }}">
            {{ warning.message }}
            {% if warning.type == 'error' %}
            <a href="{{ url_for('settings_index') }}" class="alert-link">{{ _("Go to Settings") }}</a>
            {% endif %}
        </div>
        {% endfor %}
    </div>
    {% endif %}

    {# The latest import and index runs while in progress. One that finishes while
       the page is open keeps its card until reload, then it's in the run history,
       so no Dismiss (it deletes the job). #}
    {{ job_section(in_progress_jobs, show_cancel=true, show_dismiss=false) }}

    {% if media_dirs|length > 0 %}
    <div class="stats-grid">
        <div class="stat-card">
            <div class="stat-label">{{ _("Total on Filesystem") }}</div>
            <div class="stat-value" id="stat-total-filesystem">—</div>
        </div>
        <div class="stat-card">
            <div class="stat-label">{{ _("Imported in Database") }}</div>
            <div class="stat-value" id="stat-total-imported">—</div>
        </div>
        <div class="stat-card">
            <div class="stat-label">{{ _("Indexed in Database") }}</div>
            <div class="stat-value" id="stat-total-indexed">—</div>
        </div>
        <div class="stat-card">
            <div class="stat-label">{{ _("Not Indexed") }}</div>
            <div class="stat-value" id="stat-unindexed">—</div>
        </div>
        <div class="stat-card">
            <div class="stat-label">{{ _("Orphaned in DB") }}</div>
            <div class="stat-value" id="stat-orphaned">—</div>
        </div>
        <div class="stat-card">
            <div class="stat-label">{{ _("Missing Thumbnails") }}</div>
            <div class="stat-value" id="stat-missing-thumbnails">—</div>
        </div>
    </div>
    {% endif %}

    {# What needs attention, one card per problem with its own fix. The scan fills
       the first three; files that couldn't be indexed are known up front. "Everything
       is in sync" shows only once the scan found nothing and nothing failed. #}
    {% if media_dirs|length > 0 or failed_count %}
    <div class="section library-status" id="library-status">
        <h2>{{ _("Library status") }}</h2>
        <p class="scan-status" id="scan-status" hidden></p>
        <div class="warnings-section" id="scan-warnings" hidden></div>
        <div class="status-all-clear" id="status-in-sync" hidden>
            <h3>{{ _("Everything is in sync") }}</h3>
            <p>{{ _("Every photo on the filesystem is indexed, every database entry has its file, and every thumbnail is in place.") }}</p>
        </div>
        <div class="issue-list" id="scan-results">
            {{ issue_card('unindexed',
                description=_("New files in your media folders that aren't in the library yet."),
                action_id='index-new-button', action_label=_("Index them"), has_files=true) }}
            {{ issue_card('orphaned',
                description=_("Library entries whose file was deleted, or whose media folder was removed from Settings. Removing them also removes their faces."),
                action_id='remove-orphaned-button', action_label=_("Remove them"), has_files=true) }}
            {{ issue_card('missing-thumbnails',
                description=_("Face crops and video posters are gone from the thumbnail folder, so they show as broken images. Regenerating writes them again from your photos and videos; faces keep their people."),
                action_id='regenerate-thumbnails-button', action_label=_("Regenerate thumbnails")) }}
            {% call issue_card('failed',
                title=ngettext("%(num)d file couldn't be indexed", "%(num)d files couldn't be indexed", failed_count),
                description=_("They still show in your library, but without the date, location, faces or labels that indexing reads. Yaffo leaves them alone until a file changes; retry after fixing a file or updating Yaffo."),
                action_id='retry-failed-button', action_label=_("Retry all"), has_files=true,
                shown=failed_count > 0) %}
                <ul class="index-failure-list">
                    {% for item in failed_media %}
                    <li>
                        <a href="{{ url_for('media_view', media_item_id=item.id) }}">{{ item.file_name }}</a>
                        <span class="index-failure-folder">{{ item.folder }}</span>
                        <span class="index-failure-reason">{{ item.reason }}</span>
                    </li>
                    {% endfor %}
                </ul>
                {% if failed_count > failed_media|length %}
                <p class="hint-text">{{ ngettext("and %(num)d more", "and %(num)d more", failed_count - failed_media|length) }}</p>
                {% endif %}
            {% endcall %}
        </div>
    </div>
    {% endif %}

    {% if media_dirs|length == 0 %}
    <div class="empty-state">
        <h2>{{ _("No Media Directories Configured") }}</h2>
        <p>
            {% trans settings_url=url_for('settings_index') %}
                Please configure media directories in <a href="{{ settings_url }}">Settings</a> to start indexing photos.
            {% endtrans %}
        </p>
    </div>
    {% endif %}

    {% if run_history %}
    <div class="section index-run-history">
        <h2>{{ _("Run history") }}</h2>
        {{ run_history_list(run_history, url_for('utilities_index_photos'), show_label=true) }}
    </div>
    {% endif %}
</div>
{% endblock %}

{% block scripts %}
<script src="{{ url_for('static', filename='utilities/index_photos.js') }}"></script>
<script>
document.addEventListener('yaffo:app-init-complete', (event) => {
    const app = event.detail.app;
    app.indexPhotos.init({
        canScan: {{ can_scan | tojson }},
        canSync: {{ can_sync | tojson }},
        hasActiveJobs: {{ has_active_jobs | tojson }},
        failedCount: {{ failed_count | tojson }},
        mediaDirs: {{ media_dirs | tojson }},
    }, app.i18n, window.APP_CONFIG);
});
</script>
{% endblock %}