{% extends "base.html" %}
{% block contenido %}

{%- if TESTING -%}
<div data-test_info="La Plantilla fue renderizada correctamente: cacao_accounting/ventas/templates/ventas/cliente.html"></div>
{%- endif -%}

<nav aria-label="{{ _('breadcrumb') }}">
  <ol class="breadcrumb lh-sm">
    <li class="breadcrumb-item"><a href="{{ url_for('cacao_app.pagina_inicio') }}" class="link-dark"><i class="bi bi-house"></i> {{ _('Inicio') }}</a></li>
    <li class="breadcrumb-item"><a href="{{ url_for('ventas.ventas_') }}" class="link-dark">{{ _('Ventas') }}</a></li>
    <li class="breadcrumb-item"><a href="{{ url_for('ventas.ventas_cliente_lista') }}" class="link-dark">{{ _('Clientes') }}</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{ registro.name }}</li>
  </ol>
</nav>

<div class="ca-card">
  <div class="ca-card-header">
    <h5 class="ca-card-title">
      <i class="bi bi-person-vcard"></i>{{ registro.code }} - {{ registro.name }}
      {% if registro.is_active %}<span class="badge bg-success ms-2">{{ _('Activo') }}</span>{% else %}<span class="badge bg-secondary ms-2">{{ _('Inactivo') }}</span>{% endif %}
    </h5>
    <div class="d-flex gap-2 flex-wrap">
      <a href="{{ url_for('ventas.ventas_cliente_lista') }}" class="btn btn-outline-secondary btn-sm"><i class="bi bi-list-ul me-1"></i>{{ _('Listado') }}</a>
      <a href="{{ url_for('ventas.ventas_cliente_editar', customer_id=registro.id) }}" class="btn btn-outline-secondary btn-sm"><i class="bi bi-pencil me-1"></i>{{ _('Editar') }}</a>
      <a href="{{ url_for('ventas.ventas_cliente_nuevo') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg me-1"></i>{{ _('Nuevo') }}</a>
      {% if not registro.is_supplier %}
      <form method="POST" action="{{ url_for('ventas.ventas_cliente_habilitar_proveedor', customer_id=registro.id) }}" style="display:inline;">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <button type="submit" class="btn btn-warning btn-sm"><i class="bi bi-person-plus me-1"></i>{{ _('Habilitar como Proveedor') }}</button>
      </form>
      {% endif %}
      {% if is_cloud_mode() %}
      <a href="{{ url_for('balance_confirmations.crear_confirmacion_form', party_id=registro.id, party_type='customer') }}" class="btn btn-outline-primary btn-sm"><i class="bi bi-envelope-check me-1"></i>{{ _('Solicitar confirmación de saldo') }}</a>
      {% endif %}
    </div>
  </div>
  <div class="p-3">
    <div class="ca-kv-list">
      <div class="ca-kv-item"><label>{{ _('Código') }}</label><p>{{ registro.code }}</p></div>
      <div class="ca-kv-item"><label>{{ _('Nombre') }}</label><p>{{ registro.name }}</p></div>
      <div class="ca-kv-item"><label>{{ _('Nombre comercial') }}</label><p>{{ registro.comercial_name or '-' }}</p></div>
      <div class="ca-kv-item"><label>{{ _('Nombre fiscal') }}</label><p>{{ registro.fiscal_name or '-' }}</p></div>
      <div class="ca-kv-item"><label>{{ _('ID fiscal') }}</label><p>{{ registro.tax_id or '-' }}</p></div>
      <div class="ca-kv-item"><label>{{ _('Tipo de Cliente') }}</label><p>{{ detail.group_label or '-' }}</p></div>
    </div>
  </div>
</div>

{% set party_param = 'customer_id' %}
{% set contact_create_url = url_for('ventas.ventas_cliente_contacto_crear', customer_id=registro.id) %}
{% set contact_edit_endpoint = 'ventas.ventas_cliente_contacto_editar' %}
{% set contact_deactivate_endpoint = 'ventas.ventas_cliente_contacto_desactivar' %}
{% set address_create_url = url_for('ventas.ventas_cliente_direccion_crear', customer_id=registro.id) %}
{% set address_edit_endpoint = 'ventas.ventas_cliente_direccion_editar' %}
{% set address_deactivate_endpoint = 'ventas.ventas_cliente_direccion_desactivar' %}
{% set party_role = "customer" %}
{% include "party_detail_sections.html" %}

