home.html

{% extends "base.html" %} {% block title %}Home{% endblock %} {% block content
%}
<h1 class="text-center">Notes</h1>
<div class="search-container">
  <form action="{{ url_for('views.home') }}" method="get" class="search-form">
    <input
      type="text"
      name="q"
      placeholder="Search notes..."
      value="{{ query or '' }}"
    />
    <button type="submit">Search</button>
    <a href="{{ url_for('views.clear_search') }}">
      <button
        type="button"
        id="clear-search"
        title="Clear search and show all notes"
      >
        Show all notes
      </button>
    </a>
    {% if query %}<span class="search-info"
      >Showing results for "{{ query }}"</span
    >{% endif %}
  </form>
</div>
<br />

{% if notes %}
<ul class="list-group">
  {% for note in notes %}
  <li class="list-group-item">
    {{ note.data }}
    <button type="button" class="close" onClick="deleteNote({{ note.id }})">
      <span aria-hidden="true">&times;</span>
    </button>
  </li>
  {% endfor %}
</ul>
{% else %}
<p>No notes found.</p>
{% endif %}

<br />
<form method="POST">
  <textarea name="note" id="note" class="form-control"></textarea>
  <br />
  <div align="center">
    <button type="submit" class="btn btn-primary">Add Note</button>
  </div>
</form>
{% endblock %}