{% extends 'base.html.twig' %}
{% block title %}CRM | {% trans %}Employer profile{% 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"><a href="{{ path('app_employer_list') }}">{% trans %}Employers{% endtrans %}</a>
            </li>
            <li class="breadcrumb-item active" aria-current="page">{{ employerProfile.name }}
                - {% trans %} Profile{% endtrans %}</li>
        </ol>
    </nav>
    <div class="row" style="margin-bottom: 2em;">
        <div class="col-auto">
            <a class="btn btn-primary" href="{{ path('app_edit_employer', {id: employerProfile.id}) }}">{% trans %}Edit Employer Profile{% endtrans %}</a>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="row">
                <div class="col-12" style="margin-bottom: 2em;">
                    <h2 class="text-center h2">{{ employerProfile.name }} - {% trans %} Profile{% endtrans %}</h2>
                </div>
                <div class="userData col-12">
                    <p class="h4 cName"><span
                                class="font-weight-bold text-primary">{% trans %}Company name{% endtrans %}: </span><span>{{ employerProfile.name }}</span>
                    </p>
                    <p class="h4 cAddress"><span
                                class="font-weight-bold text-primary">{% trans %}Address{% endtrans %}: </span><span> {{ employerProfile.street }}, {{ employerProfile.zipCode }} {{ employerProfile.city }}</span>
                    </p>
                    <p class="h4 cCountry"><span
                                class="font-weight-bold text-primary">{% trans %}Country{% endtrans %}: </span><span>{{ employerProfile.country }}</span>
                    </p>
                    <p class="h4 cActivityType"><span
                                class="font-weight-bold text-primary">{% trans %}Activity type{% endtrans %}: </span><span>{{ employerProfile.activityType }}</span>
                    </p>
                    {% if employerProfile.tva is defined %}
                        <p class="h4 cTva"><span
                                    class="font-weight-bold text-primary">{% trans %}Tva{% endtrans %}: </span><span>{{ employerProfile.tva }}</span>
                        </p>
                    {% endif %}
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="row">
                <div class="col-12" style="margin-bottom: 2em">
                    <h2 class="text-center h2">{% trans %}Employees hired in company{% endtrans %}</h2>
                </div>
                <div class="col-12">
                    <table class="table">
                        <thead>
                        <tr>
                            <th>{% trans %}First name{% endtrans %}</th>
                            <th>{% trans %}Last name{% endtrans %}</th>
                            <th>{% trans %}Profession{% endtrans %}</th>
                        </tr>
                        </thead>
                        {% for employee in employeeList %}
                            <tr class="employee-{{ employee.id }}">
                                <td class="firstName">{{ employee.firstName }}</td>
                                <td class="lastName">{{ employee.lastName }}</td>
                                <td class="profession">{{ employee.profession }}</td>
                            </tr>
                        {% endfor %}
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}