# -*- coding: utf-8 -*-
"""
Created on Sat Dec 23 13:22:00 2023
@author: Essio Rubin C.
"""
from PIL import Image
import streamlit as st
from st_pages import Page, show_pages, add_page_title

# icon
im = Image.open("assets/favicon.ico")
st.set_page_config(
    page_title="Analisis de sentimiento de reseñas de Hoteles",
    page_icon=im,
    layout="wide",
)

# img header
img = Image.open("assets/header.jpg")
st.image(img, width=1000) 

# show links to pages
show_pages(
    [
        Page("app.py", "Presentación", "🏠"),
        Page("page1.py", "Análisis de reseñas uno a uno", ":blue_book:"),        
        Page("page2_.py", "Análisis de reseñas en lotes", ":books:"),
    ]
)

# show text
css_text_1 = '''
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">

<p style="font-family: Verdana; font-size: 15px; font-weight: 400; color: #5b5f62;">
<span style="font-family: Georgia, serif; font-size: 20px; font-weight: 400; color: blue; font-style: italic; ">IA Hotel Reviews</span> es una aplicación que utiliza Inteligencia Artificial para realizar un análisis inteligente de las reseñas que dejan tus clientes. Ayuda a identificar el sentimiento positivo o negativo que hay detrás de estos comentarios. Obtendrás un análisis certero de la opiniones que vierten tus clientes y con ello puedes tomar mejores decisiones sobre tu personal, las instalaciones y otros aspectos de tu hotel con el fin de ganar más clientes e incrementar tus ganancias.
</p>
<p style="font-family: Verdana; font-size: 3px;">&nbsp;</p>
<p style="font-family: Verdana; font-size: 15px; font-weight: 300; ; color: #5b5f62;">
Este programa es multidioma ya que Las reseñas pueden estar escritas en idioma español, holandés, italiano, alemán, francés o inglés.  
</p>

'''
st.write(css_text_1, unsafe_allow_html=True)

# show image
img = Image.open("assets/flags.jpg")
st.image(img, width=350) 

css_text_2 = '''
<p style="font-family: Verdana; font-size: 3px;">&nbsp;</p>
<p style="font-family: Verdana; font-size: 15px; font-weight: 400; color: #494848;">
Te ofrecemos dos opciones de análisis: 
</p>

<i class="fa-solid fa-gear"></i>
&nbsp;&nbsp;
<a style="font-family: Verdana; font-size: 17px; font-weight: 200; text-decoration: none; ; color: #6c88f4;" href="https://essio-demo.hf.space/An%C3%A1lisis%20de%20rese%C3%B1as%20uno%20a%20uno">Análisis de reseñas uno a uno</a>

<i class="fa-solid fa-gear"></i>
&nbsp;&nbsp;
<a style="font-family: Verdana; font-size: 17px; font-weight: 200; text-decoration: none; ; color: #6c88f4;" href="https://essio-demo.hf.space/An%C3%A1lisis%20de%20rese%C3%B1as%20en%20lotes">Análisis de reseñas en lotes</a>
'''

st.write(css_text_2, unsafe_allow_html=True)