{% extends 'base.html' %}

{% block title %}Novo Pagamento{% endblock %}

{% block content %}
<div class="container">
    <div class="row">
        <div class="col-md-8 offset-md-2">
            <h1 class="mb-4">Registrar Novo Pagamento</h1>
            
            <form method="post" class="mb-4">
                <div class="mb-3">
                    <label for="militante_id" class="form-label">ID do Militante:</label>
                    <input type="number" class="form-control" id="militante_id" name="militante_id" required>
                </div>
                
                <div class="mb-3">
                    <label for="tipo_pagamento_id" class="form-label">Tipo de Pagamento:</label>
                    <input type="number" class="form-control" id="tipo_pagamento_id" name="tipo_pagamento_id" required>
                </div>
                
                <div class="mb-3">
                    <label for="valor" class="form-label">Valor:</label>
                    <input type="number" class="form-control" id="valor" name="valor" step="0.01" required>
                </div>
                
                <div class="mb-3">
                    <label for="data_pagamento" class="form-label">Data do Pagamento:</label>
                    <input type="date" class="form-control" id="data_pagamento" name="data_pagamento" required>
                </div>
                
                <div class="d-flex gap-2">
                    <button type="submit" class="btn btn-primary">Registrar</button>
                    <a href="{{ url_for('listar_pagamentos') }}" class="btn btn-secondary">Voltar</a>
                    <a href="{{ url_for('home') }}" class="btn btn-outline-primary">Início</a>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}