{# Shared pieces for the free public tools (/tools/*). Included by tool_*.html. #}
{% macro head(tool) -%}
<div style="text-align:center;margin-bottom:26px">
  <a href="/tools" class="pill brand" style="text-decoration:none">Free tools · no login</a>
  <h1 style="margin:14px 0 8px;font-size:34px;letter-spacing:-.02em">{{ tool.icon }} {{ tool.name }}</h1>
  <p class="sub" style="max-width:640px;margin:0 auto">{{ tool.pitch }}</p>
</div>
{%- endmacro %}

{% macro form(tool, input_value, placeholder) -%}
<form method="post" action="/tools/{{ tool.slug }}" class="panel" style="display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 16px;max-width:760px;margin:0 auto 22px">
  <input type="text" name="url" value="{{ input_value }}" placeholder="{{ placeholder or 'example.com' }}" required autofocus autocomplete="off" spellcheck="false" style="flex:1;min-width:220px;font-size:15px;padding:11px 14px">
  <button class="btn primary" type="submit" style="padding:11px 22px;font-size:14.5px">Check</button>
</form>
{%- endmacro %}

{% macro error(error, url) -%}
{% if error %}<div class="flash err" style="max-width:760px;margin:0 auto 22px"><b>Could not check{% if url %} {{ url }}{% endif %}.</b> {{ error }}</div>{% endif %}
{%- endmacro %}

{% macro verdict(badge, klass, title, subtitle, url, checked_at) -%}
<div class="panel" style="display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-bottom:16px;padding:22px 24px">
  <span class="grade {{ klass }}" style="width:auto;min-width:96px;height:96px;padding:0 20px;font-size:{{ '44px' if badge|length <= 3 else '24px' }};border-radius:16px;flex-shrink:0">{{ badge }}</span>
  <div style="flex:1;min-width:220px">
    <div style="font-size:24px;font-weight:800;letter-spacing:-.02em">{{ title }}</div>
    <div class="muted" style="margin-top:3px">{{ subtitle }}</div>
    <div class="small dim mono" style="margin-top:8px;word-break:break-all">{{ url }}{% if checked_at %} · checked {{ checked_at|dt }} from Vigil's servers{% endif %}</div>
  </div>
  {{ caller() if caller }}
</div>
{%- endmacro %}

{% macro passfail(rows) -%}
<table>
<tbody>
{% for r in rows %}
<tr>
  <td style="width:34px;text-align:center;font-size:16px"><span class="{{ 'ok' if r.ok else 'err' }}">{{ '✓' if r.ok else '✕' }}</span></td>
  <td><b>{{ r.label }}</b>{% if r.note %}<div class="small muted">{{ r.note }}</div>{% endif %}</td>
  <td style="text-align:right"><span class="pill {{ 'ok' if r.ok else 'err' }}">{{ 'pass' if r.ok else 'fail' }}</span></td>
</tr>
{% endfor %}
</tbody>
</table>
{%- endmacro %}

{% macro findings(items, empty_text) -%}
{% if items %}{% for f in items %}
<div style="padding:11px 0;border-bottom:1px solid var(--line)">
  <span class="sev {{ f.severity }}"></span><b>{{ f.title }}</b>
  <span class="pill {% if f.severity == 'high' %}err{% elif f.severity == 'medium' %}warn{% elif f.severity == 'low' %}info{% endif %}" style="margin-left:6px">{{ f.severity }}</span>
  <div class="small muted" style="margin-top:4px;padding-left:16px">{{ f.advice }}</div>
</div>
{% endfor %}{% else %}<p class="ok" style="margin:0">✓ {{ empty_text or 'Nothing to fix.' }}</p>{% endif %}
{%- endmacro %}

{% macro share(share_url) -%}
{% if share_url %}<div class="small muted" style="margin:14px 0 4px;display:flex;gap:8px;align-items:center;flex-wrap:wrap"><span>Share this result:</span><input type="text" readonly value="{{ share_url }}" onclick="this.select()" class="mono" style="max-width:520px;padding:6px 10px;font-size:12px"></div>{% endif %}
{%- endmacro %}

{% macro cta(tool, url) -%}
<section class="panel" style="margin-top:26px;padding:26px 28px;border-color:var(--brand);box-shadow:0 0 0 1px var(--brand),0 20px 60px -30px var(--brand)">
  <div class="hdr" style="margin-bottom:12px;align-items:center">
    <div>
      <span class="pill brand">Watch this automatically</span>
      <h2 style="margin:10px 0 6px">Vigil re-checks every minute and tells you the moment something changes</h2>
      <p class="muted" style="margin:0;max-width:720px">Uptime checks every minute with latency history, weekly security rescans with an alert when the grade drops, SSL expiry alerts and domain expiry alerts, plus DNS-change detection. Alerts on Telegram, Slack, Discord, email or any webhook.</p>
    </div>
    <a class="btn primary" href="/signup" style="padding:11px 20px;font-size:14.5px">Monitor {{ 'this site' if url else 'your site' }} free</a>
  </div>
  <div class="small dim">Free plan, no card. Set up in 60 seconds.{% if url %} Start with <span class="mono">{{ url }}</span>.{% endif %}</div>
</section>
{%- endmacro %}

{% macro others(tools, current, url) -%}
<div style="margin-top:22px">
  <div class="small muted" style="margin-bottom:8px">Run the other free checks{% if url %} on this site{% endif %}:</div>
  <div class="actions">
  {% for t in tools if t.slug != current.slug %}<a class="btn sm" href="/tools/{{ t.slug }}{% if url %}?url={{ url|urlencode }}{% endif %}">{{ t.icon }} {{ t.name }}</a>{% endfor %}
  </div>
</div>
{%- endmacro %}