{% if is_cloud_mode() %}
<div class="ca-card mt-4">
  <div class="ca-card-header">
    <h5 class="ca-card-title"><i class="bi bi-clock-history"></i> {{ _('Historial de Confirmaciones de Saldo') }}</h5>
  </div>
  <div class="table-responsive">
    <table class="table table-hover table-striped mb-0">
      <caption class="visually-hidden">{{ _('Historial de Confirmaciones de Saldo') }}</caption>
      <thead>
        <tr>
          <th>{{ _('Documento') }}</th>
          <th>{{ _('Compañía') }}</th>
          <th>{{ _('Fecha Corte') }}</th>
          <th>{{ _('Creado En') }}</th>
          <th>{{ _('Estado') }}</th>
          <th>{{ _('Resultado') }}</th>
          <th>{{ _('Respondiente / Comentario') }}</th>
        </tr>
      </thead>
      <tbody>
        {% set conf_history = get_balance_confirmations_history(registro.id, 'customer') %}
        {% if conf_history %}
          {% for conf in conf_history %}
            <tr>
              <td>
                <a href="{{ url_for('balance_confirmations.ver_confirmacion', confirmation_id=conf.id) }}" class="link-primary fw-bold">
                  {{ conf.document_no or conf.id[:8].upper() }}
                </a>
              </td>
              <td>{{ conf.company }}</td>
              <td>{{ conf.cutoff_date.strftime('%d/%m/%Y') if conf.cutoff_date else '-' }}</td>
              <td>{{ conf.created_at.strftime('%d/%m/%Y %H:%M') if conf.created_at else '-' }}</td>
              <td>
                {% if conf.status == 'confirmed' %}
                  <span class="badge bg-success">{{ _('Confirmada') }}</span>
                {% elif conf.status == 'disputed' %}
                  <span class="badge bg-danger">{{ _('Disputada') }}</span>
                {% elif conf.status == 'sent' %}
                  <span class="badge bg-info">{{ _('Enviada') }}</span>
                {% elif conf.status == 'viewed' %}
                  <span class="badge bg-primary">{{ _('Visualizada') }}</span>
                {% elif conf.status == 'cancelled' %}
                  <span class="badge bg-secondary">{{ _('Cancelada') }}</span>
                {% elif conf.status == 'expired' %}
                  <span class="badge bg-dark">{{ _('Expirada') }}</span>
                {% else %}
                  <span class="badge bg-light text-dark">{{ conf.status }}</span>
                {% endif %}
              </td>
              <td>
                {% if conf.response_type == 'confirmed' %}
                  <strong class="text-success"><i class="bi bi-check-circle"></i> {{ _('Conciliado') }}</strong>
                {% elif conf.response_type == 'disputed' %}
                  <strong class="text-danger"><i class="bi bi-x-circle"></i> {{ _('No conciliado') }}</strong>
                {% else %}
                  -
                {% endif %}
              </td>
              <td>
                {% if conf.respondent_email %}
                  <strong>{{ conf.respondent_first_name }} {{ conf.respondent_last_name }}</strong> ({{ conf.respondent_email }})
                  {% if conf.response_comment %}
                    <p class="text-muted mb-0 small"><i class="bi bi-chat-left-quote"></i> {{ conf.response_comment }}</p>
                  {% endif %}
                {% else %}
                  -
                {% endif %}
              </td>
            </tr>
          {% endfor %}
        {% else %}
          <tr>
            <td colspan="7" class="text-center text-muted p-4">
              <i class="bi bi-info-circle me-1"></i>{{ _('No hay solicitudes de confirmación registradas para este cliente.') }}
            </td>
          </tr>
        {% endif %}
      </tbody>
    </table>
  </div>
</div>
{% endif %}

{% endblock %}