{% extends 'CoreOmegaBundle:Layout:base.html.twig' %}

{% block content %}
    <div class="header-main">
        <h1 style="margin: 10px 0 10px 0;">{{ 'header.listConnection'|trans()|raw }}</h1>
    </div>

    <div class="main">
        <div style="margin: 5px 0 15px 0;">
            {% if is_granted('ROLE_DEVELOPER') %}
            <a href="{{ path(route ~ '_admin_new') }}" class="btn small btn-save">
                {{ 'button.add'|trans()|raw }}
            </a>
            {% endif %}
            <a href="{{ path(route ~ '_admin_parcel_list') }}" class="btn small btn-save">
                {{ 'button.listTracking'|trans()|raw }}
            </a>
        </div>

        <table class="modern-table">
            <tr>
                <th style="text-align: left">{{ 'label.id'|trans()|raw }}</th>
                <th>{{ 'label.crmUrl'|trans()|raw }}</th>
                <th style="text-align: center">{{ 'label.isActive'|trans()|raw }}</th>
            </tr>
            {% for client in pagination %}
                <tr>
                    <td style="text-align: left">
                        <a href="{{ path(route ~ '_admin_edit', {'connectionId': client.id}) }}">{{ client.clientId }}</a>
                    </td>
                    <td>
                        {% if client.crmUrl is not empty %}
                            <a target="_blank" href="{{ client.crmUrl }}">
                                {{ client.crmUrl }}
                            </a>
                        {% endif %}
                    </td>
                    <td style="text-align: center">
                        {% if client.isActive %}
                            <img src="{{ asset('bundles/coreomega/images/mark-yes.svg') }}" style="width: 20px; height: 20px;"/>
                        {% else %}
                            <img src="{{ asset('bundles/coreomega/images/mark-no.svg') }}" style="width: 20px; height: 20px;" />
                        {% endif %}
                    </td>
                </tr>
            {% endfor %}
        </table>

        <div class="list-bottom">
            <div class="list-total-stripe">
                <span id="list-total-count">
                    {{ pagination.getTotalItemCount }} <span>{{ 'pagination.items.name'|trans()|raw }}</span>
                </span>
            </div>
            <div class="paginator">
                {{ knp_pagination_render(pagination) }}
            </div>
        </div>
        <div id="push"></div>
    </div>
{% endblock %}