{% extends 'ProfileBundle::layout.html.twig' %}

{% block body -%}
<div class="col-md-3">
  {{ render(controller('EnterpriseProfileBundle:ProfileWindow:show')) }}
</div>
   
<div class="col-md-9">
    <div class="panel panel-default">
      <div class="panel-heading">
         <h3 style="display:inline" class="panel-title">Departments</h3> 
      </div>
      <div class="margin-neo">
        <div class="table-responsive">
          <div class="pull-right" style="padding:8px;">
            <table>
              <tr>
                <td>
                  {{ render(controller('EnterpriseProfileBundle:Department:new')) }}
                </td>
              </tr>
            </table>
          </div>
          <table class="table table-condensed-fixed table-borderedD">
            <thead>
                <tr>
                    <th>Department name</th>
                    <th style="text-align:center">User</th>
                    <th style="text-align:center">Telephone</th>
                    <th style="text-align:center">Email</th>
                    <th style="text-align:center">Address</th>
                    <th style="text-align:center"></th>
                </tr>
            </thead>
            <tbody>
              {% for depar in departments %}
                <tr>
                  {% set a = depar.contactinfo|length+2 %}
                  <td rowspan={{a}}>
                    <h3>{{depar.name|title}}</h3><a class="pull-left" href="{{ path('department_delete', { 'id': depar.id}) }}" title="Delete department"><span href="{{ path('department_delete', { 'id': depar.id}) }}" class="glyphicon glyphicon-trash black"></span></a>
                  </td>
                </tr>
                {% for i in depar.contactinfo %}
                  <tr>
                    <td style="text-align:center">{{i.user}}</td>
                    <td style="text-align:center">{{i.telephone}}</td>
                    <td style="text-align:center">{{i.email}}</td>
                    <td style="text-align:center">{% if i.address == NULL %}{% else %}
                        {{i.address.streetNumber}} {{i.address.streetName}}
                        </br>{{i.address.postaArea}}
                        </br>{{i.address.cityTown}} {{i.address.governingDistrict}}
                        </br>{{i.address.country}} {% endif %}
                    </td>
                    <td>
                      <ul> 
                          <a class="btn btn-default btn-xs" title="Change" href="{{ path('contactinfo_edit', { 'id': i.id, 'origin':'depar'}) }}"><span class="glyphicon glyphicon-pencil"></span> </a>
                          <a class="btn btn-default btn-xs" title="Remove" href="{{  path('contactinfo_delete', { 'id': i.id, 'origin':'depar'}) }}"><span class="glyphicon glyphicon-remove"></span> </a>
                      </ul>
                    </td>
                  </tr>
                {% endfor %}
                <tr>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td>
                    <ul>
                    <a  class="btn btn-default btn-xs" href="{{ path('contactinfo_new', { 'idorigin': depar.id, 'origin':'depar'}) }}" title="Add new contact chart"><span class="glyphicon glyphicon-plus-sign"></span></a>
                  </ul>
                  </td>
                </tr>
                <tr>
                  <td colspan="6">
                    </td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
    </div>
</div>  
{% endblock %}