{% extends "base.html" %}
{% block content %}
{% include "_admin_header.html" %}

<div class="d-flex justify-content-between align-items-center mb-3">
  <h1 class="h4 m-0">Customers</h1>
  <a class="btn btn-sm btn-primary" href="/admin/customers/new">Add customer</a>
</div>
<table class="table table-striped table-bordered align-middle">
  <thead>
  <tr>
    <th>ID</th>
    <th>Company</th>
    <th>VAT (piva)</th>
    <th>Token</th>
    <th>Email</th>
    <th></th>
  </tr>
  </thead>
  <tbody>
  {% for item in customers %}
  <tr>
    <td>{{ item.id }}</td>
    <td>{{ item.ragsoc }}</td>
    <td>{{ item.piva }}</td>
    <td><code>{{ item.token or "-" }}</code></td>
    <td>{{ item.email }}</td>
    <td class="d-flex gap-2">
      <a class="btn btn-sm btn-outline-primary" href="/admin/customers/{{ item.id }}">Edit</a>
      <form method="post" action="/admin/customers/{{ item.id }}/generate-token">
        <button class="btn btn-sm btn-outline-secondary">Generate token</button>
      </form>
      <form method="post" action="/admin/customers/{{ item.id }}/delete" onsubmit="return confirm('Delete customer #{{ item.id }}?');">
        <button class="btn btn-sm btn-outline-danger">Delete</button>
      </form>
    </td>
  </tr>
  {% else %}
  <tr>
    <td colspan="6">No data</td>
  </tr>
  {% endfor %}
  </tbody>
</table>
{% endblock %}