{% if not opportunites|length %}

    <div class="alert alert-info" role="alert">
        <i class="icon fa fa-info-circle mr-1"></i> {% trans %}Aucune opportunité trouvée{% endtrans %}
    </div>

{% else %}

    <div class="table-responsive m-t-80">
        <table class="display nowrap table table-hover table-bordered" cellspacing="0" width="100%" style="font-size:13.5px;">
            <thead style="background:#e0eeea57;">
                <tr>
                    <th>{% trans %}Titre d'opportunité{% endtrans %}</th>
                    <th style="text-align:center;">{% trans %}Client{% endtrans %}</th>
                    <th style="text-align:center;">{% trans %}Projet{% endtrans %}</th>
                    <th style="text-align:center;">{% trans %}Type{% endtrans %}</th>
                    <th style="text-align:center;">{% trans %}Date de soumission{% endtrans %}</th>
                    <th style="text-align:center;">{% trans %}Statut{% endtrans %}</th>
                    <th style="text-align:center;">{% trans %}Actions{% endtrans %}</th>
                </tr>
            </thead>

            <tbody style="line-height:40px;">
                {% for opportunity in opportunites %}
                    <tr class="rowDetail" id="row_{{ opportunity.id }}" data-id="{{ opportunity.id }}" {% if opportunity.id == selected_opportunity %} style="Background-color:#dcdfdc;" {% endif %}>
                        <td style="max-width:800px; text-align: justify;">{{ opportunity.title }}</td>
                        <td style="text-align:center;">{{ opportunity.client.abreviation }} - {{ opportunity.client.paysName }}</td>    
                        <td style="text-align:center;">
                            {% if opportunity.projet|length %}
                                {% for projet in opportunity.projet %}
                                    <span class="badge badge-blue"> {{ projet.intitule }} </span>
                                {% endfor %}  
                            {% else %}
                                <span class="badge badge-warning"> Non défini </span>
                            {% endif %}
                        </td>
                        <td style="text-align:center;">{{ opportunity.typeValue }} {% if opportunity.type == 'T02' and opportunity.typeSoumission %}- {{ opportunity.typeSoumissionAbreviation }}{% endif %}</td> 
                        <td style="text-align:center;">
                            {% if opportunity.type == 'T02' and opportunity.dateSoumission %}
                                {{ opportunity.dateSoumission|date('Y-m-d') }}
                            {% else %}
                                ***    
                            {% endif %}
                        </td> 
                        
                        <td style="text-align:center; min-width:140px;"><span class="btn btn-sm" style="background-color: {{ opportunity.statutColor }};color:#fff;min-width: 80px;">{{ opportunity.statutValue }}</span></td>    
                        <td style="text-align:center; min-width:110px; width:110px;">
                   
                            <a class="btn btn-sm alarme_relance_{{ opportunity.id }} d-none" id="relances_opportunity" data-id="{{ opportunity.id }}" data-title="{{ opportunity.title }}" data-toggle="modal" data-target="#modal_relances_opportunity" style="cursor:pointer;" title="Relances">
                                <i class="fa fa-bell clignote_action" style="color:#e57112;"></i>
                            </a>

                            {% if app.user and is_granted('ROLE_TRAITER_OPPORTUNITY_CRM') and opportunity.id in is_next_level and app.request.get('nature') == 'mine' %}
                                <a class="btn btn-sm" id="next_level_opportunity" data-id="{{ opportunity.id }}" data-title="{{ opportunity.title }}" data-is-qualification="{% if opportunity.id in is_qualification %}true{% else %}false{% endif %}" data-qualification="{{ opportunity.qualification }}" data-toggle="modal" data-target="#modal_next_level" style="cursor:pointer;" title="Passer vers le niveau suivant">
                                    <i class="fa fa-level-down clignote_action" style="color:#e57112;"></i>
                                </a>
                            {% elseif app.user and is_granted('ROLE_TRAITER_OPPORTUNITY_CRM') and opportunity.id in is_finish and app.request.get('nature') == 'mine'  %}
                                <a class="btn btn-sm" id="finish_opportunity" data-id="{{ opportunity.id }}" data-responsable="{{ opportunity.responsableCommerciale.fullName }}" data-title="{{ opportunity.title }}" data-type="{{ opportunity.type }}" data-abreviation="{{ opportunity.client.abreviation }}" data-montant-offre="{{ opportunity.montantOffre }}" data-montant-contractualise="{{ opportunity.montantContractualise }}" 
                                    data-type-soumission="{{ opportunity.typeSoumission }}" data-toggle="modal" data-target="#modal_finish_opportunity" style="cursor:pointer;" title="Clôture l'opportunité">
                                    <i class="fa fa-power-off clignote_action" style="color:#e57112;"></i> 
                                </a> 
                            {% endif %}
                            
                            <button type="button" class="btn btn-light dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <i class="fa fa-ellipsis-v"></i>
                            </button>

                            {% include('CRM/OpportunityCRM/tabs/tab_action.html.twig') %}

                        </td>         
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

{% endif %}