{% extends "base.html" %}
{% block title %}{{ domain.name }} — PhysCom{% endblock %}

{% block content %}
<div class="page-header">
  <h1>{{ domain.name }}</h1>
  <form method="post" action="{{ url_for('domains.domain_delete', domain_id=domain.id) }}" class="inline-form"
        onsubmit="return confirm('Delete this domain and all its pipeline runs and results?')">
    <button type="submit" class="btn btn-danger">Delete Domain</button>
  </form>
</div>

<div class="card">
  <form method="post" action="{{ url_for('domains.domain_detail', domain_id=domain.id) }}">
    <div class="form-row">
      <div class="form-group" style="flex:1">
        <label for="name">Name</label>
        <input type="text" id="name" name="name" value="{{ domain.name }}" required>
      </div>
      <div class="form-group" style="flex:2">
        <label for="description">Description</label>
        <input type="text" id="description" name="description" value="{{ domain.description }}">
      </div>
      <div class="form-group" style="align-self:end">
        <button type="submit" class="btn btn-primary">Save</button>
      </div>
    </div>
  </form>
</div>

<h2>Metrics</h2>

<div id="metrics-section">
  {% include "domains/_metrics_table.html" %}
</div>
{% endblock %}