import geopandas as gpd
import streamlit as st
import pandas as pd
import plotly.express as px
from geopy.distance import geodesic
import leafmap.foliumap as leafmap
from PIL import Image

m = leafmap.Map(center=(47.903671, 15.483612), zoom=5)
cities = gpd.read_file("https://raw.githubusercontent.com/idris-maps/map-of-europe/master/data/cities.json")

selected_cities = st.multiselect(
    'Select cities:',
    ['Lisbon', 'London', 'Budapest', 'Rome', 'Madrid', 'Barcelona'], None)


if selected_cities:
    m.add_gdf(cities[cities['name'].isin(selected_cities)], layer_name="cities", fill_colors="red")
    m.to_streamlit()

img = Image.open('mastercard_logo.png')

col1, col2, col3 = st.columns([1,6,1])

with col1:
    st.write("")

with col2:
    st.write("")

with col3:
    st.image(img)