{% extends 'base.html' %}
{% block title %}Echo | Home{% endblock %}
{% block content %}
    <h1>Hello, hello, hello...</h1>
    <p>Yeah, it's early.</p>

    <h3>Firstly, name:</h3>
    <div class="room-join-box">
        <input type="text" id="username-input" class="room-input" placeholder="Your name">
    </div>

    <h3>Join an Existing Room?</h3>
    <div class="room-join-box">
        <input type="text" id="room-code-input" class="room-input" placeholder="Enter Room Code" maxlength="10">
        <button class="room-button" id="join-button">Join</button>
    </div>


    <h3>Create a New Room?</h3>
    <div class="room-join-box">
        <button class="room-button" id="create-button">Create New Room</button>
    </div>



    <script src="{{ url_for('static', filename='js/home.js') }}"></script>
{% endblock %}