<template>
  <div class="sidebar pinned">
    <div class="panel">
      <div class="pin"></div>
      <fieldset class="section">
        <legend>Map Types</legend>
        <div class="scrollup" style="display: block;"></div>
        <ul class="list content worldlist" style="height: 277px;">
          <li class="world subsection">Hub
            <ul class="maplist sublist">
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_flat.png');">Flat</a>
              </li>
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_surface.png');">Surface</a>
              </li>
            </ul>
          </li>
          <li class="world subsection">New EarthÂ®
            <ul class="maplist sublist">
              <li class="map item selected" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
                                                                                 style="background-image: url('images/block_world_flat.png');">Flat</a>
              </li>
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_surface.png');">Surface</a>
              </li>
            </ul>
          </li>
          <li class="world subsection">City
            <ul class="maplist sublist">
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_flat.png');">Flat</a>
              </li>
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_surface.png');">Surface</a>
              </li>
            </ul>
          </li>
          <li class="world subsection">Island
            <ul class="maplist sublist">
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_flat.png');">Flat</a>
              </li>
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_surface.png');">Surface</a>
              </li>
            </ul>
          </li>
          <li class="world subsection">Train
            <ul class="maplist sublist">
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_flat.png');">Flat</a>
              </li>
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_surface.png');">Surface</a>
              </li>
            </ul>
          </li>
          <li class="world subsection">Planets
            <ul class="maplist sublist">
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_flat.png');">Flat</a>
              </li>
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_surface.png');">Surface</a>
              </li>
            </ul>
          </li>
          <li class="world subsection">Single Material - Part 1
            <ul class="maplist sublist">
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_flat.png');">Flat</a>
              </li>
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_surface.png');">Surface</a>
              </li>
            </ul>
          </li>
          <li class="world subsection">Single Material - Part 2
            <ul class="maplist sublist">
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_flat.png');">Flat</a>
              </li>
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_surface.png');">Surface</a>
              </li>
            </ul>
          </li>
          <li class="world subsection">Mall
            <ul class="maplist sublist">
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_flat.png');">Flat</a>
              </li>
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_surface.png');">Surface</a>
              </li>
            </ul>
          </li>
          <li class="world subsection">Chunks
            <ul class="maplist sublist">
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_flat.png');">Flat</a>
              </li>
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_surface.png');">Surface</a>
              </li>
            </ul>
          </li>
          <li class="world subsection">The Netherlands
            <ul class="maplist sublist">
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
                                                                        style="background-image: url('images/block_nether_flat.png');">Flat</a>
              </li>
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
                                                                        style="background-image: url('images/block_nether_surface.png');">Surface</a>
              </li>
            </ul>
          </li>
          <li class="world subsection">1.14 Builds
            <ul class="maplist sublist">
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_flat.png');">Flat</a>
              </li>
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_surface.png');">Surface</a>
              </li>
            </ul>
          </li>
          <li class="world subsection">1.13 Builds
            <ul class="maplist sublist">
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Flat" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_flat.png');">Flat</a>
              </li>
              <li class="map item" style="background: rgb(0, 0, 0);"><a title="Surface" href="#" class="maptype"
                                                                        style="background-image: url('images/block_world_surface.png');">Surface</a>
              </li>
            </ul>
          </li>
        </ul>
        <div class="scrolldown" style="display: block;"></div>
      </fieldset>
      <PlayerList></PlayerList>
      <div class="hitbar"></div>
    </div>
  </div>
</template>

<script>
import PlayerList from "@/components/PlayerList";
export default {
  name: "Sidebar",
  components: {PlayerList}
}
</script>

<style scoped>

</style>