{% extends 'base.html.twig' %}
{% block title %}CRM | Search employers{% 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_search') }}">{% trans %}Search{% endtrans %}</a></li>
            <li class="breadcrumb-item active" aria-current="page">{% trans %}Search Employers{% endtrans %}</li>
        </ol>
    </nav>
    <form class="pull-right hidden searchForm" role="search" id="nav-search-form" method="post" action="{{ path('app_search_employers') }}" style="display: none">
        <div class="row">
            <div class="col-auto">
                <div class="form-group">
                    <label for="country">{% trans %}Country{% endtrans %}:
                        <select class="form-control" name="country">
                            <option selected>-</option>
                            {% for c in country | sort %}
                                <option {% if (results is not empty) and (c == results.country) %} selected {% endif %} value="{{ c }}">{{ c }}</option>
                            {% endfor %}
                        </select>
                    </label>
                </div>
            </div>
            <div class="col-auto">
                <div class="form-group">
                    <label for="city">{% trans %}City{% endtrans %}:
                        <select class="form-control" name="city">
                            <option selected>-</option>
                            {% for c in city | sort %}
                                <option {% if (results is not empty) and (c == results.city) %} selected {% endif %} value="{{ c }}">{{ c }}</option>
                            {% endfor %}
                        </select>
                    </label>
                </div>
            </div>
            <div class="col-auto">
                <div class="form-group">
                    <label for="zipCode">{% trans %}Zip code{% endtrans %}:
                        <select class="form-control" name="zipCode">
                            <option selected>-</option>
                            {% for c in zipCode | sort %}
                                <option {% if (results is not empty) and (c == results.zipCode) %} selected {% endif %} value="{{ c }}">{{ c }}</option>
                            {% endfor %}
                        </select>
                    </label>
                </div>
            </div>
            <div class="col-auto">
                <div class="form-group">
                    <label for="activityType">{% trans %}Activity type{% endtrans %}:
                        <select class="form-control" name="activityType">
                            <option selected>-</option>
                            {% for a in activityType | sort %}
                                <option {% if (results is not empty) and (a == results.activityType) %} selected {% endif %} value="{{ a }}">{{ a }}</option>
                            {% endfor %}
                        </select>
                    </label>
                </div>
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-auto">
                <button type="submit" class="btn btn-success">{% trans %}Search{% endtrans %}</button>
            </div>
            <div class="col-auto">
                <a href="{{ path("app_search_employers") }}" class="btn btn-danger" id="resetSearchEmployer">{% trans %}Clear{% endtrans %}</a>
            </div>
        </div>
    </form>
    <div class="row justify-content-end" style="margin-top: 2em;">
        <div class="col-auto">
            <button type="button" class="showFilters btn-primary">{% trans %}Show Filters{% endtrans %}</button>
            <button type="button" class="hideFilters btn-primary" style="display: none">{% trans %}Hide Filters{% endtrans %}</button>
        </div>
    </div>
    <div style="margin-top: 2em;">
        <h3 class="h3">{% trans %}Results{% endtrans %}: {{ employersList | length }}</h3>
        <table class="table table-striped">
            <thead class="thead-dark">
            <tr>
                <th>{% trans %}Company name{% endtrans %}</th>
                <th>{% trans %}Country{% endtrans %}</th>
                <th>{% trans %}City{% endtrans %}</th>
                <th>{% trans %}Zip code{% endtrans %}</th>
                <th>{% trans %}Activity type{% endtrans %}</th>
            </tr>
            </thead>
            <tbody>
            {% for employer in employersList | sort('desc') %}
                <tr>
                    <td><a href="{{ path('app_employer_profile', {id: employer.id}) }}">{{ employer.name }}</a></td>
                    <td>{{ employer.country }}</td>
                    <td>{{ employer.city }}</td>
                    <td>{{ employer.zipCode }}</td>
                    <td>{{ employer.activityType }}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
{% endblock %}