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

{%- if TESTING -%}
<div data-test_info="La Plantilla fue renderizada correctamente: cacao_accounting/bancos/templates/bancos/cash_forecast_nuevo.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('bancos.bancos_') }}" class="link-dark">{{ _("Caja y Bancos") }}</a></li>
    <li class="breadcrumb-item"><a href="{{ url_for('bancos.cash_forecast_list') }}" class="link-dark">{{ _("Pronósticos") }}</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{ _("Nuevo Pronóstico") }}</li>
  </ol>
</nav>

<div class="ca-card">
  <div class="ca-card-header">
    <h5 class="ca-card-title"><i class="bi bi-plus-circle"></i> {{ _("Nuevo Pronóstico de Flujo de Caja") }}</h5>
  </div>

  <div class="card-body p-4">
    <form method="POST" action="{{ url_for('bancos.cash_forecast_new') }}" class="row g-3">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

      <div class="col-md-6">
        <label for="company" class="form-label fw-bold">{{ _("Compañía") }}</label>
        <select name="company" id="company" class="form-select" required>
          {% for code, name in companies %}
          <option value="{{ code }}" {% if code == selected_company %}selected{% endif %}>{{ name }}</option>
          {% endfor %}
        </select>
        <div class="form-text">{{ _("La compañía para la cual se calculará y guardará el pronóstico.") }}</div>
      </div>

      <div class="col-md-6">
        <label for="fiscal_year_id" class="form-label fw-bold">{{ _("Año Fiscal") }}</label>
        <select name="fiscal_year_id" id="fiscal_year_id" class="form-select" required>
          <option value="" disabled selected>{{ _("Seleccione Año Fiscal") }}</option>
          {% for fy in fiscal_years %}
          <option value="{{ fy.id }}">{{ fy.name }} ({{ fy.year_start_date.strftime('%d/%m/%Y') }} - {{ fy.year_end_date.strftime('%d/%m/%Y') }})</option>
          {% endfor %}
        </select>
      </div>

      <div class="col-md-6">
        <label for="version" class="form-label fw-bold">{{ _("Versión / Identificador") }}</label>
        <input type="text" name="version" id="version" class="form-control" placeholder="{{ _('Ej: Q3-2026, Escenario Optimista, v1') }}" required>
        <div class="form-text">{{ _("Nombre único para identificar esta versión del pronóstico de caja.") }}</div>
      </div>

      <div class="col-md-6">
        <label for="periodicity" class="form-label fw-bold">{{ _("Periodicidad") }}</label>
        <select name="periodicity" id="periodicity" class="form-select" required>
          <option value="weekly">{{ _("Semanal") }}</option>
          <option value="monthly" selected>{{ _("Mensual") }}</option>
        </select>
        <div class="form-text">{{ _("Define la división temporal de las proyecciones (semanal o mensual).") }}</div>
      </div>

      <div class="col-12">
        <label for="description" class="form-label fw-bold">{{ _("Descripción") }}</label>
        <textarea name="description" id="description" class="form-control" rows="3" placeholder="{{ _('Añada notas sobre el escenario, suposiciones, objetivos...') }}"></textarea>
      </div>

      <div class="col-12 mt-4 d-flex justify-content-end gap-2">
        <a href="{{ url_for('bancos.cash_forecast_list', company=selected_company) }}" class="btn btn-outline-secondary">
          {{ _("Cancelar") }}
        </a>
        <button type="submit" class="btn btn-primary">
          <i class="bi bi-save me-1"></i>{{ _("Crear Pronóstico") }}
        </button>
      </div>
    </form>
  </div>
</div>

{% endblock %}