{% macro room_search(search) %}
<div class="bg-white rounded-lg shadow-sm p-4 mb-4">
    <form method="GET" class="d-flex align-items-center w-100 justify-content-between" id="roomFilterForm" style="gap: 1rem;">
        <input type="text" name="search" placeholder="Search rooms..." value="{{ search }}" class="form-control flex-grow-1" id="roomSearchInput" autocomplete="off" style="min-width: 0;" />
        <button type="button" id="clearRoomsFilter" class="px-4 py-2 rounded-lg text-white font-medium transition-colors duration-200 ms-2 flex-shrink-0"
            style="background-color: #16767b; border: 1px solid #16767b;"
            onmouseover="this.style.backgroundColor='#1a8a90'"
            onmouseout="this.style.backgroundColor='#16767b'">
            Clear
        </button>
    </form>
</div>
{% endmacro %}