from flask import Flask, Markup
from bootwrap import Page, Menu, Image, Anchor, Button, Text

# Both 'logo.png' and 'favicon.ico' are stored in 'docs' folder
app = Flask(__name__, static_folder='docs', static_url_path='')

class MyMenu(Menu):
    def __init__(self):
        super().__init__(
            logo=Image('logo.png', width=32, alt='Logo'),
            brand=Text('Bootwrap').as_strong().as_light().add_classes('ml-2'),
            anchors=[
                Anchor('Home').link('/'),
                Anchor('About').link('/about')
            ], 
            actions=[
                Button('Sign In').as_outline().as_light().link('/signin')
            ]
        )

class MyPage(Page):
    def __init__(self, content):
        super().__init__(
            favicon = 'favicon.ico',
            title='Hello World Application',
            menu=MyMenu(),
            content=content
        )

@app.route('/')
def home():
    return Markup(MyPage(content=[Text('Home').as_heading(1)]))

@app.route('/about')
def about():
    return Markup(MyPage(content=[Text('About').as_heading(1)]))

@app.route('/signin')
def signin():
    return Markup(MyPage(content=[Text('Sign In').as_heading(1)]))

if __name__ == '__main__':
    app.run(debug=True)