{% extends "dashboard/base.html" %}
{% load i18n %}

{% block title %}{% trans "Company addresses" %}{% endblock %}

{% block content %}
<div class="d-flex align-items-center justify-content-between mb-3">
  <h1 class="h3 mb-0">{% trans "Company addresses" %}</h1>
  <a href="{% url 'dashboard:company_address_new' %}"
     class="btn btn-primary">
    {% trans "Add company address" %}
  </a>
</div>

{% if company_addresses %}
  <div class="table-responsive">
    <table class="table table-hover align-middle">
      <thead class="table-light">
        <tr>
          <th>{% trans "Company" %}</th>
          <th>{% trans "Address" %}</th>
          <th>{% trans "Contact" %}</th>
          <th>{% trans "Email" %}</th>
          <th>{% trans "Phone" %}</th>
          <th class="text-end">{% trans "Actions" %}</th>
        </tr>
      </thead>
      <tbody>
        {% for addr in company_addresses %}
          <tr>
            <td>
              <div class="fw-semibold">{{ addr.company_name }}</div>
              {% if addr.reg_number %}
                <div class="small text-muted">
                  {% trans "Reg." %}: {{ addr.reg_number }}
                </div>
              {% endif %}
              {% if addr.vat_number %}
                <div class="small text-muted">
                  {% trans "VAT" %}: {{ addr.vat_number }}
                </div>
              {% endif %}
            </td>

            <td>
              <div class="small">
                {{ addr.address_line_1 }}<br>
                {% if addr.address_line_2 %}{{ addr.address_line_2 }}<br>{% endif %}
                {{ addr.postal_code }} {{ addr.city }}<br>
                {{ addr.country }}
              </div>
            </td>

            <td>
              {{ addr.contact_person|default:"-" }}
            </td>

            <td>
              {% if addr.email %}
                <a href="mailto:{{ addr.email }}">{{ addr.email }}</a>
              {% else %}
                -
              {% endif %}
            </td>

            <td>
              {{ addr.phone|default:"-" }}
            </td>

            <td class="text-end">
              <a href="{% url 'dashboard:company_address_edit' addr.pk %}"
                 class="btn btn-sm btn-outline-secondary">
                {% trans "Edit" %}
              </a>
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
{% else %}
  <div class="alert alert-info">
    {% trans "No company addresses found. Add one to get started." %}
  </div>
{% endif %}
{% endblock %}