{% extends "rota/base.html" %}
{% block title %}{{ ref.template.name }}{% endblock %}
{% block content %}
<p><a href="{% url 'schedule_detail' schedule.pk %}">&larr; Back to rota</a></p>
<h1>{{ ref.template.name }} <span class="muted">{{ ref.skill.name }} #{{ ref.index|add:1 }}</span></h1>
<p>{{ ref.template.location.name }} &middot; {{ start }} &ndash; {{ end }} ({{ slot.hours|floatformat:"-1" }}h)</p>

<div class="cols">
<div class="card">
  <h2>Current assignment</h2>
  {% if current %}
    <p><b>{{ current.name }}</b> {% if assignment.locked %}<span class="badge published">locked</span>{% endif %}</p>
    <form method="post" class="row">{% csrf_token %}<input type="hidden" name="key" value="{{ key }}">
      <button class="btn" name="action" value="lock">{% if assignment.locked %}Unlock{% else %}Lock{% endif %}</button>
      <button class="btn" name="action" value="unassign">Unassign</button>
    </form>
    {% if breakdown %}
    <h3>Score contribution</h3>
    <table class="table small">
      {% for k, v in breakdown.items %}<tr {% if k == 'total' %}class="total"{% endif %}><td>{{ k }}</td><td class="num">{{ v|floatformat:2 }}</td></tr>{% endfor %}
    </table>
    <p class="muted small">Marginal change in the objective caused by this assignment (negative is good).</p>
    {% endif %}
  {% else %}
    <p class="muted">Nobody assigned.</p>
  {% endif %}

  <h3>Reassign to an eligible employee</h3>
  <form method="post" class="row">{% csrf_token %}<input type="hidden" name="key" value="{{ key }}">
    <select name="employee" required>
      {% for c in eligible %}<option value="{{ c.employee_id }}">{{ c.employee }}</option>{% empty %}<option value="" disabled selected>No eligible employees</option>{% endfor %}
    </select>
    <button class="btn primary" name="action" value="assign" {% if not eligible %}disabled{% endif %}>Assign &amp; lock</button>
  </form>

  <h3>Override (breaks a rule)</h3>
  <form method="post" class="row">{% csrf_token %}<input type="hidden" name="key" value="{{ key }}">
    <select name="employee" required>
      {% for c in ineligible %}{% if c.employee_id != current.id %}<option value="{{ c.employee_id }}">{{ c.employee }} - {{ c.reason }}</option>{% endif %}{% endfor %}
    </select>
    <button class="btn" name="action" value="force">Assign anyway</button>
  </form>
</div>

<div class="card">
  <h2>Why others are ineligible</h2>
  <table class="table small">
    {% for c in ineligible %}<tr><td>{{ c.employee }}</td><td><code>{{ c.code }}</code></td><td>{{ c.reason }}</td></tr>{% empty %}<tr><td class="muted">Everyone is eligible.</td></tr>{% endfor %}
  </table>
</div>
</div>
{% endblock %}