{% extends 'base.html.twig' %}
{% block title %}CRM | {% trans %}Employers{% endtrans %}{% endblock %}
{% block body %}
    <nav aria-label="breadcrumb" style="margin-bottom: 1.5em;">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ path('app_viewhome') }}">Home</a></li>
            <li class="breadcrumb-item active" aria-current="page">{% trans %}Employers{% endtrans %}</li>
        </ol>
    </nav>
    <div style="margin-bottom: 2em;">
        <h2 class="text-center h2">{% trans %}List of companies{% endtrans %}</h2>
    </div>
    <div class="row justify-content-end" style="margin-bottom: 2em;">
        <div class="col-auto">
            <a href="{{path('app_add_employer')}}" class="btn btn-primary">{% trans %}Add Employer{% endtrans %}</a>
        </div>
    </div>
    <table class="table table-striped">
        <thead class="thead-dark">
        <tr>
            <th>{% trans %}Name{% endtrans %}</th>
            <th>{% trans %}Tva{% endtrans %}</th>
            <th>{% trans %}Country{% endtrans %}</th>
            <th>{% trans %}City{% endtrans %}</th>
            <th>{% trans %}Activity type{% endtrans %}</th>
            <th>{% trans %}Zip code{% endtrans %}</th>
        </tr>
        </thead>
        <tbody>
        {% for employer in employersList %}
            <tr class="employer-row">
                <td><a href="{{ path('app_employer_profile', {id: employer.id}) }}">{{ employer.name }}</a></td>
                <td>{{ employer.tva }}</td>
                <td>{{ employer.country }}</td>
                <td>{{ employer.city }}</td>
                <td>{{ employer.activityType }}</td>
                <td>{{ employer.zipCode }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <div class="row justify-content-center">
        <div class="navigation col-auto">
            {{ knp_pagination_render(employersList) }}
        </div>
    </div>

{% endblock %}