{% 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">{{ _('Asistente de Cierre Mensual') }}</li>
  </ol>
</nav>

<div class="ca-page-header d-flex justify-content-between align-items-center">
  <h4><i class="bi bi-calendar-check me-2" style="color:#78BF30"></i>{{ _('Asistente de Cierre Mensual') }}</h4>
  <div class="d-flex gap-2">
    {% if close_run is defined %}
    <a href="{{ url_for('contabilidad.asistente_cierre_mensual') }}" class="btn btn-sm btn-outline-secondary">
      {{ _('Ver cierres') }}
    </a>
    {% endif %}
  </div>
</div>

{% if close_run is not defined %}
<section class="ca-card mb-3">
  <div class="ca-card-header">
    <h5 class="ca-card-title mb-0">{{ _('Nuevo cierre mensual') }}</h5>
  </div>
  <div class="p-3">
    <p class="text-muted">
      {{ _('Cree un cierre mensual para ejecutar paso a paso las tareas del periodo. Por ahora el primer paso es aplicar comprobantes recurrentes aprobados.') }}
    </p>
    <form method="post" action="{{ url_for('contabilidad.nuevo_cierre_mensual') }}" class="row g-3 align-items-end">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <div class="col-md-6">
        <label class="form-label" for="close-company">{{ _('Compañía') }}</label>
        <div class="ca-smart-select" x-data='smartSelect({
          doctype: "company",
          name: "company",
          minChars: 1,
          preload: true,
          preloadOnFocus: true,
          messages: {
            placeholder: {{ _('Buscar compañía')|tojson }},
            loading: {{ _('Buscando...')|tojson }},
            noResults: {{ _('Sin resultados')|tojson }},
            minChars: {{ _('Escriba para buscar')|tojson }},
            clear: {{ _('Limpiar')|tojson }},
            invalid: {{ _('Seleccione una opción válida')|tojson }},
            error: {{ _('No se pudo buscar')|tojson }}
          }
        })'>
          <input type="hidden" id="close-company" name="company" x-model="selectedValue">
          <div class="ca-smart-select-input-wrap">
            <input class="form-control ca-smart-select-input" type="text" x-model="search" @input="onInput"
              @focus="onFocus" @blur="closeSoon" :placeholder="messages.placeholder">
            <button class="ca-smart-select-clear" type="button" x-show="selectedValue" @click="clearSelection"
              :title="messages.clear">×</button>
          </div>
          <div class="ca-smart-select-menu" x-show="open" x-cloak>
            <div class="ca-smart-select-state" x-show="loading" x-text="messages.loading"></div>
            <template x-for="option in options" :key="option.value">
              <button class="ca-smart-select-option" type="button" @mousedown.prevent="selectOption(option)">
                <span x-text="option.display_name"></span>
              </button>
            </template>
            <div class="ca-smart-select-state" x-show="!loading && !options.length && search.length >= minChars"
              x-text="messages.noResults"></div>
            <div class="ca-smart-select-state text-danger" x-show="error" x-text="error"></div>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <label class="form-label" for="period_id">{{ _('Periodo contable a cerrar') }}</label>
        <div class="ca-smart-select" x-data='smartSelect({
          doctype: "accounting_period_id",
          name: "period_id",
          minChars: 1,
          preload: true,
          preloadOnFocus: true,
          loadOnFilterChange: true,
          requiredFilters: ["company"],
          filters: { company: { selector: "#close-company" }, is_closed: false },
          filterSources: ["#close-company"],
          messages: {
            placeholder: {{ _('Buscar periodo abierto')|tojson }},
            loading: {{ _('Buscando...')|tojson }},
            noResults: {{ _('Sin periodos abiertos')|tojson }},
            minChars: {{ _('Escriba para buscar')|tojson }},
            clear: {{ _('Limpiar')|tojson }},
            invalid: {{ _('Seleccione una opción válida')|tojson }},
            error: {{ _('No se pudo buscar')|tojson }}
          }
        })'>
          <input type="hidden" id="period_id" name="period_id" x-model="selectedValue" required>
          <div class="ca-smart-select-input-wrap">
            <input class="form-control ca-smart-select-input" type="text" x-model="search" @input="onInput"
              @focus="onFocus" @blur="closeSoon" :placeholder="messages.placeholder">
            <button class="ca-smart-select-clear" type="button" x-show="selectedValue" @click="clearSelection"
              :title="messages.clear">×</button>
          </div>
          <div class="ca-smart-select-menu" x-show="open" x-cloak>
            <div class="ca-smart-select-state" x-show="loading" x-text="messages.loading"></div>
            <template x-for="option in options" :key="option.value">
              <button class="ca-smart-select-option" type="button" @mousedown.prevent="selectOption(option)">
                <span x-text="option.display_name"></span>
              </button>
            </template>
            <div class="ca-smart-select-state" x-show="!loading && !options.length && search.length >= minChars"
              x-text="messages.noResults"></div>
            <div class="ca-smart-select-state text-danger" x-show="error" x-text="error"></div>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <button class="btn btn-primary" type="submit">{{ _('Crear cierre') }}</button>
      </div>
    </form>
  </div>
