{% extends "portal/base_portal.html" %}
{% block contenido %}
{% import "macros.html" as macros %}
{% import "detail_view_macros.html" as dv_macros %}

<nav aria-label="breadcrumb">
  <ol class="breadcrumb lh-sm">
    <li class="breadcrumb-item">
      {% if role == 'customer' %}
      <a href="{{ url_for('portal.customer_dashboard') }}" class="link-dark"><span class="bi bi-house"></span> {{ _('Portal de Clientes') }}</a>
      {% else %}
      <a href="{{ url_for('portal.supplier_dashboard') }}" class="link-dark"><span class="bi bi-house"></span> {{ _('Portal de Proveedores') }}</a>
      {% endif %}
    </li>
    <li class="breadcrumb-item active" aria-current="page">{{ registro.document_no or registro.id }}</li>
  </ol>
</nav>

{% set currency_code = document_currency_code(registro) %}
{% set doc_type = registro.document_type or ("sales_invoice" if role == "customer" else "purchase_invoice") %}
{% set doc_label = _('Factura de Venta') if role == 'customer' else (
    _('Nota de Crédito') if registro.document_type == 'purchase_credit_note' else (
    _('Nota de Débito') if registro.document_type == 'purchase_debit_note' else (
    _('Devolución') if registro.document_type == 'purchase_return' else _('Factura de Compra')
    ))
) %}
{% set status_info = document_status_info(doc_type, registro) %}
{{ dv_macros.detail_header(
    registro.document_no or registro.id,
    doc_label,
    status_info,
    macros.document_print_button(doc_type, registro.id),
    [
      (_('Número'), registro.document_no),
      (_('Cliente') if role == 'customer' else _('Proveedor'), registro.customer_name if role == 'customer' else registro.supplier_name),
      (_('Fecha'), registro.posting_date),
      (_('Total'), format_money_with_currency(registro.grand_total, currency_code)),
      (_('Saldo Pendiente'), format_money_with_currency(registro.outstanding_amount, currency_code)),
      (_('Moneda'), currency_code),
      (_('Observaciones'), registro.remarks)
    ],
    'bi-receipt'
) }}
{{ macros.lineas_tabla_lectura(items, currency_code) }}
{% endblock %}