{% extends 'base.html' %}

{% block content %}
<div class="container mt-5">
    <div class="card shadow-lg">
        <div class="card-header bg-info text-white">
            <h3>Registrar Nuevo Movimiento</h3>
        </div>
        <div class="card-body">
            <form method="POST">
                {% csrf_token %}
                <input type="hidden" name="cuentas" value="{{ cuenta.id }}">  <!-- Captura automática -->

                <div class="mb-3">
                    <label class="form-label">Cuenta</label>
                    <input type="text" class="form-control" value="{{ cuenta.cuenta }} (Saldo: {{ cuenta.saldo }})" disabled>
                </div>
                <div class="mb-3">
                    <label for="id_tipo_movimiento" class="form-label">Tipo de Movimiento</label>
                    {{ form.tipo_movimiento }}
                </div>
                <div class="mb-3">
                    <label for="id_saldo" class="form-label">Monto</label>
                    {{ form.saldo }}
                </div>
                <div class="mb-3">
                    <label for="id_observacion" class="form-label">Observación</label>
                    {{ form.observacion }}
                </div>
                <div class="mb-3">
                    <label for="id_n_factura" class="form-label"># de factura</label>
                    {{ form.n_factura }}
                </div>  <div class="mb-3">
                    <label for="id_fecha_factura" class="form-label">fecha de factura</label>
                    {{ form.fecha_factura }}
                </div>  <div class="mb-3">
                    <label for="proveedor" class="form-label">proveedor</label>
                    {{ form.proveedor }}
                </div>  <div class="mb-3">
                    <label for="id_responsable_cuenta" class="form-label">responsable</label>
                    {{ form.responsable_cuenta }}
                </div>
                <button type="submit" class="btn btn-success">Guardar</button>
                <a href="{% url 'lista_movimientos' cuenta.id %}" class="btn btn-secondary">Cancelar</a>
            </form>
        </div>
    </div>
</div>
{% endblock %}