{% if result %}
  <div class="alert alert-{{ 'success' if result.ok else 'danger' }}"
       role="alert">
    <h2 class="alert-heading h5">{{ 'Setup is ready' if result.ok else 'Setup needs attention' }}</h2>
    {% if result.issues %}
      <ul class="mb-0">
        {% for issue in result.issues %}
          <li><strong>{{ issue.severity|upper }}:</strong> {{ issue.message }}</li>
        {% endfor %}
      </ul>
    {% else %}
      <p class="mb-0">No issues were found.</p>
    {% endif %}
  </div>
  {% if result.cost_estimate %}
    <div class="card shadow-sm">
      <div class="card-header d-flex justify-content-between align-items-center">
        <h2 class="h5 mb-0">Estimated AWS cost</h2>
        <span class="small text-secondary">{{ result.cost_estimate.active_record_count }} active records</span>
      </div>
      <div class="table-responsive">
        <table class="table align-middle mb-0">
          <thead>
            <tr>
              <th scope="col">Service</th>
              <th class="text-end" scope="col">Requests</th>
              <th class="text-end" scope="col">Input</th>
              <th class="text-end" scope="col">Output</th>
              <th class="text-end" scope="col">Total</th>
            </tr>
          </thead>
          <tbody>
            {% for backend in result.cost_estimate.backends %}
              <tr>
                <th scope="row">{{ backend.backend_id|replace('_', ' ') |title }}</th>
                <td class="text-end">{{ backend.request_count }}</td>
                <td class="text-end">{{ '$%.6f'|format(backend.estimated_input_cost_usd) if backend.estimated_input_cost_usd is not none else '—' }}</td>
                <td class="text-end">{{ '$%.6f'|format(backend.estimated_output_cost_usd) if backend.estimated_output_cost_usd is not none else '—' }}</td>
                <td class="text-end fw-semibold">{{ '$%.6f'|format(backend.estimated_total_cost_usd) if backend.estimated_total_cost_usd is not none else 'Not priced' }}</td>
              </tr>
            {% else %}
              <tr>
                <td colspan="5" class="text-secondary">No paid AWS service is enabled.</td>
              </tr>
            {% endfor %}
          </tbody>
          <tfoot class="table-light">
            <tr>
              <th colspan="4">Estimated total</th>
              <td class="text-end fw-semibold">
                {{ '$%.6f'|format(result.cost_estimate.estimated_total_cost_usd) if result.cost_estimate.estimated_total_cost_usd is not none else 'Not priced' }}
              </td>
            </tr>
          </tfoot>
        </table>
      </div>
    </div>
  {% endif %}
{% endif %}