{% extends "bootstrap/base.html" %}

{% block title %}
Dashboard
{% endblock %}

{% block head %}
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/static/css/dashboard.css">
{% endblock %}

{% block body %}
<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="dropdown">
    <button class="dropbtn">HKFC D 
      <i class="fa fa-caret-down"></i>
    </button>
    <div class="dropdown-content">
      <a href="/hkfc-d/matchSquad">HKFC D Match Day Squad Selection</a>
      <a href="/hkfc-d/matchSquadList">HKFC D Match Day Squad List</a>
      <a href="/hkfc-d/matchSquadReset">HKFC D Match Day Squad Reset</a>
      <a href="/hkfc-d/motm">MotM and DotD Vote</a>
      <a href="/hkfc-d/motmAdmin">MotM and DotD Vote Admin</a>
      <a href="/hkfc-d/voting">MotM and DotD Vote Results</a>
      <a href="/hkfc-d/comments">HKFC D Match Comments</a>
      <a href="/hkfc-d/statAdmin">HKFC Match Stats Admin</a>
      <a href="/hkfc-d/fixtureList">Fixture List</a>
    </div>
  </div> 
  <div class="dropdown">
    <button class="dropbtn">Convenor Area 
      <i class="fa fa-caret-down"></i>
    </button>
    <div class="dropdown-content">
      <a href="/convenor/clubList">List Clubs and Teams in Club Database</a>
      <a href="/convenor/clubAdd">Add Club to Club Database</a>
      <a href="/convenor/teamAdd">Add Team to HKFC Database</a>
      <a href="/convenor/playerDbCreate">Create Club Player Database</a>
      <a href="/convenor/playerAdd">Add Player to Club Database</a>
      <a href="/convenor/squadList">Submitted Squad List</a>
      <a href="/convenor/fixtureList">Fixture List</a>
      <a href="/convenor/other">Other Stuff to be added</a>
    </div>
  </div> 
  <div class="dropdown">
    <button class="dropbtn">About
      <i class="fa fa-caret-down"></i>
    </button>
    <div class="dropdown-content">
      <a href="/about">About</a>
    </div>
  </div>
</div>
<h3>Dropdown Menu inside a Navigation Bar</h3>
<p>Hover over the "Dropdown" link to see the dropdown menu.</p>
{% endblock %}