import gradio as gr

css = """
.container {
    height: 150px;
}
"""


def submit():
    print("hallo")

with gr.Blocks(css=css) as demo:
    with gr.Column():
        gr.HTML(value="<div style = 'display: flex; justify-content: space-between; align-items: center'><img src = 'file/logo.png' alt='logo' width='150px'/><div style='font-size: 32px'>GenreMorpher</div><img src = 'https://upload.wikimedia.org/wikipedia/de/5/57/Hochschule_Furtwangen_HFU_logo.svg' alt='hfu_logo' width='300px'/></div>")
        with gr.Row():
            melody = gr.Audio(label="Upload your audio", interactive=True, sources=["upload"], elem_classes=["container"])
            otherMelody = gr.Dropdown(["Game of Thrones", "bLa"], label="Or choose one of our audios")
        genre = gr.Dropdown(["Metal", "Hardstyle", "Klassik"], label="Select Genre")        
        btn = gr.Button(value="Generate")
        btn.click(submit)
        output = gr.Video(label="Generated Music", interactive=False, elem_classes=["container"])
        audio_output = gr.Audio(label="Generated Music (wav)", type='filepath', interactive=False)
        gr.Markdown(
            """
            [GenreMorpher](https://github.com/larimei/Music-KI) is a project for the course AI in Music
            from the Hochschule Furtwangen.
            This app changes the style and genre of the uploaded audio file and 
            generates a new one.
            Created by Jonathan Rissler, Lennard Hurst and Lara Meister
            """
        )


demo.launch(share=False, allowed_paths=["logo.png"])