{% set body_classes = ['list-of-companies'] %}
{% extends 'base.html.twig' %}
{% block stylesheets %}
{{ parent() }}
{{ encore_entry_link_tags('company_list') }}
{{ encore_entry_link_tags('search_autocomplete') }}
{% endblock stylesheets %}
{% block content %}
<main>
<div class="container">
<div class="list-of-companies-container">
<div class="search-form-wrapper animate-on-scroll-bottom">
<div class="title">
{% block search_title %}{% endblock search_title %}
<h3>{{ 'company_list.list_title'|trans|raw }}</h3>
</div>
<div class="title" style="display: none">
<h3>{{ 'company_list.search_title'|trans|raw }}</h3>
<p>{{ 'company_list.search_description'|trans|raw }}</p>
</div>
{{ form_start(form, {'attr': {
'data-controller': 'search',
'data-search-url-value': path('search'),
'data-action': 'submit->search#onSubmit',
}}) }}
<div class="field-wrapper">
{{ form_widget(form.search, {'attr': {
'data-action': 'input->search#onAutocomplete click->search#onClick',
'data-search-target': 'input',
}}) }}
<div class="autocomplete-results" {{ stimulus_target('search', 'results') }}></div>
</div>
<div class="buttons-container">
{{ form_widget(form.submit) }}
</div>
{{ form_end(form) }}
</div>
<div class="items-description">{% block items_description %}{% endblock items_description %}</div>
<div class="items-container">
{% for profile in profiles %}
<div class="item-wrapper {{ profile|get_profile_styles }}">
<div class="image-wrapper">
<img src="{{ asset('build/images/logo-award.svg') }}" alt="">
<div class="status">{{ profile|profile_status_label|raw }}</div>
<div class="expiration-date">
{{ 'company.list.expiration_date'|trans({
'%date%' : profile.expiredAt|date('d.m.Y')
})|raw }}
</div>
{#<div class="label">{{ 'company.list.golden_partner'|trans }}</div>#}
</div>
<div class="description-wrapper">
<a href="{{ path('company_show', {'id': profile.id, 'slug': profile.slug}) }}">
<h6>{{ profile.name }}</h6>
<p class="subtitle">{{ profile.city.name|capitalize }}</p>
<p class="description">{{ profile.scopeOfActivity }}</p>
<p class="date">
{{ 'company.list.first_audit'|trans({
'%date%': profile.createdAt|audit_date
}) }}
</p>
</a>
</div>
</div>
{% endfor %}
</div>
{% block pagination %}{% endblock pagination %}
</div>
</div>
</main>
{% endblock content %}