{% extends "index.html.twig" %}

{% block searchBar %}
    {% set searchParams = {
        'placeholder':'Firmen durchsuchen',
        'action' : path('company_search')
    } %}
    {{ parent() }}
{% endblock %}

{% block searchBtn %}
    {{ parent() }}
{% endblock %}

{% block searchTerm %}
    {% set resetPath = path('company_search',{reset: true}) %}
    {{ parent() }}
{% endblock %}

{% block breadcrumbMenu %}
    {% if is_granted('company_create') %}
        <a class="btn" href="{{ path('company_create') }}">
            <i class="fas fa-plus"></i>
            Neue Firma erstellen
        </a>
    {% endif %}
{% endblock %}

{% block breadcrumb %}
    Firmen
{% endblock %}

{% block body %}
    <div class="Rtable Rtable--collapse">
        <div class="Rtable-row Rtable-row--head scrollfixed">
            <div class="Rtable-cell rw-15 column-heading">
                Firma
                <a class="btn btn{{ orderBy is defined and orderBy == 'c.name' ? '-light' : '-outline-light' }} btn-sm" href="{{ path('company',{'orderBy':'c.name', 'orderDir':orderBy is defined and orderBy == 'c.name' ? orderDir =='ASC'?'DESC':'ASC':'ASC'}) }}">
                    <i class="fas fa-sort{{ orderBy is defined and orderBy == 'c.name' ? orderDir is defined ? orderDir =='ASC' ? '-up' : '-down' : '' : '' }}"></i>
                </a>
            </div>
            <div class="Rtable-cell rw-15 column-heading">
                Kundennummer
                <a class="btn btn{{ orderBy is defined and orderBy == 'c.customernumber' ? '-light' : '-outline-light' }} btn-sm" href="{{ path('company',{'orderBy':'c.customernumber', 'orderDir':orderBy is defined and orderBy == 'c.customernumber' ? orderDir =='ASC'?'DESC':'ASC':'ASC'}) }}">
                    <i class="fas fa-sort{{ orderBy is defined and orderBy == 'c.customernumber' ? orderDir is defined ? orderDir =='ASC' ? '-up' : '-down' : '' : '' }}"></i>
                </a>
            </div>
            <div class="Rtable-cell rw-15 column-heading">
                Straße
                <a class="btn btn{{ orderBy is defined and orderBy == 'c.street' ? '-light' : '-outline-light' }} btn-sm" href="{{ path('company',{'orderBy':'c.street', 'orderDir':orderBy is defined and orderBy == 'c.street' ? orderDir =='ASC'?'DESC':'ASC':'ASC'}) }}">
                    <i class="fas fa-sort{{ orderBy is defined and orderBy == 'c.street' ? orderDir is defined ? orderDir =='ASC' ? '-up' : '-down' : '' : '' }}"></i>
                </a>
            </div>
            <div class="Rtable-cell rw-15 column-heading">
                Ort
                <a class="btn btn{{ orderBy is defined and orderBy == 'c.city' ? '-light' : '-outline-light' }} btn-sm" href="{{ path('company',{'orderBy':'c.city', 'orderDir':orderBy is defined and orderBy == 'c.city' ? orderDir =='ASC'?'DESC':'ASC':'ASC'}) }}">
                    <i class="fas fa-sort{{ orderBy is defined and orderBy == 'c.city' ? orderDir is defined ? orderDir =='ASC' ? '-up' : '-down' : '' : '' }}"></i>
                </a>
            </div>
            <div class="Rtable-cell rw-15 column-heading">
                Ansprechpartner
                <a class="btn btn{{ orderBy is defined and orderBy == 'c.contact' ? '-light' : '-outline-light' }} btn-sm" href="{{ path('company',{'orderBy':'c.contact', 'orderDir':orderBy is defined and orderBy == 'c.contact' ? orderDir =='ASC'?'DESC':'ASC':'ASC'}) }}">
                    <i class="fas fa-sort{{ orderBy is defined and orderBy == 'c.contact' ? orderDir is defined ? orderDir =='ASC' ? '-up' : '-down' : '' : '' }}"></i>
                </a>
            </div>
            <div class="Rtable-cell rw-15 column-heading">
                E-Mail
                <a class="btn btn{{ orderBy is defined and orderBy == 'c.email' ? '-light' : '-outline-light' }} btn-sm" href="{{ path('company',{'orderBy':'c.email', 'orderDir':orderBy is defined and orderBy == 'c.email' ? orderDir =='ASC'?'DESC':'ASC':'ASC'}) }}">
                    <i class="fas fa-sort{{ orderBy is defined and orderBy == 'c.email' ? orderDir is defined ? orderDir =='ASC' ? '-up' : '-down' : '' : '' }}"></i>
                </a>
            </div>
            <div class="Rtable-cell rw-15 column-heading">
                Telefon
                <a class="btn btn{{ orderBy is defined and orderBy == 'c.phone' ? '-light' : '-outline-light' }} btn-sm" href="{{ path('company',{'orderBy':'c.phone', 'orderDir':orderBy is defined and orderBy == 'c.phone' ? orderDir =='ASC'?'DESC':'ASC':'ASC'}) }}">                    <i class="fas fa-sort{{ orderBy is defined and orderBy == 'c.phone' ? orderDir is defined ? orderDir =='ASC' ? '-up' : '-down' : '' : '' }}"></i>
                </a>
            </div>
            <div class="Rtable-cell rw-10 column-heading"></div>
        </div>
        {% for company in companies %}
            <div class="Rtable-row Rtable-row-{{ cycle(['odd', 'even'], loop.index0) }}">
                <div data-heading="Firma" class="Rtable-cell Rtable-cell-heading rw-15">
                    <div class="Rtable-cell--content ">
                        {{ company.name }}
                    </div>
                </div>
                <div data-heading="Kundennummer" class="Rtable-cell rw-15">
                    <div class="Rtable-cell--content">
                        {{ company.customernumber }}
                    </div>
                </div>
                <div data-heading="Straße" class="Rtable-cell rw-15">
                    <div class="Rtable-cell--content">
                        {{ company.street }}
                    </div>
                </div>
                <div data-heading="Ort" class="Rtable-cell rw-15">
                    <div class="Rtable-cell--content">
                        {{ company.zip }} {{ company.city }}
                    </div>
                </div>
                <div data-heading="Ansprechpartner" class="Rtable-cell rw-15">
                    <div class="Rtable-cell--content">
                        {{ company.contact }}
                    </div>
                </div>
                <div data-heading="E-Mail" class="Rtable-cell rw-15">
                    <div class="Rtable-cell--content" data-toggle="tooltip" title="{{ company.email }}">
                        {{ company.email }}
                    </div>
                </div>
                <div data-heading="Telefon" class="Rtable-cell rw-15">
                    <div class="Rtable-cell--content" data-toggle="tooltip" title="{{ company.phone }}">
                        {{ company.phone }}
                    </div>
                </div>
                <div class="Rtable-cell Rtable-cell--actions rw-10">
                    {% if is_granted('company_edit') %}
                        <a href="{{ path('company_edit',{'id':company.id}) }}"
                           data-toggle="tooltip" title="Firma {{ company.name }} bearbeiten">
                            <i class="fas fa-edit"></i>
                        </a>
                    {% endif %}
                    {% if is_granted('company_delete') %}
                        {% if company.users|length == 0  and company.devices|length == 0 %}
                            <a class="text-danger requestModal noload" href="#"
                               data-title="Firma löschen"
                               data-message="Wollen Sie diese Firma wirklich löschen?"
                               data-successbtn="Firma löschen"
                               data-path="{{ path('company_delete',{'id':company.id}) }}"
                               data-toggle="tooltip" title="Firma {{ company.name }} löschen">
                                <i class="fas fa-minus-circle"></i>
                            </a>
                        {% else %}
                            <a class="text-muted noload" data-toggle="tooltip" title="Firma {{ company.name }} kann nicht gelöscht werden.<br><br>Zuweisungen:<br>{% if company.users|length > 0 %} {{ company.users|length }} Benutzer<br> {% endif %} {% if company.devices|length > 0 %} {{ company.devices|length }} Topas Geräte {% endif %}">
                                <i class="fas fa-minus-circle"></i>
                            </a>
                        {% endif %}
                    {% endif %}
                </div>
            </div>
        {% else %}
            <div class="Rtable-row">
                <div class="Rtable-cell Rtable-cell-heading rw-100">
                    <div class="Rtable-cell--content ">
                        Es wurden keine Firmen gefunden
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
    <div>
        {% if companies|length > 0 %}
            {% if pager.hasNextPage() or pager.hasPreviousPage() %}
                {{ pagerfanta(pager, 'twitter_bootstrap4',{'prev_message': '<i class="fas fa-angle-left"></i>', 'next_message': '<i class="fas fa-angle-right"></i>'}) }}
            {% endif %}
        {% endif %}
    </div>
{% endblock %}