{% extends "pobsync_backend/base.html" %}

{% block title %}{{ host.host }} | pobsync{% endblock %}

{% block content %}
  <h1>{{ host.host }}</h1>

  <section class="actions" aria-label="Host actions">
    <a class="button-link" href="{% url 'edit_host_config' host.host %}">Edit config</a>
    <form method="post" action="{% url 'discover_host_snapshots' host.host %}">
      {% csrf_token %}
      <button type="submit">Discover snapshots</button>
    </form>
    <a class="button-link" href="{% url 'host_retention_plan' host.host %}">Plan retention</a>
    <a class="button-link" href="{% url 'edit_host_schedule' host.host %}">Edit schedule</a>
    <form method="post" action="{% url 'prepare_host_directories' host.host %}">
      {% csrf_token %}
      <button type="submit" class="secondary">Prepare directories</button>
    </form>
    <form method="post" action="{% url 'scan_host_known_key' host.host %}">
      {% csrf_token %}
      <button type="submit" class="secondary">Scan SSH host key</button>
    </form>
  </section>

  <section class="grid" aria-label="Host summary">
    <div class="metric"><div class="label">Snapshots</div><div class="value">{{ counts.snapshots }}</div></div>
    <div class="metric"><div class="label">Runs</div><div class="value">{{ counts.runs }}</div></div>
    <div class="metric"><div class="label">Queued</div><div class="value">{{ counts.queued_runs }}</div></div>
    <div class="metric"><div class="label">Running</div><div class="value">{{ counts.running_runs }}</div></div>
    <div class="metric"><div class="label">Failed Runs</div><div class="value">{{ counts.failed_runs }}</div></div>
    <div class="metric"><div class="label">Incomplete</div><div class="value">{{ counts.incomplete_snapshots }}</div></div>
  </section>

  <div class="two-col">
    <section class="panel">
      <h2>Config</h2>
      <div class="stack">
        <div><strong>Address:</strong> {{ host.address }}</div>
        <div><strong>Enabled:</strong> {{ host.enabled|yesno:"yes,no" }}</div>
        <div><strong>SSH key:</strong> {{ host.ssh_credential|default:"global default" }}</div>
        <div><strong>SSH:</strong> {{ host.ssh_user|default:"global" }}{% if host.ssh_port %}:{{ host.ssh_port }}{% endif %}</div>
        <div><strong>Source:</strong> {{ host.source_root|default:"global default" }}</div>
        <div><strong>Retention:</strong> daily {{ host.retention_daily }}, weekly {{ host.retention_weekly }}, monthly {{ host.retention_monthly }}, yearly {{ host.retention_yearly }}</div>
      </div>
    </section>

    <section class="panel">
      <h2>Schedule</h2>
      {% if schedule %}
        <div class="stack">
          <div><strong>Schedule expression:</strong> {{ schedule.cron_expr }}</div>
          <div class="muted">Evaluated by the pobsync scheduler service.</div>
          <div><strong>Enabled:</strong> {{ schedule.enabled|yesno:"yes,no" }}</div>
          <div><strong>Next run:</strong> {{ next_run_at|default:"" }}</div>
          <div><strong>Prune:</strong> {{ schedule.prune|yesno:"yes,no" }}</div>
          <div><strong>Last status:</strong> {{ schedule.last_status|default:"" }}</div>
          <div><strong>Last started:</strong> {{ schedule.last_started_at|default:"" }}</div>
          <div><strong>Last finished:</strong> {{ schedule.last_finished_at|default:"" }}</div>
        </div>
      {% else %}
        <p class="muted">No schedule configured.</p>
      {% endif %}
    </section>
  </div>

  <section class="panel">
    <h2>Snapshot Discovery</h2>
    <div class="stack">
      <div><strong>Backup root:</strong> {{ discovery.backup_root|default:"" }}</div>
      <div><strong>Host root:</strong> {{ discovery.host_root|default:"" }}</div>
      <div><strong>Status:</strong> {{ discovery.message }}</div>
      {% if discovery.kind_counts %}
        <div><strong>On disk:</strong>
          scheduled {{ discovery.kind_counts.scheduled|default:0 }},
          manual {{ discovery.kind_counts.manual|default:0 }},
          incomplete {{ discovery.kind_counts.incomplete|default:0 }}
        </div>
      {% endif %}
    </div>
  </section>

  {% if stats_summary.runs %}
    <section class="panel">
      <h2>Backup Trends</h2>
      <section class="grid" aria-label="Host backup trend summary">
        <div class="metric"><div class="label">Avg New Data</div><div class="value">{{ stats_summary.avg_literal_data_bytes|filesizeformat }}</div></div>
        <div class="metric"><div class="label">Avg Daily New</div><div class="value">{{ stats_summary.avg_daily_literal_data_bytes|filesizeformat }}</div></div>
        <div class="metric"><div class="label">Total New Data</div><div class="value">{{ stats_summary.total_literal_data_bytes|filesizeformat }}</div></div>
        <div class="metric"><div class="label">Matched Data</div><div class="value">{{ stats_summary.total_matched_data_bytes|filesizeformat }}</div></div>
        <div class="metric"><div class="label">Latest Duration</div><div class="value">{{ stats_summary.latest_run.duration_seconds|default:"" }}{% if stats_summary.latest_run.duration_seconds is not None %}s{% endif %}</div></div>
      </section>
      <table>
        <thead>
          <tr>
            <th>Run</th>
            <th>Type</th>
            <th>Started</th>
            <th>Duration</th>
            <th>Files</th>
            <th>New Data</th>
            <th>Matched</th>
            <th>Trend</th>
            <th>Snapshot</th>
          </tr>
        </thead>
        <tbody>
          {% for run in stats_summary.runs %}
            <tr>
              <td><a href="{% url 'run_detail' run.id %}">Run {{ run.id }}</a></td>
              <td>{{ run.run_type }}</td>
              <td>{{ run.started_at|default:"" }}</td>
              <td>{{ run.duration_seconds|default:"" }}{% if run.duration_seconds is not None %}s{% endif %}</td>
              <td>{{ run.rsync.files_total|default:"" }}</td>
              <td>{{ run.rsync.literal_data_bytes|filesizeformat }}</td>
              <td>{{ run.rsync.matched_data_bytes|filesizeformat }}</td>
              <td>
                <div class="trend-bars" aria-label="Run data trend">
                  <div class="trend-bar" title="New data"><span style="width: {{ run.literal_percent }}%"></span></div>
                  <div class="trend-bar matched" title="Matched data"><span style="width: {{ run.matched_percent }}%"></span></div>
                  <div class="trend-legend"><span>new</span><span>matched</span></div>
                </div>
              </td>
              <td>{% if run.snapshot %}<a href="{% url 'snapshot_detail' run.snapshot.id %}">{{ run.snapshot.dirname }}</a>{% else %}<span class="muted">{{ run.snapshot_path }}</span>{% endif %}</td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </section>
  {% endif %}

  <section class="panel">
    <h2>Host Check</h2>
    <section class="grid" aria-label="Host check summary">
      <div class="metric"><div class="label">OK</div><div class="value">{{ host_check_summary.ok }}</div></div>
      <div class="metric"><div class="label">Warnings</div><div class="value">{{ host_check_summary.warning }}</div></div>
      <div class="metric"><div class="label">Failed</div><div class="value">{{ host_check_summary.failed }}</div></div>
      <div class="metric"><div class="label">Skipped</div><div class="value">{{ host_check_summary.skipped }}</div></div>
    </section>
    <table>
      <thead>
        <tr>
          <th>Status</th>
          <th>Check</th>
          <th>Message</th>
          <th>Detail</th>
        </tr>
      </thead>
      <tbody>
        {% for check in host_checks %}
          <tr>
            <td><span class="status {{ check.status }}">{{ check.status }}</span></td>
            <td>{{ check.name }}</td>
            <td>{{ check.message }}</td>
            <td class="muted">{{ check.detail }}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </section>

  <section class="panel">
    <h2>Backup Control</h2>
    <div class="operator-state">
      {% if active_run %}
        <span class="status {{ active_run.status }}">{{ active_run.status }}</span>
        <a href="{% url 'run_detail' active_run.id %}">Run {{ active_run.id }}</a>
      {% elif can_queue_backup %}
        <span class="status success">ready</span>
      {% elif not host.enabled %}
        <span class="status failed">disabled</span>
      {% elif not has_global_config %}
        <span class="status failed">missing global config</span>
      {% endif %}
    </div>

    <section class="actions inline" aria-label="Quick backup actions">
      <form class="inline-form" method="post" action="{% url 'queue_manual_backup' host.host %}">
        {% csrf_token %}
        <input type="hidden" name="dry_run" value="on">
        <input type="hidden" name="verbose_output" value="on">
        <input type="hidden" name="prune_max_delete" value="10">
        <button type="submit" class="secondary" {% if not can_queue_backup %}disabled{% endif %}>Queue dry-run</button>
      </form>
      <form class="inline-form" method="post" action="{% url 'queue_manual_backup' host.host %}">
        {% csrf_token %}
        <input type="hidden" name="prune_max_delete" value="10">
        <button type="submit" {% if not can_queue_backup %}disabled{% endif %}>Queue backup</button>
      </form>
    </section>

    {% if not can_queue_backup %}
      {% if not has_global_config %}
        <p class="muted">Create the default global config before queueing backups.</p>
      {% elif not host.enabled %}
        <p class="muted">Enable this host before queueing backups.</p>
      {% endif %}
    {% endif %}

    <h3>Advanced Options</h3>
    <form method="post" action="{% url 'queue_manual_backup' host.host %}" class="form-grid">
      {% csrf_token %}
      {{ manual_backup_form.non_field_errors }}

      {% for field in manual_backup_form %}
        <div class="field">
          {{ field.errors }}
          <label for="{{ field.id_for_label }}">{{ field.label }}</label>
          {{ field }}
          {% if field.help_text %}<div class="helptext">{{ field.help_text }}</div>{% endif %}
        </div>
      {% endfor %}

      <div class="actions">
        <button type="submit" {% if not can_queue_backup %}disabled{% endif %}>Queue with options</button>
      </div>
    </form>
  </section>

  <section class="panel">
    <h2>Latest Runs</h2>
    <table>
      <thead>
        <tr>
          <th>Status</th>
          <th>Started</th>
          <th>Ended</th>
          <th>Snapshot</th>
          <th>Base</th>
        </tr>
      </thead>
      <tbody>
        {% for run in latest_runs %}
          <tr>
            <td><a href="{% url 'run_detail' run.id %}"><span class="status {{ run.status }}">{{ run.status }}</span></a></td>
            <td>{{ run.started_at|default:"" }}</td>
            <td>{{ run.ended_at|default:"" }}</td>
            <td>{% if run.snapshot %}<a href="{% url 'snapshot_detail' run.snapshot.id %}">{{ run.snapshot.dirname }}</a>{% else %}<span class="muted">{{ run.snapshot_path }}</span>{% endif %}</td>
            <td>{{ run.base_path|default:"" }}</td>
          </tr>
        {% empty %}
          <tr><td colspan="5" class="muted">No backup runs recorded for this host.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </section>

  <section class="panel">
    <h2>Snapshots</h2>
    <table>
      <thead>
        <tr>
          <th>Kind</th>
          <th>Status</th>
          <th>Started</th>
          <th>Dirname</th>
          <th>Base</th>
        </tr>
      </thead>
      <tbody>
        {% for snapshot in snapshots %}
          <tr>
            <td>{{ snapshot.kind }}</td>
            <td>{{ snapshot.status }}</td>
            <td>{{ snapshot.started_at|default:"" }}</td>
            <td><a href="{% url 'snapshot_detail' snapshot.id %}">{{ snapshot.dirname }}</a></td>
            <td>{% if snapshot.base %}<a href="{% url 'snapshot_detail' snapshot.base.id %}">{{ snapshot.base.dirname }}</a>{% else %}{{ snapshot.base_dirname }}{% endif %}</td>
          </tr>
        {% empty %}
          <tr><td colspan="5" class="muted">No snapshots discovered for this host.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </section>
{% endblock %}