{% extends '::base.html.twig' %}


{% set menuitem = 4 %}
{% block title %} Overview {% endblock title %}



{% block header%}
	
	<div class="col-md-8">
		<div class="center">
			<h1>Overview</h1>
		</div>
	</div>
	<div class="col-md-4">
		<div class="pull-right">
			<h3>{{"now" | date('d M, Y')}}</h3>
		</div>
	</div>
{% endblock header%}


{% block body %}


    <div class="panel panel-default">
        <div class="panel-heading">

            <div class="progress">          
                <abbr title="{{globalWorkedHours}} Worked Hours">
                  <div class="progress-bar progress-bar-success" style="width: {{globalWorkedHours*100/globalReviewedHours}}%">
                    <div style="font-size:12px">
                        {{globalWorkedHours}}h
                    </div>
                  </div>
                </abbr>
                
                <abbr title="{{globalReviewedHours-globalWorkedHours}} Left Hours">
                  <div class="progress-bar progress-bar-danger" style="width: {{100-globalWorkedHours*100/globalReviewedHours}}%">
                    <div style="font-size:12px">
                        {{globalReviewedHours-globalWorkedHours}}h
                    </div>
                  </div>
                </abbr>
            </div>

        </div>
        <div class="panel-body">
                    {{render(controller( 'GraphsBundle:Default:globalHoursRegisterGraph'))}}
        </div>
    </div>

{% endblock body %}