from flask import Flask, render_template, jsonify
import mysql.connector
import plotly.express as px

app = Flask(__name__)

# Configuración de la base de datos
db_config = {
    'host': 'localhost',
    'user': 'servicioscume',
    'password': 'Servic10sCUMe..',
    'database': 'Consumo'
}

# Ruta principal
@app.route('/')
def index():
    return render_template('index.html')

# Ruta para obtener datos desde la base de datos
@app.route('/datos')
def obtener_datos():
    # Conectar a la base de datos
    connection = mysql.connector.connect(**db_config)
    cursor = connection.cursor()

    # Ejecutar la consulta SQL
    consulta = 'SELECT VI1, AI1 FROM Cafeteria'
    cursor.execute(consulta)

    # Obtener los resultados
    resultados = cursor.fetchall()

    # Cerrar la conexión
    cursor.close()
    connection.close()

    # Formatear los resultados para Plotly
    data = {'x': [], 'y': []}
    for resultado in resultados:
        data['x'].append(resultado[0])
        data['y'].append(resultado[1])

    return jsonify(data)

# Ejecutar la aplicación Flask
if __name__ == '__main__':
    app.run(debug=True)