index.html

{% extends 'main_layout.html' %}


{% block content %}
<section class="content">
    <div class="container">
        <div class="row">
            <div class="col-6">
                <form action="{{url_for('index')}}" method="post">
                    <input type="text" class="form-control" name="title" placeholder="Title">
                    <br>
                    <textarea type="text" class="form-control" name="note" placeholder="Put your note here" rows="5"></textarea>
                    <br>
                    <button class="btn btn-primary">Add Note</button>
                </form>
            </div>
            <div class="col-6">
                {% for title in notes %}
                <div class="card">
                  <div class="card-body">
                    <h5 class="card-title">{{ title }}</h5>
                    <h6 class="card-subtitle mb-2 text-muted">{{ notes[title]["date"] }}</h6>
                    <p class="card-text">{{ notes[title]["note"] }}</p>
                    <hr>
                  </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
</section>
{% endblock %}