{% extends 'showElements_base.html.twig' %}

{% block title %}{{ 'Partners'|trans  }}{% endblock %}

{% block body_content %}

<div class="container-fluid uniqueprintbutton">
    <div class="selection_plan">
        <div class="row">
            <div class="col-md-12">
                {% if active_plans is not empty and active_plans|length > 1 %}
                <select id="plan_selection" class="mdb-select md-form"}}">
                    {% for active_plan in active_plans %}
                    <option value="{{active_plan.rowid}}" {% if plan_default.rowid == active_plan.rowid %}selected="selected"{%endif%} >{{active_plan.title}}</option>
                    {% endfor %}
                </select>
                <label class="mdb-main-label">{{ 'choose_partner.choose_plans'|trans }}</label>
                {% elseif plan_default %}
                {{plan_default.title}}
                {% endif %}
            </div>
        </div>
    </div>
    <table id="table_company_entities" class="display datatable clickable" style="width:100%" data-datatable-ajax="{{ datatable_ajax }}">
        <thead>
            <tr>
                <th></th>
                <th>{{ 'choose_partner.name'|trans }}</th>
                <th>{{ 'choose_partner.belongs_to'|trans }}</th>
                <th>{{ 'choose_partner.territory'|trans }}</th>
                <th>{{ 'choose_partner.partner_contracts'|trans }}</th>
                <th>{{ 'choose_partner.people'|trans }}</th>
                <th></th>
                {% if perspective == 'edition' %}
                <th></th>
                {% endif %}
            </tr> 
        </thead> 
        <tbody>
            {% for partner in partners %}
                {% set style_extra = '' %}
                {% set route = path(partner.route, {partner_rowid:partner.getRowid(), plan_rowid:plan_default.rowid}) %}
                {% if perspective == 'execution' and partner.plan_validation_status < 4 %}
                    {% set route = '#!' %}
                    {% set style_extra = 'cursor: not-allowed;' %}
                {% endif %}
                <tr data-element="{{ partner.getRowid()}}" data-path="{{ route }}" style="{{style_extra}}">
                    <td>{{ partner.getRowid() }}</td>
                    <td>{{ partner.getName() }}</td>
                    <td>{{ (partner.getFkCompanyEntity())?partner.getFkCompanyEntity().getName():"" }}</td>
                    <td>{{ (partner.getFkTerritory())?partner.getFkTerritory().getName():"" }}</td>
                    <td>{{ partner.getPartnerContractsListColor()|raw }}</td>
                    <td>{{ partner.getContactsList() }}</td>
                    <td>
                        {% if perspective == 'edition' %}
                        {% set percentage = (partner.total > 0)?partner.selected / partner.total * 100:0 %}
                        {% set progress_bar_color = partner.plan_validation_status > 2?'success':'info' %}
                        <div class="progress">
                          <div class="progress-bar progress-bar-{{progress_bar_color}}" role="progressbar" aria-valuenow="{{percentage|round}}"
                          aria-valuemin="0" aria-valuemax="100" style="width:{{percentage|round}}%">
                            {{percentage|round}}%
                          </div>
                        </div>
                        
                        {% elseif perspective == 'execution' %}
                        {% if partner.plan_validation_status < 4 %}
                        {{'partners.plan_not_validated'|trans}}
                        {% else %}
                        {% set done_percentage = (partner.total > 0) ? partner.done / partner.total * 100:0 %}
                        {% set pending_percentage = (partner.total > 0) ? partner.pending / partner.total * 100:0 %}
                        {% set expired_percentage = (partner.total > 0) ? partner.expired / partner.total * 100:0 %}
                            <div class="progress">
                              <div class="progress-bar progress-bar-success" role="progressbar" style="width:{{done_percentage}}%" data-toggle="tooltip" title="{{done_percentage|round(1)}}% finished actions">
                                  <div class="text-nowrap fs-h text-shadow-sm overflow-hidden{{ done_percentage < 15 ? " d-none" : "" }}">{{done_percentage|round(1)}}%</div>
                              </div>
                              <div class="progress-bar progress-bar-warning" role="progressbar" style="width:{{pending_percentage}}%" data-toggle="tooltip" title="{{pending_percentage|round(1)}}% feasible actions">
                                  <div class="text-nowrap fs-h text-shadow-sm overflow-hidden{{ pending_percentage < 15 ? " d-none" : "" }}">{{pending_percentage|round(1)}}%</div>
                              </div>
                              <div class="progress-bar progress-bar-danger" role="progressbar" style="width:{{expired_percentage}}%" data-toggle="tooltip" title="{{expired_percentage|round(1)}}% expired actions">
                                  <div class="text-nowrap fs-h text-shadow-sm overflow-hidden{{ expired_percentage < 15 ? " d-none" : "" }}">{{expired_percentage|round(1)}}%</div>
                              </div>
                            </div>
                        {% endif %}
                        {% endif %}
                    </td>
                    {% if perspective == 'edition' %}
                    <td>
                        {% if partner.plan_validation_status == 2 %}
                            <a class="btn-floating btn-sm btn-secondary"  href="{{ path("approve_plan", {plan_rowid: plan_default.rowid, company_entity_rowid: partner.rowid}) }}"><i class="fa fa-check" aria-hidden="true"></i></a>
                        {% endif %}
                    </td>
                    {% endif %}
                </tr>
            {% endfor %}
        </tbody>
    </table>
</div>

{% endblock %}

{% block javascripts %}
{{ parent() }}

<script src="{{ asset('js/partner/actionsListChoosePartnerList.js') }}"></script>

{% endblock %}