{% extends "base.html" %}
{% block content %}
<div class="d-flex justify-content-between align-items-center">
  <div>
    <h4 class="mb-0">{{ item.code }}</h4>
    <div class="text-muted">{{ item.category.name if item.category else "" }}</div>
  </div>
  <div>
    <a class="btn btn-outline-secondary btn-sm" href="/items/">Retour</a>
  </div>
</div>

<div class="card mt-3">
  <div class="card-body">
    <h6>Ajouter une URL</h6>
    <form method="post" class="row g-2">
      {% csrf_token %}
      <div class="col-12">{{ form.url }}</div>
      <div class="col-12">
        <div class="form-check">
          {{ form.is_mine }} <label class="form-check-label">URL = mon site</label>
        </div>
        <div class="form-check">
          {{ form.active }} <label class="form-check-label">Active</label>
        </div>
      </div>
      <div class="col-12">
        <button class="btn btn-primary btn-sm" type="submit">Ajouter</button>
      </div>
    </form>
  </div>
</div>

<table class="table table-striped mt-3">
  <thead><tr><th>URL</th><th>Domaine</th><th>Dernier prix</th><th>Statut</th><th>Maj</th><th></th></tr></thead>
  <tbody>
  {% for row in sources %}
    <tr>
      <td style="max-width:420px; overflow:hidden; text-overflow:ellipsis;">
        <a target="_blank" href="{{ row.source.url }}">{{ row.source.url }}</a>
        {% if row.source.is_mine %}<span class="badge text-bg-info ms-1">Mon site</span>{% endif %}
        {% if not row.source.active %}<span class="badge text-bg-secondary ms-1">Off</span>{% endif %}
      </td>
      <td>{{ row.source.domain }}</td>
      <td>{% if row.last %}{{ row.last.price_value }} {{ row.last.currency }}{% endif %}</td>
      <td>{% if row.last %}{{ row.last.status }}{% endif %}</td>
      <td>{% if row.last %}{{ row.last.extracted_at|date:"Y-m-d H:i" }}{% endif %}</td>
      <td class="text-end">
        <a class="btn btn-outline-danger btn-sm" href="/sources/{{ row.source.id }}/delete/">Supprimer</a>
      </td>
    </tr>
  {% endfor %}
  </tbody>
</table>
{% endblock %}