{% extends '@commons/default.html.twig' %}

{% block content %}
    {% include '@commons/basics/drop_down.html.twig' %}
    <div class="content_container">
        <div class="demo-charts mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--4-col-desktop mdl-grid">
            <div class="mdl-card__title mdl-card--expand">
                <h2 class="mdl-card__title-text">Statistiken</h2>
            </div>
            <div class="mdl-card__supporting-text mdl-color-text--grey-600">
                <div class="card__container">
                    <h5>Fertigstellungsgrad</h5>
                    <p><b>Fertigstellungsgrad:</b> {{ stats.completion }} %</p>
                </div>
                <div class="card__container">
                    <h5>Halbfertige Arbeiten</h5>
                    <p><b>Abrechungsstand 1 (BWA):</b> {{ stats.bwa }} €<br/>
                        <b>Halbfertige Arbeiten:</b> {{ stats.half_finished }} €
                    </p>
                </div>
                <div class="card__container">
                    <h5>Abrechnungspotenzial</h5>
                    <p><b>Abrechnungsstand 2 (alle):</b> {{ stats.all }} €<br/>
                        <b>Abrechnungspotenzial:</b> {{ stats.potential }} €
                    </p>
                </div>
                <div class="card__container">
                    <h5>Gewinn / Verlust</h5>
                    <p>
                        <b>je Stunde (Jahresplanung):</b> {{ stats.win_per_hour_ba }} €<br/>
                        <b>Gesamt (Jahresplanung:)</b> {{ stats.win_overall_ba }} €<br/>
                        <b>je Stunde (Preiskalkulation):</b> {{ stats.win_per_hour_strat }} €<br/>
                        <b>Gesamt (Preiskalkulation):</b> {{ stats.win_overall_strat }} €
                    </p>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block scripts_post_loaded %}
    <script src="{{ asset('/assets/js/drop_down_projects.js') }}"></script>
{% endblock %}