{% extends 'base.html' %}

{% block page_title %}A-Level Component Weights{% endblock page_title %}

{% block content %}
{% include 'secondary/_nav.html' %}

<div class="x_panel">
  <div class="x_title"><h2>Policy Filter</h2><div class="clearfix"></div></div>
  <div class="x_content">
    <form method="get" class="form-inline">
      <label for="policy_id">Policy</label>
      <select name="policy_id" id="policy_id" class="form-control" onchange="this.form.submit()">
        {% for policy in policy_options %}
        <option value="{{ policy.id }}" {% if selected_policy and policy.id == selected_policy.id %}selected{% endif %}>{{ policy.name }} ({{ policy.effective_from }})</option>
        {% endfor %}
      </select>
    </form>
  </div>
</div>

<div class="row">
  <div class="col-md-5">
    <div class="x_panel">
      <div class="x_title"><h2>Add Component Weight</h2><div class="clearfix"></div></div>
      <div class="x_content">
        {% if policy_options %}
        <form method="post">
          {% csrf_token %}
          {{ form.as_p }}
          <button type="submit" class="btn btn-primary">Save Weight</button>
        </form>
        {% else %}
        <p class="text-warning">Create an active A-Level policy first.</p>
        {% endif %}
      </div>
    </div>
  </div>

  <div class="col-md-7">
    <div class="x_panel">
      <div class="x_title"><h2>Configured Component Weights</h2><div class="clearfix"></div></div>
      <div class="x_content table-responsive">
        <table class="table table-striped table-bordered">
          <thead>
            <tr>
              <th>Subject</th>
              <th>Component</th>
              <th>Weight</th>
              <th>Required</th>
              <th>Action</th>
            </tr>
          </thead>
          <tbody>
            {% for weight in weights %}
            <tr>
              <td>{{ weight.subject.name }}</td>
              <td>{{ weight.get_component_type_display }}</td>
              <td>{{ weight.weight }}%</td>
              <td>{% if weight.is_required %}Yes{% else %}No{% endif %}</td>
              <td>
                <form method="post" style="display:inline;">
                  {% csrf_token %}
                  <input type="hidden" name="delete_weight_id" value="{{ weight.id }}">
                  <button type="submit" class="btn btn-xs btn-danger">Delete</button>
                </form>
              </td>
            </tr>
            {% empty %}
            <tr><td colspan="5" class="text-center">No component weights configured for selected policy.</td></tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
{% endblock content %}