{% extends 'core/lcars_app.html' %}
{% load static %}

{% block extra_head %}
<link rel="stylesheet" href="{% static 'processing/css/photref_exclusions.css' %}"/>
{% endblock extra_head %}

{% block header_title %}{% block app_title %}
Select Photometric Reference
{% endblock %}{% endblock %}

{% block left_menu %}
<button type="submit"
        form="merit-form"
        formaction="{% url 'processing:select_photref_recalc' %}"
        formmethod="post"
        class="lcars-element
               button
               lcars-melrose-bg
               lcars-u-1-1">
    Refresh
</button>
{% endblock left_menu %}

{% block main %}
<form id="merit-form"
      method="post"
      action="{% url 'processing:select_photref_target' %}">
{% csrf_token %}
<table>
    <thead>
        <tr>
            <th></th>
            <th style="width: 100%"></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <label for="merit" class="project-param-label">
                    Rank candidates by:
                </label>
            </td>
            <td>
                {% comment %} The library expressions giving one value per
                   candidate; written and edited on the expressions page.
                   Choosing one submits the form. autocomplete="off" stops
                   the browser restoring an earlier choice on reload, which
                   would show one expression while another ranks.
                   {% endcomment %}
                <select id="merit"
                        name="merit"
                        autocomplete="off"
                        class="lcars-text-box lcars-gray-bg lcars-husk-color lcars-u-3-1"
                        {% if not merit_choices %}disabled{% endif %}>
                    {% if not merit %}
                    <option value="" selected>time (no merit expression)</option>
                    {% endif %}
                    {% for choice in merit_choices %}
                    <option value="{{ choice }}"
                            {% if choice == merit %}selected{% endif %}>
                        {{ choice }}
                    </option>
                    {% endfor %}
                </select>
            </td>
        </tr>
    </tbody>
</table>
</form>
<table class="lcars-table standard-header">
    <thead>
        <tr>
            {% for expr in master_expressions %}
            <th>{{expr}}</th>
            {% endfor %}
        </tr>
    </thead>
    <tbody class="lcars-table select-row">
    {% for target in targets %}
    {% url 'processing:select_photref_image' target_index=forloop.counter0 as target_url %}
    <tr onclick="window.location='{{target_url}}'"
        class="tutorial-photref-target-row">
        {% for val in target.values %}
        <td> {{val}} </td>
        {% endfor %}
        <td>{% include "processing/_exclusion_report.html" with report=target.exclusions %}</td>
    </tr>
    {% endfor %}
    </tbody>
</table>
{% comment %} What each step's exclusion rule leaves out of the images bound
   to each reference already selected: the images it will fit together.
   Highlighted above the fraction the engine warns about; a report, never a
   block. {% endcomment %}
{% if exclusion_reports %}
<div class="lcars-bar double-spacer"></div>
<table class="lcars-table standard-header">
    <thead>
        <tr>
            <th>Reference</th>
            <th>Step</th>
            <th>Exclusion rule</th>
            <th>Excluded</th>
        </tr>
    </thead>
    <tbody class="lcars-table">
    {% for report in exclusion_reports %}
    <tr>
        <td title="{{ report.photref }}">{{ report.photref_name }}</td>
        <td>{{ report.step }}</td>
        <td>{{ report.rule }}</td>
        <td>{% include "processing/_exclusion_report.html" %}</td>
    </tr>
    {% endfor %}
    </tbody>
</table>
{% endif %}
{% endblock main %}

{% block scripts %}
<script src="{% static 'processing/js/select.photref.target.js' %}"></script>
{% endblock scripts %}