<template>
  <div class="page page-more page-with-subnavbar" data-name="more">
    <div class="toolbar tabbar tabbar-labels toolbar-bottom elevation-6 bg-white">
      <div class="toolbar-inner">
        <a href="/home/" data-transition="f7-cover-v" class="link">
          <i class="icon material-symbols-outlined">home</i>
          <span class="tabbar-label">Home</span>
        </a>
        <a href="/action/" data-transition="f7-cover-v" class="link">
          <i class="icon material-symbols-outlined">folder</i>
          <span class="tabbar-label">Action</span>
        </a>
        <a href="/account/" data-transition="f7-cover-v" class="link">
          <i class="icon material-symbols-outlined">person</i>
          <span class="tabbar-label">Account</span>
        </a>
        <a href="/more/" data-transition="f7-cover-v" class="link tab-link-active">
          <i class="icon material-icons">more_horiz</i>
          <span class="tabbar-label">More</span>
        </a>
      </div>
    </div>
    <div class="navbar navbar-transparent">
      <div class="navbar-bg">
      </div>
      <div class="navbar-inner sliding">
        <div class="title">
          <h4>More Info</h4>
        </div>
      </div>
    </div>
    <div class="page-content">
      <div class="list">
        <ul>
          <li>
            <a href="/company/" data-transition="f7-dive" class="item-link item-content">
              <div class="item-media">
                <i class="icon material-symbols-outlined">meeting_room</i>
              </div>
              <div class="item-inner">
                <div class="item-title">Company</div>
              </div>
            </a>
          </li>
          <li>
            <a href="/inventory/" data-transition="f7-dive" class="item-link item-content">
              <div class="item-media">
                <i class="icon material-symbols-outlined">factory</i>
              </div>
              <div class="item-inner">
                <div class="item-title">Inventory</div>
              </div>
            </a>
          </li>
          <li>
            <a href="/journal/" data-transition="f7-dive" class="item-link item-content">
              <div class="item-media">
                <i class="icon material-symbols-outlined">leaderboard</i>
              </div>
              <div class="item-inner">
                <div class="item-title">Journal</div>
              </div>
            </a>
          </li>
          <li>
            <a href="/person/" data-transition="f7-dive" class="item-link item-content">
              <div class="item-media">
                <i class="icon material-symbols-outlined">person</i>
              </div>
              <div class="item-inner">
                <div class="item-title">Person</div>
              </div>
            </a>
          </li>
          <li>
            <a href="/product/" data-transition="f7-dive" class="item-link item-content">
              <div class="item-media">
                <i class="icon material-symbols-outlined">category</i>
              </div>
              <div class="item-inner">
                <div class="item-title">Product</div>
              </div>
            </a>
          </li>
          <li>
            <a href="/transaction/" data-transition="f7-dive" class="item-link item-content">
              <div class="item-media">
                <i class="icon material-symbols-outlined">sync_alt</i>
              </div>
              <div class="item-inner">
                <div class="item-title">Transaction</div>
              </div>
            </a>
          </li>
          <li>
            <a href="/sales/" data-transition="f7-dive" class="item-link item-content">
              <div class="item-media">
                <i class="icon material-symbols-outlined">shopping_cart</i>
              </div>
              <div class="item-inner">
                <div class="item-title">Sales</div>
              </div>
            </a>
          </li>
          <li>
            <a href="/about_us/" data-transition="f7-dive" class="item-link item-content">
              <div class="item-media">
                <i class="icon material-symbols-outlined">info</i>
              </div>
              <div class="item-inner">
                <div class="item-title">About Us</div>
              </div>
            </a>
          </li>
          <li>
            <a href="/faq/" data-transition="f7-dive" class="item-link item-content">
              <div class="item-media">
                <i class="icon material-symbols-outlined">help</i>
              </div>
              <div class="item-inner">
                <div class="item-title">FAQ</div>
              </div>
            </a>
          </li>
          <li>
            <a href="/terms/" data-transition="f7-dive" class="item-link item-content">
              <div class="item-media">
                <i class="icon material-symbols-outlined">assignment_turned_in</i>
              </div>
              <div class="item-inner">
                <div class="item-title">Term & Condition</div>
              </div>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>