</section>

<section class="ca-card">
  <div class="ca-card-header">
    <h5 class="ca-card-title mb-0">{{ _('Cierres mensuales') }}</h5>
  </div>
  <div class="table-responsive">
    <table class="ca-table">
      <thead>
        <tr>
          <th>{{ _('Compañía') }}</th>
          <th>{{ _('Periodo') }}</th>
          <th>{{ _('Estado') }}</th>
          <th>{{ _('Creado') }}</th>
          <th>{{ _('Acciones') }}</th>
        </tr>
      </thead>
      <tbody>
        {% for run in runs %}
        {% set run_period = period_by_id.get(run.period_id) %}
        <tr>
          <td>{{ run.company }}</td>
          <td>{{ run_period.name if run_period else run.period_id }}</td>
          <td><span class="badge text-bg-secondary">{{ run.run_status }}</span></td>
          <td>{{ run.created }}</td>
          <td>
            <a class="btn btn-sm btn-outline-primary" href="{{ url_for('contabilidad.ver_cierre_mensual', identifier=run.id) }}">
              {{ _('Continuar') }}
            </a>
          </td>
        </tr>
        {% else %}
        <tr>
          <td colspan="5" class="text-center text-muted py-3">{{ _('No hay cierres mensuales registrados.') }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% else %}
<section class="ca-card mb-3">
  <div class="ca-card-header">
    <h5 class="ca-card-title mb-0">{{ _('Cierre mensual') }}</h5>
  </div>
  <div class="ca-report-context">
    <div><strong>{{ _('Compañía') }}:</strong> {{ close_run.company }}</div>
    <div><strong>{{ _('Periodo') }}:</strong> {{ selected_period.name if selected_period else close_run.period_id }}</div>
    <div><strong>{{ _('Estado') }}:</strong> {{ close_run.run_status }}</div>
    <div><strong>{{ _('Paso actual') }}:</strong> {{ _('Aplicar comprobantes recurrentes') }}</div>
  </div>
</section>

<section class="ca-card mb-3">
  <div class="ca-card-header d-flex justify-content-between align-items-center">
    <h5 class="ca-card-title mb-0">{{ _('Paso 1: aplicar comprobantes recurrentes') }}</h5>
    <form action="{{ url_for('contabilidad.aplicar_recurrentes_cierre', identifier=close_run.id) }}" method="post">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      {% for template in templates %}
      {% if template.id not in applied_ids %}
      <input type="hidden" name="template_ids" value="{{ template.id }}">
      {% endif %}
      {% endfor %}
      <button type="submit" class="btn btn-sm btn-success">
        <i class="bi bi-play-fill"></i> {{ _('Ejecutar paso') }}
      </button>
    </form>
  </div>
  <div class="table-responsive">
    <table class="ca-table">
      <thead>
        <tr>
          <th>{{ _('Plantilla') }}</th>
          <th>{{ _('Descripción') }}</th>
          <th>{{ _('Estado') }}</th>
        </tr>
      </thead>
      <tbody>
        {% for template in templates %}
        <tr>
          <td>{{ template.name }}</td>
          <td>{{ template.description or '-' }}</td>
          <td>
            {% if template.id in applied_ids %}
            <span class="badge text-bg-success">{{ _('Aplicada') }}</span>
            {% else %}
            <span class="badge text-bg-warning">{{ _('Pendiente') }}</span>
            {% endif %}
          </td>
        </tr>
        {% else %}
        <tr>
          <td colspan="3" class="text-center text-muted py-3">{{ _('No hay plantillas recurrentes aplicables.') }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>

<section class="ca-card">
  <div class="ca-card-header">
    <h5 class="ca-card-title mb-0">{{ _('Historial de pasos') }}</h5>
  </div>
  <div class="table-responsive">
    <table class="ca-table">
      <thead>
        <tr>
          <th>{{ _('Paso') }}</th>
          <th>{{ _('Estado') }}</th>
          <th>{{ _('Mensaje') }}</th>
        </tr>
      </thead>
      <tbody>
        {% for check in checks %}
        <tr>
          <td>{{ check.check_type }}</td>
          <td><span class="badge text-bg-secondary">{{ check.check_status }}</span></td>
          <td>{{ check.message or '-' }}</td>
        </tr>
        {% else %}
        <tr>
          <td colspan="3" class="text-center text-muted py-3">{{ _('Aún no se han ejecutado pasos.') }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% endif %}

{% endblock %}