{% 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 active" aria-current="page">Nueva Entidad</li>
  </ol>
</nav>

<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-add me-2"></i> {{ _('Crear Nueva Entidad') }}</h5>
    <div class="d-flex gap-2">
      <a href="{{ url_for('contabilidad.entidades') }}" class="btn btn-outline-danger btn-sm">{{ _('Cancelar') }}</a>
      <button class="btn btn-primary btn-sm" form="form-entidad" type="submit">
        <i class="bi bi-save me-1"></i>{{ _('Guardar Entidad') }}
      </button>
    </div>
  </div>

  <div class="p-4">
    <form method="post" id="form-entidad">
      {{ form.csrf_token }}

      <h6 class="mb-3 text-primary border-bottom pb-2">{{ _('Información Básica') }}</h6>
      <div class="row g-3 mb-4">
        <div class="col-md-6">
          <label class="form-label" for="nombre-comercial">{{ _('Nombre Comercial') }}</label>
          {{ form.nombre_comercial(class="form-control form-control-sm", id="nombre-comercial") }}
        </div>
        <div class="col-md-6">
          <label class="form-label" for="razon-social">{{ _('Razón Social') }} <span class="text-danger">*</span></label>
          {{ form.razon_social(class="form-control form-control-sm", id="razon-social", required=True) }}
        </div>
        <div class="col-md-4">
          <label class="form-label" for="id-fiscal">{{ _('ID Fiscal') }} <span class="text-danger">*</span></label>
          {{ form.id_fiscal(class="form-control form-control-sm", id="id-fiscal", required=True) }}
        </div>
        <div class="col-md-3">
          <label class="form-label" for="id-entidad">{{ _('Código Entidad') }} <span class="text-danger">*</span></label>
          {{ form.id(class="form-control form-control-sm", id="id-entidad", required=True) }}
        </div>
        <div class="col-md-3">
          <label class="form-label" for="pais">{{ _('País') }} <span class="text-danger">*</span></label>
          {{ form.pais(class="form-select form-select-sm", id="pais", required=True) }}
        </div>
        <div class="col-md-2">
          <label class="form-label" for="idioma">{{ _('Idioma') }} <span class="text-danger">*</span></label>
          {{ form.idioma(class="form-select form-select-sm", id="idioma", required=True) }}
        </div>
        <div class="col-md-3">
          <label class="form-label" for="moneda">{{ _('Moneda Principal') }} <span class="text-danger">*</span></label>
          {{ form.moneda(class="form-select form-select-sm", id="moneda", required=True) }}
        </div>
        <div class="col-md-3">
          <label class="form-label" for="inicio-anio-fiscal">{{ _('Inicio Año Fiscal') }}</label>
          {{ form.inicio_anio_fiscal(class="form-control form-control-sm", id="inicio-anio-fiscal", type="date") }}
        </div>
        <div class="col-md-3">
          <label class="form-label" for="fin-anio-fiscal">{{ _('Fin Año Fiscal') }}</label>
          {{ form.fin_anio_fiscal(class="form-control form-control-sm", id="fin-anio-fiscal", type="date") }}
        </div>
        <div class="col-md-3">
          <label class="form-label" for="tipo">{{ _('Tipo de Entidad') }} <span class="text-danger">*</span></label>
          {{ form.tipo_entidad(class="form-select form-select-sm", id="tipo", required=True) }}
        </div>
        <div class="col-12">
            <div class="form-check">
              {{ form.habilitado(class="form-check-input", id="habilitado") }}
              <label class="form-check-label" for="habilitado">{{ _('Habilitado') }}</label>
            </div>
        </div>
      </div>

      <h6 class="mb-3 text-primary border-bottom pb-2">{{ _('Configuración Contable') }}</h6>
      <div class="row g-3 mb-4">
        <div class="col-12">
          <label class="form-label">{{ _('Catálogo contable') }}</label>
          <div class="d-flex gap-4 align-items-center mb-2">
            {% for option in form.catalogo %}
            <div class="form-check">
              {{ option(class="form-check-input", id=option.id) }}
              <label class="form-check-label" for="{{ option.id }}">{{ option.label.text }}</label>
            </div>
            {% endfor %}
          </div>
        </div>
        <div class="col-md-6">
          <label class="form-label" for="catalogo_origen">{{ _('Catálogo existente') }}</label>
          {{ form.catalogo_origen(class="form-select form-select-sm", id="catalogo_origen") }}
        </div>
      </div>

      <h6 class="mb-3 text-primary border-bottom pb-2">{{ _('Información de Contacto') }}</h6>
      <div class="row g-3">
        <div class="col-md-6">
          <label class="form-label" for="correo-e">{{ _('Correo Electrónico') }}</label>
          {{ form.correo_electronico(class="form-control form-control-sm", id="correo-e", type="email") }}
        </div>
        <div class="col-md-6">
          <label class="form-label" for="web-site">{{ _('Página Web') }}</label>
          {{ form.web(class="form-control form-control-sm", id="web-site") }}
        </div>
        <div class="col-md-4">
          <label class="form-label" for="tel1">{{ _('Teléfono 1') }}</label>
          {{ form.telefono1(class="form-control form-control-sm", id="tel1") }}
        </div>
        <div class="col-md-4">
          <label class="form-label" for="tel2">{{ _('Teléfono 2') }}</label>
          {{ form.telefono2(class="form-control form-control-sm", id="tel2") }}
        </div>
        <div class="col-md-4">
          <label class="form-label" for="fax">{{ _('Número Fax') }}</label>
          {{ form.fax(class="form-control form-control-sm", id="fax") }}
        </div>
      </div>
    </form>
  </div>
</div>

{% endblock %}