  <div class="form-group">
    <label for="exampleInputPassword1">Title:</label>
    <input type="text" class="form-control" name="title" id="titleInput" placeholder="{{ selectedMenu.title }}">
    <p class="help-block">Required: The navbar title for the menu.</p>
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Icon:</label>
    <input type="text" class="form-control" name="icon" id="iconInput" placeholder="{{ selectedMenu.icon }}">
    <p class="help-block">Optional: Go to <a href="https://fontawesome.com/v5/search?o=r&m=free" target="_blank">https://fontawesome.com/v5/search?o=r&m=free</a> to find matching icons. We only support free icons. Format example: fas fa-hand-spock</p>
  </div>
  {% if False %}
  <div class="form-group">
    <label for="menuPathSelect">Parent:</label>
    <select class="form-control" name="parent_select" id="menuParentSelect">
      <option value="none">None</option>
      {% for menu_item in menu_items %}
        {% if not menu_item.parent and selectedMenu.path != menu_item.path %}
          <option value="{{ menu_item.path }}">{{ menu_item.title }}</option>
        {% endif %}
      {% endfor %}
    </select>
    <p class="help-block">Optional: Select the parent menu here. If you leave it at 'None' it will be the parent. For example: welcome</p>
  </div>
  {% endif %}
  <div class="form-group">
    <label for="menuPathSelect">Groups:</label>
    <select multiple class="form-control" name="group_select" id="menuGroupSelect">
      <option value="none" {% if selectedMenu.groups == "" %}selected{% endif %} >None</option>
      {% for group_item in all_groups %}
        <option value="{{ group_item.name }}" {% if group_item.name in selectedMenu.groups %} selected{% endif %}>{{ group_item.name }}</option>
      {% endfor %}
    </select>
    <p class="help-block">Optional: Select the groups who are able to access this menu. You can select multiple.</p>
  </div>
  <div class="form-group">
    <label for="menuPathSelect">States:</label>
    <select multiple class="form-control" name="state_select" id="menuGroupSelect">
      <option value="none" {% if selectedMenu.states == "" %}selected{% endif %} >None</option>
      {% for state_item in all_states %}
        <option value="{{ state_item.name }}" {% if state_item.name in selectedMenu.states %} selected{% endif %}>{{ state_item.name }}</option>
      {% endfor %}
    </select>
    <p class="help-block">Optional: Select the groups who are able to access this menu. You can select multiple.</p>
  </div>
  <button type="submit" name="confirm_edit" value="0" class="btn btn-default">Cancel</button>
  <div class="pull-right">
    <button type="submit" name="confirm_edit" value="1" class="btn btn-success">Save</button>
</div>