{% extends 'base.html.twig' %}
{% block title %}{{ action == 'create' ? 'Nueva cuenta bancaria' : 'Editar cuenta bancaria' }}{% endblock %}
{% block content %}
<h4 class="mb-3">{{ action == 'create' ? 'Nueva cuenta bancaria' : 'Editar cuenta bancaria' }}</h4>
{% set d = data ?? {} %}
<form method="post" action="{{ action == 'create' ? path('cuenta_create') : path('cuenta_update', {id: d.id}) }}" class="card">
  <div class="card-body">
    <div class="row g-3">
      <div class="col-md-4">
        <label class="form-label">Banco</label>
        {% set sb = old.banco ?? d.banco ?? '' %}
        <select class="form-select {% if errors.banco is defined %}is-invalid{% endif %}" name="banco" required>
          <option value="">Seleccione</option>
          {% for b in bancos %}
            <option value="{{ b.id }}" {% if sb == b.id %}selected{% endif %}>{{ b.nombre }}</option>
          {% endfor %}
        </select>
        {% if errors.banco is defined %}<div class="invalid-feedback">{{ errors.banco }}</div>{% endif %}
      </div>
      <div class="col-md-4">
        <label class="form-label">Número</label>
        <input class="form-control {% if errors.numero is defined %}is-invalid{% endif %}" name="numero" required maxlength="34" value="{{ old.numero ?? d.numero ?? '' }}">
        {% if errors.numero is defined %}<div class="invalid-feedback">{{ errors.numero }}</div>{% endif %}
      </div>
      <div class="col-md-2">
        <label class="form-label">Moneda</label>
        {% set sm = old.moneda ?? d.moneda ?? '' %}
        <select class="form-select {% if errors.moneda is defined %}is-invalid{% endif %}" name="moneda" required>
          <option value="">Seleccione</option>
          {% for m in monedas %}
            <option value="{{ m.id }}" {% if sm == m.id %}selected{% endif %}>{{ m.codigo }}</option>
          {% endfor %}
        </select>
        {% if errors.moneda is defined %}<div class="invalid-feedback">{{ errors.moneda }}</div>{% endif %}
      </div>
      <div class="col-md-6">
        <label class="form-label">Descripción</label>
        <input class="form-control" name="descripcion" maxlength="120" value="{{ old.descripcion ?? d.descripcion ?? '' }}">
      </div>
      <div class="col-12">
        {% set checked = (old.activa is defined ? (old.activa ? true : false) : (d.activa is defined ? d.activa : true)) %}
        <div class="form-check">
          <input class="form-check-input" type="checkbox" name="activa" id="chkActiva" {% if checked %}checked{% endif %}>
          <label class="form-check-label" for="chkActiva">Activa</label>
        </div>
      </div>
    </div>
  </div>
  <div class="card-footer d-flex gap-2"><button class="btn btn-primary">Guardar</button><a class="btn btn-secondary" href="{{ path('cuenta_index') }}">Cancelar</a></div>
</form>
{% endblock %}