import streamlit as st
import os
from pathlib import Path
from PIL import Image


IFRAME = '<iframe src="https://ghbtns.com/github-btn.html?user=IvanIsCoding&repo=ResuLLMe&type=star&count=true&size=large" frameborder="0" scrolling="0" width="170" height="30" title="GitHub"></iframe>'

st.markdown(
    f"""
    # ResuLLMe's Template Gallery {IFRAME}
    """,
    unsafe_allow_html=True,
)


st.markdown(
    """
### Table of Contents

- [Simple](#simple)
- [Awesome](#awesome)
- [BGJC](#bgjc)
- [Deedy](#deedy)
- [Modern](#modern)
- [Plush](#plush)
- [Alta](#alta)
"""
)

st.markdown(
    """
    ## Simple

    The most straightforward template, it also is the one that condenses the most information in a single page.
    This is the default for ResuLLMe due to its reliability.
    """
)

current_dir = Path(__file__).absolute().parent.parent

simple_image = Image.open(current_dir / "images" / "Simple_Template.png")

st.image(simple_image)

st.markdown(
    """
    ## Awesome

    This is a popular template with nice fonts and design. It also condenses a lot of information in a single
    page. This is another strong candidate for the default template.
    """
)

awesome_image = Image.open(current_dir / "images" / "Awesome_Template.png")

st.image(awesome_image)

st.markdown(
    """
    ## BGJC

    Another classic, single-column template. It presents less information with clear separations among the sections.
    """
)

bgjc_image = Image.open(current_dir / "images" / "BGJC.png")

st.image(bgjc_image)

st.markdown(
    """
    ## Deedy

    This is a sleek two-column template. The template is more crowded, but it excells at using
    all the space available in the page.
    """
)

deedy_image = Image.open(current_dir / "images" / "Deedy.png")

st.image(deedy_image)

st.markdown(
    """
    ## Modern

    This is another take on the classic, single-column CV style. For a black-and-white template,
    it is an excellent choice.
    """
)

modern_image = Image.open(current_dir / "images" / "Modern.png")

st.image(modern_image)

st.markdown(
    """
    ## Plush

    This is a variant of the Deedy template with a stylish look. The order of the columns are swapped
    and the font is slightly different, giving it a distinct feeling from the other templates.
    """
)

plush_image = Image.open(current_dir / "images" / "Plush.png")

st.image(plush_image)

st.markdown(
    """
    ## Alta

    This is eye-candy template is another popular option. It speaks for itself.
    """
)

alta_image = Image.open(current_dir / "images" / "Alta_Template.png")

st.image(alta_image)