import streamlit as st
import pandas as pd
import seaborn as sns
import plotly.express as px
import matplotlib.pyplot as plt
from PIL import Image

def run():

    # Membuat Title
    st.title('Aplikasi Prediksi Rating Pemarin FIFA 2022')

    # Membuat Sub Header
    st.subheader('Page mengenai Exploratory Data Analysis dari dataset FIFA 2022')
    
    # Menambahkan Gambar
    image = Image.open('football.jpg')
    st.image(image, caption='FIFA 2022')

    # Menambahkan Teks
    st.write('Page ini dibuat oleh ***Danu Purnomo***')
    st.write('# Hello 1')
    st.write('## Hello 2')
    st.write('### Hello 3')

    # Menampilkanm DataFrame
    data = pd.read_csv('https://raw.githubusercontent.com/FTDS-learning-materials/phase-1/master/w1/P1W1D1PM%20-%20Machine%20Learning%20Problem%20Framing.csv')
    st.dataframe(data)

    # Membuat Bar Plot
    st.write('#### Plot AttackingWorkRate')
    fig = plt.figure(figsize=(15, 5))
    sns.countplot(x='AttackingWorkRate', data=data)
    st.pyplot(fig)

    # Membuat Histogram
    st.write('#### Histogram of Rating')
    fig = plt.figure(figsize=(15,5))
    sns.histplot(data['Overall'], bins=30, kde=True)
    st.pyplot(fig)

    # Membuat Histogram Berdasarkan Input User
    st.write('#### Histogram berdasarkan input user')
    option = st.selectbox('Pilih column : ', ('Age', 'Weight', 'Height', 'ShootingTotal'))
    fig = plt.figure(figsize=(15, 5))
    sns.histplot(data[option], bins=30, kde=True)
    st.pyplot(fig)

    # Membuat Plot menggunakan Plotly
    st.write('#### Plotly Plot - Perbandingan ValueEUR dengan Overall')
    fig = px.scatter(data, x='ValueEUR', y='Overall', hover_data=['Name', 'Age'])
    st.plotly_chart(fig)



if __name__ == '__main__':
    run()