{% extends "base.html" %}
{% set currentPage = "dashboard" %}

{% block title %} URCPP Project Basics {% endblock %}

{% block body %}
<h1>URCPP @ Berea College</h1>
<br/>
<div class="jumbotron">
  <h1>Hello, {{ldap.firstname}} {{ldap.lastname}}!</h1>
  <p></p>
  <a href="{% if proj %} {{ cfg['projectStatusAction'][proj.status]['url']}}{% else %}{{cfg['projectStatusAction']['Start']['url']}}{% endif %}">
    <button class="btn btn-default">
    <span>{% if proj %} {{ cfg['projectStatusAction'][proj.status]['msg']}}{% else %}{{cfg['projectStatusAction']['Start']['msg']}}{% endif %}</span>
    <span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
    </button>
  </a>
  <a href="/upload/vitae?source=home">
    <button class="btn btn-default">
    <span>Upload a CV</span>
    <span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
    </button>
  </a>
</div>
<div class="panel panel-default">
  <div class="panel-body">
    <div class="project-progress-bar"
      data-status="{% if proj %}{{proj.status}}{% else %}start{% endif %}">
      <div class="bar">
        <div style="width: 33%;" id="bar_fill" class="bar__fill"></div>
      </div>
      <div class="point" id="start">
        <div class="bullet"></div>
        <label class="bar-label">Start</label>
      </div>
      <div class="point" id="incomplete">
        <div class="bullet"></div>
        <label class="bar-label">Incomplete</label>
      </div>
      <div class="point" id="pending">
        <div class="bullet"></div>
        <label class="bar-label">Pending</label>
      </div>
      <div class="point" id="accept">
        <div class="bullet"></div>
        <label class="bar-label">Decision Reached</label>
      </div>
    </div>
  </div>
</div>

<footer class="footer">
    <span> <p>Issues? Contact <a href="mailto:heggens@berea.edu">Scott Heggen</a> </span>
</footer>
    
{% endblock %}