<?xml version="1.0" encoding="utf-8"?>
<templates xml:space="preserve">

    <t t-name="spreadsheet.PublicReadonlySpreadsheet">
        <div t-if="showFilterButton"
            t-on-click="toggleGlobalFilters"
            class="o-public-spreadsheet-filter-button position-absolute bg-white fw-bold my-0 mx-3 p-2 fs-6 rounded">
            <t t-call="o-spreadsheet-Icon.GLOBAL_FILTERS"/>
            <span class="ps-1">Show Filters</span>
        </div>
        <div class="o-public-spreadsheet-filters d-flex flex-column flex-nowrap overflow-y-scroll p-3" t-if="state.isFilterShown">
            <div class="o-public-spreadsheet-filters-title d-flex justify-content-between align-items-center">
                <h3 class="m-0">Filters</h3>
                <div class="o-public-spreadsheet-filters-close-button text-center bg-white" t-on-click="toggleGlobalFilters">x</div>
            </div>
            <div class="o-public-spreadsheet-filter" t-foreach="globalFilters" t-as="filter"
 t-key="filter.id">
                <div class="o-public-spreadsheet-filter-label fw-bolder"><t t-out="filter.label"/></div>
                <div><t t-out="filter.value"/></div>
            </div>
        </div>
        <Spreadsheet model="model"/>
    </t>

</templates>
