<div>
  <app-navbar (search_change)="handlePatternSearch($event)"></app-navbar>
  <div class="d-flex">
    <div>
      <app-map [search]="search"></app-map>
      <article>
        <section
          class="
            discover__header-sites
            d-flex
            flex-row
            justify-content-lg-between
          "
        >
          <div class="d-flex flex-row">
            <button class="button-only-icon mr-0">
              <fa-icon [icon]="icon_border_all"></fa-icon>
            </button>
            <button class="button-only-icon ml-0">
              <fa-icon [icon]="icon_border_all"></fa-icon>
            </button>
          </div>
          <p class="text-center m-0">Todos los sitios</p>
          <div class="d-flex flex-row">
            <span>Ordenar: </span>
            <app-dropdown-categories [name]="'Tiendas'"></app-dropdown-categories>
          </div>
        </section>
        <section>
          <app-sites></app-sites>
        </section>
      </article>
      <app-footer></app-footer>
    </div>
    <div class="discover__filters">
      <app-filters></app-filters>
    </div>
  </div>
</div>