{% extends "base.html" %}

{% block content %}
  <h1 class="mb-4">System Details: {{ system.name }}</h1>
  <div class="card mb-4">
    <div class="card-body">
      {% if system.compliance %}
        <h5 class="card-title">Compliance Status</h5>
        <p class="card-text">Status: <strong>{{ system.compliance }}</strong></p>
      {% elif system.fairness %}
        <h5 class="card-title">Fairness Status</h5>
        <p class="card-text">Status: <strong>{{ system.fairness }}</strong></p>
      {% else %}
        <h5 class="card-title">System Information</h5>
        <p class="card-text">No specific status information available.</p>
      {% endif %}
      <p class="card-text">Issues Detected: <strong>{{ system.issues }}</strong></p>
      <a href="{{ url_for('dashboard') }}" class="btn btn-primary">Back to Dashboard</a>
    </div>
  </div>
{% endblock %}