{% extends 'Default/base.html.twig' %}

{% block title %}  {{"Company.T25" | trans}} {% endblock %}
{% block breadcrumb1 %} {{"Company.T26" | trans}}{% endblock %}
{% block breadcrumb2 %} {{"Company.T27" | trans}} {% endblock %}

{% block content %}
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-12 space20">
                    <a class="btn btn-primary {% if app.request.locale == 'ar' %} pull-right {% else %} pull-left {% endif %}" href="{{ path('company_interne_new') }}">
                        {{"Company.T28" | trans}} <i class="fa fa-plus"></i></a>
                </div>
            </div>

            <table class="table table-striped table-bordered table-hover table-full-width" id="sample_2">
                <thead>
                <tr>
                    <th class="hidden-xs center" width="5%"><strong>{{"Company.T29" | trans}}</strong></th>
                    <th class="hidden-xs center" width="20%"><strong>{{"Company.T30" | trans}}</strong></th>
                    <th class="hidden-xs center" width="30%"><strong>{{"Company.T31" | trans}}</strong></th>
                    <th class="hidden-xs center" width="30%"><strong>{{"Company.T32" | trans}}</strong></th>
                    <th class="hidden-xs center" width="10%"><strong>{{"Company.T33" | trans}}</strong></th>
                </tr>
                </thead>
                <tbody>
                {% for comp in comps %}
                    {% set array_class = ['inverse', 'info', 'danger', 'warning','success', 'default'] %}
                    {% set i = 0 %}
                    <tr>
                        <td class="hidden-xs left">{{ comp.id }} </td>
                        <td class="hidden-xs left">{{ comp.name }} </td>
                        <td class="hidden-xs center">
                            {% for direction in comp.directions %}
                                <span class="label label-{{ array_class[i] }}" >{{ direction.name }}</span>
                                {% set i = i+1 %}
                            {% endfor %}
                        </td>
                        <td class="hidden-xs center">
                           {% set i = 0 %}
                           {% for direction in comp.directions %}
                                {% for service in direction.services %}
                                    <span class="mt-display label label-{{ array_class[i] }}" >{{ service.name }}</span>
                                {% endfor %}
                                {% set i = i+1 %}
                            {% endfor %}
                        </td>
                        <td class="hidden-xs center">
                            <a class="btn btn-success btn-xs" title="{{"Company.T34" | trans}}" href="{{ path('company_edit', {id: comp.id}) }}">
                                <span class="fa fa-edit" style="color:white"></span></a>
                            <a href="{{ path('company_delete',{'id':comp.id}) }}" class="btn btn-danger btn-xs user-remove" title="{{"Company.T35" | trans}}" data-toggle="confirmation" class="delete-row">
                                <span class="fa fa-trash-o"  style="color:white"></span></a>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}