{% if setData is not defined %}
    {% set setData = true %}
{% endif %}
<div class="card">
    <div class="card-header card-header-text" data-background-color="purple">
        <div class="card-title">Datos de contacto</div>
    </div>

    <div class="card-content table-responsive">
        <table class="table table-hover contact-data">
            <tr>
                <th>Tipo</th>
                <th>Dato</th>
                <th>Observ.</th>
                {% if setData %}
                <th>Acciones</th>
                {% endif %}
            </tr>
            <tbody>
            {% set listInactive = false %}
            {% for data in contactData %}
                <tr {{ data.active?"":'class="hidden inactive"' }}>
                    <td>{{ data.dataType.name }}</td>
                    {% if data.extension != null %}
                        <td>{{ data.contactData }} - {{ data.extension  }}</td>
                    {% else %}
                        <td>{{ data.contactData }}</td>
                    {% endif %}
                    <td>{{ data.commentary }}</td>
                    {% if setData %}
                    <td>
                        {% if not data.active %}
                            {% set listInactive = true %}
                            {% if is_granted("CORE_CONTACT_DATA_ENABLE") %}
                                <a class="loadaction" data-reload-on-submit="true" data-url="{{ path('contactdata_enable', { 'id': data.id}) }}" title="Activar">
                                    <i style="color: red;"  class="fa fa-toggle-off"></i>
                                </a>
                            {% else %}
                                <i style="color: red;"  class="fa fa-toggle-off"></i>
                            {% endif %}

                        {% else %}
                            {% if is_granted("CORE_CONTACT_DATA_DISABLE") %}
                                <a class="loadinmodal" data-reload-on-submit="true" data-action="{{ path('contactdata_disable', { 'id': data.id}) }}" title="Desactivar">
                                    <i style="color: green;" class="fa fa-toggle-on"></i>
                                </a>
                            {% else %}
                                <i style="color: green;" class="fa fa-toggle-on"></i>
                            {% endif %}

                        {% endif %}

                        {% if reservation is defined and reservation is not null and data.active  %}
                            {% if data.id in reservation.getIdsContactsData %}
                                {% if is_granted("RESERV_RESERVATION_LINK_CONTACT_DATA") %}
                                    <a class="loadaction" data-reload-on-submit="true"  data-url="{{ path('reservation_contacts_data', { 'id': reservation.id, 'contactData': data.id }) }}" title="Desvincular" >
                                        <i style="color: #0d47a1;"  class="fa fa-link ct-green"></i>
                                    </a>
                                {% else %}
                                    <i style="color: #0d47a1;"  class="fa fa-link ct-green"></i>
                                {% endif %}
                            {% else %}
                                {% if is_granted("RESERV_RESERVATION_LINK_CONTACT_DATA") %}
                                    <a class="loadaction" data-reload-on-submit="true" data-url="{{ path('reservation_contacts_data', { 'id': reservation.id, 'contactData': data.id }) }}" title="Vincular" >
                                        <i style="color: grey;"  class="fa fa-unlink"></i>
                                    </a>
                                {% else %}
                                    <i style="color: grey;"  class="fa fa-unlink"></i>
                                {% endif %}

                            {% endif %}
                        {% endif %}
                    </td>
                    {% endif %}
                </tr>
            {% endfor %}
            {% if listInactive %}
                <tr>
                    <td colspan="3" class="text-right"><a style="cursor: pointer" class="visibility-toggler" data-showing="false" data-show-text="Ver desactivos" data-hide-text="Ocultar desactivos" data-selector=".contact-data .inactive">Ver desactivos</a></td>
                </tr>
            {% endif %}

            </tbody>
        </table>
        {% if reservation is defined and reservation %}
            <a class="btn btn-success loadinmodal" data-reload-on-submit="true" data-action="{{ path('contactdata_new', { 'client': client.id, 'reservation': reservation.id }) }}">Agregar Dato</a>
        {% else %}
            {% if setData %}
            <a class="btn btn-success loadinmodal" data-reload-on-submit="true" data-action="{{ path('contactdata_new', { 'client': client.id }) }}">Agregar Dato</a>
            {% endif %}
        {% endif %}
    </div>
</div>