{% extends "layout.html" %}
{% block title %}Outdated Packages{% endblock %}
{% block inner_content %}

<div class="card mb-3">
  <div class="card-header">
    <h4 class="card-title">Outdated Packages</h4>
    <h6 class="card-subtitle mb-2 text-muted">
        All packages: {{ all_sources|length }} |
        Outdated packages: {{ to_update|length }} |
        Missing version info: {{ missing|length }}
    </h6>
  </div>
  <div class="card-body overflow-auto">

    <p class="text-muted">We automatically compare versions against other distributions. See the <a
    href="https://www.msys2.org/wiki/Creating-Packages/">the packaging guide</a>
    for how to package new upstream versions.</p>

    <form action="{{ url_for('outofdate') }}" method="get">

    <div class="row g-2 align-items-center">
        <div class="col-auto">
            Repositories:
        </div>

        <div class="col-auto">
            <select name="repo" class="form-select form-select-sm" onchange="this.form.submit()">
              <option {{ "selected" if not repo_filter or "" }} value="">All</option>
              {% for r in repos|sort(attribute='name') %}
              <option value="{{ r.name }}" {{ "selected" if repo_filter == r.name or "" }}>{{ r.name }}</option>
              {% endfor %}
            </select>
        </div>
    </div>

    <br>

    <table class="table  table-hover table-sm">
      <thead>
        <tr>
          <th>Update Date</th>
          <th>Base Package</th>
          <th>Repo Version</th>
          <th></th>
          <th>New Version</th>
        </tr>
      </thead>
      <tbody>
          {% for (s, myver, gitver, ver, url, date) in to_update %}
           <tr>
            <td class="mytooltip">
                {{ (date|timestamp).split()[0] if date else '-' }}
                <template class="mytooltip-content">
                    {% if date %}
                        {{ date|timestamp }} <span class="text-muted">(UTC)</span>
                    {% else %}
                        <span class="text-muted">No date available</span>
                    {% endif %}
                </template>
            </td>
            <td><a href="{{ url_for('base', base_name=s.name) }}">{{ s.name }}</a></td>
            <td class="text-version">{{ myver }}{% if gitver %} <span class="text-muted small px-2">({{ gitver }} in git)</span>{% endif %}</td>
            <td>→</td>
            <td class="text-version"><a href="{{ url }}">{{ ver }}</a></td>
           </tr>
          {% endfor %}
      </tbody>
    </table>

    <h6>{{ missing|length }} packages not found in other distros:</h6>
    {% for s in missing %}
        <a href="{{ url_for('base', base_name=s.name) }}">{{ s.realname }}</a>{{ ", " if not loop.last else '' }}
    {% endfor %}

    <br>
    <hr>

    <div class="ms-auto row g-2 align-items-center">
        <div class="col-auto">
            Related to:
        </div>
        <div class="col input-group input-group-sm" style="width: auto">
            <input class="form-control" type="text" name="related" placeholder="package-a, package-b" value="{{ related }}" title="Only show packages that are part of the transitive dependencies listed here">
            <button class="btn btn-outline-success" type="submit">Filter</button>
        </div>
    </div>

    </form>

  </div>
</div>

{% endblock %}