{% extends "ewoooc_base.html" %}
{% block title %}{{ tool.title }} - EwoooC{% endblock %}

{% block extra_css %}
  <link rel="stylesheet" href="{{ url_for('static', filename='css/page-external-tools.css') }}">
{% endblock %}

{% block ewooo_content %}
<main class="external-tool-page" data-screen-label="{{ tool.key }}">
  <section class="external-tool-hero">
    <div>
      <div class="external-tool-eyebrow">
        <i class="fas fa-link" aria-hidden="true"></i>
        {{ tool.eyebrow }}
      </div>
      <h1>{{ tool.title }}</h1>
      <p>{{ tool.summary }}</p>
    </div>
    <span class="external-tool-status">{{ tool.status_label }}</span>
  </section>

  <section class="external-tool-panel">
    <div class="external-tool-panel__body">
      <span class="external-tool-kicker">路由狀態</span>
      <h2>入口已由 momo-pro 接管</h2>
      <p>{{ tool.detail }}</p>
    </div>
    <a class="btn btn-primary" href="{{ tool.primary_href }}">
      <i class="fas fa-arrow-left" aria-hidden="true"></i>{{ tool.primary_label }}
    </a>
  </section>
</main>
{% endblock %}