<template>
  <div class="page" data-name="search">
    <!-- Top Navbar -->
    <div class="navbar">
      <div class="navbar-bg"></div>
      <div class="navbar-inner">
        <div class="left">
          <a class="link back">
            <i class="icon icon-back"></i>
          </a>
        </div>
        <div class="middle">
          <div class="header-logo"><img src="assets/img/logo-dark.png" /></div>
        </div>
        <div class="right">
         
          <a href="#" class="link icon-only">
            <i class="icon f7-icons">bell</i>
          </a>
        </div>
      </div>
    </div>

    <!-- Page content-->
    <div class="page-content infinite-scroll-content">
      <div class="discovery-wrap">
        <div class="searchbar">
          <div class="searchbar-inner">
            <div class="searchbar-input-wrap">
              <input type="search" placeholder="Search" class="discover-search" id="discover-search" />
              <i class="searchbar-icon"></i>
              <!-- <span class="input-clear-button"></span> -->
            </div>
            <span class="searchbar-disable-button if-not-aurora">Cancel</span>
          </div>
        </div>

        <div class="tabbar-nav pt-1">
          <ul>
            <li><a href="#top-results" class="tab-link tab-link-active" data-type="all">Top</a></li>
            <li><a href="#events-results" class="tab-link" data-type="events">Events</a></li>
            <li><a href="#venues-results" class="tab-link" data-type="venues">Venues</a></li>
            <li><a href="#users_vehicles-results" class="tab-link" data-type="users">Users & Vehicles</a></li>
          </ul>
        </div>

        <div class="tabs">
          <!-- Tab - Top Results -->
          <div class="tab tab-active" id="top-results">
            <div class="list list-outline-ios list-strong-ios list-dividers-ios mt-2">

            </div>
          </div>

          <!-- Tab - Events -->
          <div class="tab" id="events-results">
            <div class="list list-outline-ios list-strong-ios list-dividers-ios mt-2">
              <ul>
              </ul>
            </div>
          </div>


          <!-- Tab - Venues -->
          <div class="tab" id="venues-results">
            <div class="list list-outline-ios list-strong-ios list-dividers-ios mt-2">
              <ul>
              </ul>
            </div>
          </div>

          <!-- Tab - Users / Vehicles -->
          <div class="tab" id="users_vehicles-results">
            <div class="list list-outline-ios list-strong-ios list-dividers-ios mt-2">
              <ul>
              </ul>
            </div>
          </div>

        </div>
      </div>
    </div>
    <!-- Page content-->
  </div>
</template>

Array
(
    [div] => Array
        (
            [class] => Array
                (
                    [0] => page
                    [1] => navbar
                    [2] => navbar-bg
                    [3] => navbar-inner
                    [4] => left
                    [5] => middle
                    [6] => header-logo
                    [7] => right
                    [8] => page-content infinite-scroll-content
                    [9] => discovery-wrap
                    [10] => searchbar
                    [11] => searchbar-inner
                    [12] => searchbar-input-wrap
                    [13] => tabbar-nav pt-1
                    [14] => tabs
                    [15] => tab tab-active
                    [16] => list list-outline-ios list-strong-ios list-dividers-ios mt-2
                    [17] => tab
                    [18] => list list-outline-ios list-strong-ios list-dividers-ios mt-2
                    [19] => tab
                    [20] => list list-outline-ios list-strong-ios list-dividers-ios mt-2
                    [21] => tab
                    [22] => list list-outline-ios list-strong-ios list-dividers-ios mt-2
                )

            [data-name] => Array
                (
                    [0] => search
                )

            [id] => Array
                (
                    [0] => top-results
                    [1] => events-results
                    [2] => venues-results
                    [3] => users_vehicles-results
                )

        )

    [a] => Array
        (
            [class] => Array
                (
                    [0] => link back
                    [1] => link icon-only
                    [2] => tab-link tab-link-active
                    [3] => tab-link
                    [4] => tab-link
                    [5] => tab-link
                )

            [href] => Array
                (
                    [0] => #
                    [1] => #top-results
                    [2] => #events-results
                    [3] => #venues-results
                    [4] => #users_vehicles-results
                )

            [data-type] => Array
                (
                    [0] => all
                    [1] => events
                    [2] => venues
                    [3] => users
                )

        )

    [input] => Array
        (
            [type] => Array
                (
                    [0] => search
                )

            [placeholder] => Array
                (
                    [0] => Search
                )

            [class] => Array
                (
                    [0] => discover-search
                )

            [id] => Array
                (
                    [0] => discover-search
                )

        )

)