{% extends "layout.html" %}

{% block content %}
<div class="container mt-4">
    <h2>Editar Cota</h2>
    <form method="POST" class="needs-validation" novalidate>
        <div class="mb-3">
            <label for="valor_novo" class="form-label">Valor</label>
            <input type="number" step="0.01" class="form-control" id="valor_novo" name="valor_novo" value="{{ cota.valor_novo }}" required>
            <div class="invalid-feedback">
                Por favor, insira um valor válido.
            </div>
        </div>
        <div class="mb-3">
            <label for="data_vencimento" class="form-label">Data de Vencimento</label>
            <input type="date" class="form-control" id="data_vencimento" name="data_vencimento" value="{{ cota.data_vencimento }}" required>
            <div class="invalid-feedback">
                Por favor, selecione uma data de vencimento.
            </div>
        </div>
        <div class="mb-3 form-check">
            <input type="checkbox" class="form-check-input" id="pago" name="pago" value="true" {% if cota.pago %}checked{% endif %}>
            <label class="form-check-label" for="pago">Pago</label>
        </div>
        <button type="submit" class="btn btn-primary">Salvar</button>
        <a href="{{ url_for('listar_cotas') }}" class="btn btn-secondary">Cancelar</a>
    </form>
</div>
{% endblock %} 