{% extends "base.html.twig" %}

{% block localstyle %}
    td {
        padding:5px !important;
    }
    {% if fgprint is defined and fgprint %}
        table { font-size:10px;}
        th,td {
            border: 1px solid #37474F;
        }
        thead {
	        display: table-header-group;
        }
        tr { page-break-inside: avoid; }
    {%endif%}

{% endblock %}

{% block body %}
    <h1 class="page-header">
    PROJETS
    </h1>

    <a class="btn btn-success" href={{ path('app_project_submit') }}>Ajouter</a>

    <div class="custom-control custom-switch float-right">
    <input type="checkbox" class="custom-control-input" id="switchactive" {% if app.session.get('activeproject') %} checked {% endif %}>
    <label class="custom-control-label" for="switchactive">Projet Actif</label>
    </div>

    <p></p>

    {%for service in services %}
        {% if not service.projects is empty %}
            {% set haveproject=false %}

            {% for project in service.projects %}
                {% if app.session.get('activeproject')==project.active and (app.session.get('idproject')=="all" or app.session.get('idproject')==project.id) %}
                    {% set haveproject=true %}
                {% endif %}
            {% endfor %}

            {% if haveproject %}
                <div class="card">
                    <div class="card-header">
                        <i class="fa fa-table fa-fw"></i> {{ service.name }}
                    </div>

                    <div class="card-body">
                        <div class="dataTable_wrapper">
                            <table class="table table-striped table-bordered table-hover small" id="dataTables" style="width:100%">
                                <thead>
                                <tr>
                                    <th width="70px" class="no-sort no-print">Action</th>
                                    <th width="300px">Client</th>
                                    <th>Nom</th>
                                    <th width="100px" class="text-center no-string">Estimé</th>
                                    <th width="100px" class="text-center no-string">Commandé</th>
                                    <th width="100px" class="text-center no-string">Validé</th>
                                    <th width="100px" class="text-center no-string">Solde Validé</th>
                                    <th width="100px" class="text-center no-string">Plannifié</th>
                                    <th width="100px" class="text-center no-string">Solde</th>
                                </tr>
                                </thead>
                                <tbody>
                                    {% for project in service.projects %}
                                        {% if app.session.get('activeproject')==project.active and (app.session.get('idproject')=="all" or app.session.get('idproject')==project.id) %}
                                            <tr>
                                                <td class="no-print">
                                                    <a href="{{path("app_project_update",{id:project.id})}}"><i class="fa fa-file"></i></a>
                                                    <a href="{{path("app_project_users",{id:project.id})}}" 
                                                        data-toggle="tooltip" 
                                                        data-placement="right" 
                                                        data-html="true"
                                                        title="{% for user in project.userprojects %}<b>{{user.user.username}}:</b> {{user.job.name}} <br />{% endfor %}"
                                                    ><i class="fa fa-users"></i></a>

                                                </td>
                                                <td>{{project.customer.name}}</td>
                                                <td>{{project.name}}</td>
                                                <td class="text-right">
                                                    {% set tottask=0 %}
                                                    {% set totvalidate=0 %}
                                                    {% set totplanified=0 %}
                                                    {% set totoffer=0 %}

                                                    {% for offer in project.offers %}
                                                        {% set totoffer=(totoffer+offer.quantity) %}
                                                        {% set totvalidate=totvalidate+offer.validate %}
                                                        {% set totplanified=totplanified+offer.validate %}
                                                    {% endfor %}

                                                    {% for task in project.tasks %}
                                                        {% set tottask=tottask+task.quantity %}
                                                        
                                                        
                                                        {% set totplanified=totplanified+task.validate %}
                                                        {% for event in task.events %}
                                                            {% set totplanified=totplanified+event.duration %}
                                                            {% if event.validate %}
                                                                {% set totvalidate=totvalidate+event.duration %}
                                                            {% endif %}
                                                        {% endfor %}

                                                        {% for penalty in task.penaltys %}
                                                            {% set totplanified=totplanified+penalty.duration %}
                                                            {% if penalty.validate %}
                                                                {% set totvalidate=totvalidate+penalty.duration %}
                                                            {% endif %}
                                                        {% endfor %}
                                                    {% endfor %}

                                                    {{ tottask|number_format(2, '.', ' ') }}
                                                </td>
                                                <td class="text-right">
                                                    {{ totoffer|number_format(2, '.', ' ') }}
                                                </td>
                                                <td class="text-right">{{ (totvalidate*-1)|number_format(2, '.', ' ') }}</td>
                                                <td class="text-right">{{ (totoffer-totvalidate)|number_format(2, '.', ' ') }}</td>
                                                <td class="text-right">{{ ((totplanified-totvalidate)*-1)|number_format(2, '.', ' ') }}</td>
                                                <td class="text-right">{{ (totoffer-totplanified)|number_format(2, '.', ' ') }}</td>
                                            </tr>
                                        {%endif%}
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <br>
            {% endif %}
        {% endif %}
    {% endfor %}
{% endblock %}

{% block localjavascript %}
    $(function () {
    $('[data-toggle="tooltip"]').tooltip()
    })
    $(document).ready(function() {
        {% if not fgprint is defined or not fgprint %}
            $('.table').DataTable({
                columnDefs: [ { "targets": "no-sort", "orderable": false }, { "targets": "no-string", "type" : "num" } ],
                responsive: true,
                iDisplayLength: 100,
                order: [[ 1, "asc" ]]
            });
        {%else%}
            $('#dataTables').removeClass("table table-striped table-bordered table-hover small dataTable no-footer");        
        {% endif %}
    });

    $('#switchactive').change(function() {
        window.location="{{ path('app_project_activeproject' )}}";
    });

    function myprint() {
        href=document.location.href;
        document.location.href=href+"?fgprint=true";
    }    

{% endblock %}