{% extends "base.html" %}
{% block title %}Memories{% endblock %}
{% block content %}

<div class="mem-header">
  <h1>Memories</h1>
  <div class="mem-filters">
    <input id="search-input" type="text" placeholder="Search memories…" autocomplete="off"
           oninput="debounceSearch(this.value)" />
    <button id="clear-btn" style="display:none" onclick="clearSearch()" class="btn-clear">✕ Clear</button>
  </div>
</div>

<div id="mem-count" class="mem-count"></div>
<div id="mem-container"></div>

{% endblock %}