const dbRecords = _db.query(`
    SELECT evento.titulo, evento.data, evento.capacidade, 
    evento.preco, categoria_evento.nome AS categoria 
    FROM evento JOIN categoria_evento ON evento.id_categoria = categoria_evento.id
`);


_out.println('<div style="display: flex; justify-content: center; margin-top: 80px; min-height: 585px;">')
    _out.println('<div>')
        _out.println('<caption><a style="display: flex; justify-content: center; font-weight: bold; font-size: 25px; margin-bottom: 10px;">Eventos</a></caption>')
        _out.println('<table style="min-width: 700px; border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">')
            _out.println('<tr style="height: 35px;">')
                _out.println('<th sytle="border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">Título</th>')
                _out.println('<th sytle="border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">Data</th>')
                _out.println('<th sytle="border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">Capacidade</th>')
                _out.println('<th sytle="border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">Preço</th>')
                _out.println('<th sytle="border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">Categoria</th>')
            _out.println('</tr>')
            
            for (let i; i < dbRecords.length; i++) {
                    
                _out.println('<tr style="height: 35px;">')
                    _out.println(`<td sytle="border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">${dbRecords[i].getString("titulo")}</td>`)
                    _out.println(`<td sytle="border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">${dbRecords[i].getString("data")}</td>`)
                    _out.println(`<td sytle="border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">${dbRecords[i].getInt("capacidade")}</td>`)
                    _out.println(`<td sytle="border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">${dbRecords[i].getDouble("preco")}</td>`)
                    _out.println(`<td sytle="border-collapse: collapse; border: 1px solid #999; border-inline: none; text-align: left;">${dbRecords[i].getString("categoria")}</td>`)
                _out.println('</tr>')
            }            


        _out.println('</table>')
    _out.println('</div>')
_out.println('</div>')