{% extends "base.html" %}
{% block contenido %}
{% import "transaction_form_macros.html" as tf_macros %}
<div class="ca-card">
  <div class="ca-card-header"><h5 class="ca-card-title">{{ _('Editar reposición de Caja Chica') if reposicion else _('Nueva reposición de Caja Chica') }}</h5></div>
  <form method="post" class="row g-3 p-3">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <div class="col-md-4">
      <label class="form-label">{{ _('Compañía') }} <span class="text-danger">*</span></label>
      {{ tf_macros.smart_select(
          doctype="company",
          name="company",
          label=_("Compañía"),
          preload=True,
          required=True,
          initial_value=reposicion.company if reposicion else '',
          initial_label=reposicion.company if reposicion else '',
          locked_expr="true" if reposicion else "false",
          on_select="function(opt){ document.dispatchEvent(new CustomEvent('company-selected', {detail: opt})); }"
      ) }}
    </div>
    <div class="col-md-4">
      <label class="form-label">{{ _('Secuencia') }}</label>
      {{ tf_macros.smart_select(
          doctype="naming_series",
          name="naming_series",
          label=_("Secuencia"),
          filters={"company": {"selector": "#company"}, "entity_type": "petty_cash_replenishment"},
          filter_sources=["#company"],
          required_filters=["company", "entity_type"],
          auto_select_default=True,
          load_on_filter_change=True,
          default_after_ms=1500,
          initial_value=reposicion.naming_series_id if reposicion else '',
          initial_label=reposicion.naming_series_id if reposicion else ''
      ) }}
    </div>
    <div class="col-md-4">
      <label class="form-label">{{ _('Caja Chica') }} <span class="text-danger">*</span></label>
      {{ tf_macros.smart_select(
          doctype="petty_cash",
          name="petty_cash_id",
          label=_("Caja Chica"),
          filters={"company": {"selector": "#company"}},
          filter_sources=["#company"],
          required_filters=["company"],
          required=True,
          initial_value=reposicion.petty_cash_id if reposicion else '',
          initial_label=reposicion.petty_cash_id if reposicion else '',
          locked_expr="true" if reposicion else "false",
          on_select="function(opt){ var el = document.getElementById('pc_currency'); if (el) el.value = opt.currency || ''; var company = document.getElementById('company'); var c = company ? company.value : ''; if (opt.value) { window.location = '{{ url_for('bancos.caja_chica_reposicion_nueva') }}?petty_cash_id=' + encodeURIComponent(opt.value) + (c ? '&company=' + encodeURIComponent(c) : ''); } }"
      ) }}
    </div>
    <div class="col-md-4">
      <label class="form-label">{{ _('Moneda') }}</label>
      <input class="form-control" type="text" id="pc_currency" readonly value="{{ reposicion.transaction_currency if reposicion else '' }}">
    </div>
    <div class="col-md-3"><label class="form-label">{{ _('Fecha') }}</label><input class="form-control" type="date" name="request_date" value="{{ (reposicion.request_date.isoformat() if reposicion and reposicion.request_date else '') or '' }}" required></div>
    <div class="col-12"><label class="form-label">{{ _('Gastos pendientes') }}</label>{% for expense in gastos %}<div class="form-check"><input class="form-check-input" type="checkbox" name="expense_ids" value="{{ expense.id }}" id="expense-{{ expense.id }}" {% if attached_ids and expense.id in attached_ids %}checked{% endif %}><label class="form-check-label" for="expense-{{ expense.id }}">{{ expense.document_no or expense.id }} — {{ expense.concept }} — {{ expense.amount }}</label></div>{% else %}<p class="text-muted">{{ _('No hay gastos pendientes para esta caja.') }}</p>{% endfor %}</div>
    <div class="col-12"><label class="form-label">{{ _('Notas') }}</label><textarea class="form-control" name="notes" rows="3">{{ reposicion.notes if reposicion else '' }}</textarea></div>
    <div class="col-12"><button class="btn btn-primary" type="submit">{{ _('Guardar solicitud') }}</button> <a class="btn btn-outline-secondary" href="{{ url_for('bancos.caja_chica_reposicion_lista') }}">{{ _('Cancelar') }}</a></div>
  </form>
</div>
{% endblock %}