{% extends "base.html" %}
{% block title %}{{ tool.name }} — {{ settings.APP_NAME }}{% endblock %}
{% block content %}
<div class="tool-bar">
  <div style="display:flex;align-items:center;gap:12px">
    <a href="/" class="button-utility" aria-label="Back to dashboard">← Back</a>
    <strong style="font: var(--type-title); color: var(--ink)">{{ tool.name }}</strong>
  </div>
  <a class="button-utility" href="{{ tool.url }}" target="_blank" rel="noopener">Open in new tab</a>
</div>
<div class="page">
  <div class="embed-well">
    <iframe src="{{ tool.url }}" title="{{ tool.name }}" allowfullscreen></iframe>
  </div>
</div>
{% endblock %}