{% set acceso = permisos(modulo=id_modulo("accounting"), usuario=usuario.id)%}
{% extends "base.html" %}
{% block contenido %}

<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('contabilidad.conta') }}" class="link-dark">Contabilidad</a></li>
    <li class="breadcrumb-item"><a href="{{ url_for('contabilidad.unidades') }}" class="link-dark">Unidades de Negocio</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{ registro.name }}</li>
  </ol>
</nav>

<style>
    .ca-kv-list {
        display: grid;
        gap: .6rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ca-kv-item label {
        color: #64748b;
        display: block;
        font-size: .75rem;
        font-weight: 700;
        margin-bottom: .15rem;
        text-transform: uppercase;
    }

    .ca-kv-item p {
        margin: 0;
    }

    @media (max-width: 768px) {
        .ca-kv-list {
            grid-template-columns: 1fr;
        }
    }
</style>

<div class="ca-card">
  <div class="ca-card-header d-flex justify-content-between align-items-center">
    <h5 class="ca-card-title mb-0">
        <i class="bi bi-building me-2"></i> {{ registro.code }} - {{ registro.name }}
        {% if registro.enabled %}
        <span class="badge bg-success ms-2">{{ _('Habilitado') }}</span>
        {% else %}
        <span class="badge bg-secondary ms-2">{{ _('Inhabilitado') }}</span>
        {% endif %}
    </h5>
    {% if acceso.configurar %}
    <div class="d-flex gap-2">
      <a href="{{ url_for('contabilidad.unidades') }}" class="btn btn-outline-secondary btn-sm">{{ _('Volver al Listado') }}</a>
      <a class="btn btn-sm btn-outline-danger" href="{{ url_for('contabilidad.eliminar_unidad', id_unidad=registro.code) }}">
        <i class="bi bi-trash me-1"></i>{{ _('Eliminar') }}
      </a>
    </div>
    {% endif %}
  </div>
  <div class="p-4">
    <div class="ca-kv-list">
        <div class="ca-kv-item"><label>{{ _('Código') }}</label><p><strong>{{ registro.code }}</strong></p></div>
        <div class="ca-kv-item"><label>{{ _('Nombre') }}</label><p>{{ registro.name }}</p></div>
        <div class="ca-kv-item"><label>{{ _('Entidad') }}</label><p>{{ registro.entity }}</p></div>
        <div class="ca-kv-item"><label>{{ _('Estado') }}</label><p>{{ registro.status }}</p></div>
    </div>
  </div>
</div>

{% endblock %}