{% extends "web/base.html" %}

{% block title %}{{ agent.role }} Skills | tcx{% endblock %}
{% block page_label %}Agent Skills{% endblock %}

{% block content %}
<div class="tc-page-toolbar">
  <a class="tc-button" href="/harness/agents/">All agents</a>
</div>

<section class="tc-summary-grid">
  <article class="tc-summary-card">
    <span>Status</span>
    <strong>{% if agent.validation_errors %}blocked{% else %}valid{% endif %}</strong>
  </article>
  <article class="tc-summary-card">
    <span>Core skills</span>
    <strong>{{ agent.builtin_skills|length }}</strong>
  </article>
  <article class="tc-summary-card">
    <span>Optional active</span>
    <strong>{{ agent.optional_skill_count }}</strong>
  </article>
  <article class="tc-summary-card">
    <span>Issues</span>
    <strong>{{ agent.validation_errors|length }}</strong>
  </article>
</section>

<section class="tc-section-grid">
  <article class="tc-panel">
    <div class="tc-panel-head">
      <span class="tc-eyebrow">Core</span>
      <h2>Locked skill set</h2>
    </div>
    <div class="tc-chip-list">
      {% for skill in agent.builtin_skills %}
      <span class="tc-chip">{{ skill }}</span>
      {% endfor %}
    </div>
  </article>

  <aside class="tc-panel">
    <div class="tc-panel-head">
      <span class="tc-eyebrow">Boundary</span>
      <h2>Editable area</h2>
    </div>
    <div class="tc-alert">
      <strong>Optional skills are editable</strong>
      <span>Optional skills can be saved, activated, archived, deleted, and projected while core role rules stay locked.</span>
    </div>
    <div class="tc-chip-list">
      <span class="tc-chip">{{ agent.permission_profile }}</span>
      {% for tag in agent.forbidden_skill_tags %}
      <span class="tc-chip tc-chip-danger">{{ tag }}</span>
      {% endfor %}
    </div>
  </aside>
</section>

<section class="tc-panel">
  <div class="tc-panel-head">
    <span class="tc-eyebrow">Optional</span>
    <h2>Role-local optional skills</h2>
  </div>
  <form class="tc-form" method="post" action="{% url 'web-optional-skill-create' agent.role %}">
    {% csrf_token %}
    <input type="hidden" name="next" value="{{ request.get_full_path }}">
    <label>Name <input name="name" placeholder="evidence-checklist"></label>
    <label>Description <input name="description" placeholder="Add a role-local evidence checklist"></label>
    <label>Status
      <select name="status">
        <option value="draft">draft</option>
        <option value="active">active</option>
        <option value="archived">archived</option>
      </select>
    </label>
    <label>Body <textarea name="body" rows="6"></textarea></label>
    <button class="tc-button" type="submit">Save optional skill</button>
  </form>
  <div class="tc-record-list">
    {% for skill in agent.optional_skills %}
    <article class="tc-record-row">
      <div class="tc-chip-list">
        <span class="tc-pill tc-pill--{% if skill.validation_status == 'valid' and skill.status == 'active' %}good{% elif skill.status == 'archived' %}neutral{% else %}bad{% endif %}">{{ skill.status }}</span>
        <span class="tc-chip">{{ skill.validation_status }}</span>
        {% for tag in skill.risk_tags %}
        <span class="tc-chip tc-chip-danger">{{ tag }}</span>
        {% endfor %}
      </div>
      <strong>{{ skill.name }}</strong>
      <small>{{ skill.description }}</small>
      {% if skill.validation_errors %}
      <small>{{ skill.validation_errors|join:"; " }}</small>
      {% endif %}
      <div class="tc-inline-actions">
        <form method="post" action="{% url 'web-optional-skill-activate' agent.role skill.name %}">{% csrf_token %}<input type="hidden" name="next" value="{{ request.get_full_path }}"><button class="tc-mini-button" type="submit">Activate</button></form>
        <form method="post" action="{% url 'web-optional-skill-archive' agent.role skill.name %}">{% csrf_token %}<input type="hidden" name="next" value="{{ request.get_full_path }}"><button class="tc-mini-button" type="submit">Archive</button></form>
        <form method="post" action="{% url 'web-optional-skill-delete' agent.role skill.name %}">{% csrf_token %}<input type="hidden" name="next" value="{{ request.get_full_path }}"><button class="tc-mini-button tc-mini-button-danger" type="submit">Delete</button></form>
      </div>
    </article>
    {% empty %}
    <article class="tc-record-row">
      <strong>No optional skills</strong>
      <small>This role is using only its core TradingCodex skill set.</small>
    </article>
    {% endfor %}
  </div>
</section>

{% endblock %}