{% extends 'ProjectManagerBundle::layout.html.twig' %}
{% block title %}PM / Overview {% endblock %}

{% set active = 1 %}
{% block section %}
<a href="{{path('project_manager_overview')}}">Gantt chart</a>
{% endblock %}

{% block stylesheets %}
  {{parent()}}
  
  <link href="{{ asset('css/gantt/css/gantti.css') }}" rel="stylesheet" type="text/css" />
{% endblock %}

{% block body %}
{{parent()}}
<h5><small>PM</small> Projects Overview (Gantt)</h5>
<hr>
<div class="legend pull-right">
  <p style="display:inline"><canvas height="7px" width="7px" id="micanvas" style="background:#F4E287;border:1px solid black;">
  Canvas not supported in your Browser</canvas> <small> Project Status Created   /</small></p>
  <p style="display:inline;"><canvas height="7px" width="7px" id="micanvas" style="background:#75AADB;border:1px solid black;">
  Canvas not supported in your Browser</canvas><small> Project Status Execution   /</small></p>
  <canvas height="7px" width="7px" id="micanvas" style="background:#F43F4F;border:1px solid black;">
  Canvas not supported in your Browser</canvas><small> Project Status Cancelled   /</small>
  <canvas height="7px" width="7px" id="micanvas" style="background:#54BC00; border:1px solid black;">
  Canvas not supported in your Browser</canvas> <small> Project Status Finished</small>
</div>

<br>
{{gantti|raw}}
<hr>


<script>
	var canvas = document.getElementById("micanvas");
	var ctx = canvas.getContext("2d");
</script>

{% endblock %}

{% block breadcrumb %}
<li><a href="{{ path ('project_manager_homepage') }}">PM: Project Manager</a> <span class="divider">/</span></li>
<li class="active">PM: Overview</li>
{% endblock %}