<div class="content-box">
    <h1>Cadastrar Novo Eleitor</h1>
    
    <form action="<?= BASE_URL ?>/eleitores/salvar" method="POST">
        
        <h3>Informações Pessoais</h3>
        <div class="form-group">
            <label for="nome_completo">Nome Completo:</label>
            <input type="text" id="nome_completo" name="nome_completo" required>
        </div>
        <div class="form-group">
            <label for="sexo">Sexo:</label>
            <select id="sexo" name="sexo">
                <option value="">Selecione</option>
                <option value="Masculino">Masculino</option>
                <option value="Feminino">Feminino</option>
                <option value="Outro">Outro</option>
            </select>
        </div>
        <div class="form-group">
            <label for="data_nascimento">Data de Nascimento:</label>
            <input type="date" id="data_nascimento" name="data_nascimento">
        </div>
        <div class="form-group">
            <label for="tipo">Tipo:</label>
            <select id="tipo" name="tipo" required>
                <option value="Apoiador">Apoiador</option>
                <option value="Liderança">Liderança</option>
            </select>
        </div>

        <h3>Contato e Endereço</h3>
        <div class="form-group">
            <label for="email">E-mail:</label>
            <input type="email" id="email" name="email">
        </div>
        <div class="form-group">
            <label for="telefone">Telefone:</label>
            <input type="text" id="telefone" name="telefone">
        </div>
        <div class="form-group">
            <label for="endereco">Endereço (Rua, Número, etc.):</label>
            <input type="text" id="endereco" name="endereco">
        </div>
        <div class="form-group">
            <label for="bairro">Bairro:</label>
            <input type="text" id="bairro" name="bairro">
        </div>
        <div class="form-group">
            <label for="cep">CEP:</label>
            <input type="text" id="cep" name="cep">
        </div>

        <h3>Registro da Primeira Demanda</h3>
        <div class="form-group">
            <label for="demanda_categoria">Demanda:</label>
            <select id="demanda_categoria" name="demanda_categoria">
                <option value="">Nenhuma demanda inicial</option>
                <option value="Saúde">Saúde</option>
                <option value="Jurídico">Jurídico</option>
                <option value="Assistência Social">Assistência Social</option>
                <option value="Moradia">Moradia</option>
                <option value="Visita">Visita</option>
                <option value="Ação Social">Ação Social</option>
                <option value="Ação Saúde">Ação Saúde</option>
                <option value="Fiscalização">Fiscalização</option>
                <option value="Reunião">Reunião</option>
            </select>
        </div>
        <div class="form-group">
            <label for="demanda_titulo">Título da Demanda:</label>
            <input type="text" id="demanda_titulo" name="demanda_titulo" placeholder="Ex: Pedido de cadeira de rodas">
        </div>

        <h3>Observações Gerais</h3>
        <div class="form-group">
            <label for="observacao">Observação:</label>
            <textarea id="observacao" name="observacao" rows="4"></textarea>
        </div>

        <button type="submit" class="btn btn-add">Salvar Cadastro</button>
        <a href="<?= BASE_URL ?>/eleitores" class="btn" style="background-color: #7f8c8d;">Cancelar</a>
    </form>
</div>