{% extends "front/layouts/default.twig" %}
{% block content %}
{% set arrayOffer = {pl:'oferta',en:'offer'} %}
{% include 'front/main_page/includes/main_page_offer_search.twig' with { main_page_search } %}
<section class="jobs">
<div class="container">
<div class="row justify-content-center">
<div class="col-12">
<div class="row align-items-center">
<div class="col-lg-12 px-lg-0">
{% for message in app.flashes('response_message') %}
<div class="row mt-3">
<div class="alert" style="font-size: 15px;">
{{ message|raw }}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
{% for industryWithOffer in industrys|default([]) %}
<div class="container">
<div class="row justify-content-center">
<div class="col-12">
<div class="row align-items-center">
<div class="col-lg-12 job px-lg-0">
<a href="{{ path('front-page', {url: get_page_url(app.request.locale, constant('App\\Config\\Pages::OFFERS_INDUSTRY'))}) }}" data-filter-key="filters[industry][]" data-filter="{{ industryWithOffer.industry.searchSlug }}" class="search-button-list">
<span class="industry">
{% if app.request.locale == 'pl' %}
<h2>{{ industryWithOffer.industry.name|default(industryWithOffer.industry.nameEn) }}</h2>
{% endif %}
{% if app.request.locale == 'en' %}
<h2>{{ industryWithOffer.industry.nameEn|default(industryWithOffer.industry.name) }}</h2>
{% endif %}
</span>
</a>
</div>
{% for offer in industryWithOffer.offers %}
{% set arrayOfferName = {
pl: offer.offerNamePL|default(offer.offerNameEN),
en: offer.offerNameEN|default(offer.offerNamePL)
} %}
{% set boxToken = generate_token() %}
<div class="col-lg-12 job py-3 py-lg-2 {% if offer.localizationCount > 1 %} offer_name_show_list_location {% endif %}" data-id="{{ boxToken }}" data-localization="{{ offer.localizationCount }}">
{% if offer.localizationCount <= 1 %}
<a href="{{ path('front-offer', queryParams|default([])|merge({ _locale: offer.language|default('pl'), offer: arrayOffer[app.request.locale], temporaryId: offer.temporaryId ,branch_extra: slug(arrayOfferName[offer.language|default('pl')])})) }}" class="">
{% endif %}
<div class="row align-items-sm-center align-content-sm-center">
<div class="job__image col-3 col-lg-2 text-lg-center">
<img src="{{ offer.offerCompany is defined and offer.offerCompany is not null and offer.offerCompany.logo.fileName is null or offer.offerCompany.logo.extension is null ? asset('/default_photo/logo_default.png')|imagine_filter('logo_offer') : asset('firm/' ~ offer.offerCompany.logo.fileName|default('') ~ '.' ~ offer.offerCompany.logo.extension|default(''))|default()|imagine_filter('logo_offer') }}" class="img-fluid" alt="">
</div>
<div class="job__type col-9 col-lg-4">
<h3 class="job__position " >{{ arrayOfferName[offer.language|default('pl')] }}</h3>
<div class="job__company">{{ offer.offerCompany.invoiceData.name|default(' - ') }}</div>
</div>
<div class="col-md-8 col-lg-4 col-sm-8 col-12 mt-3 mt-lg-0">
<div class="row">
<div class="job__localization my-lg-2 col-sm-6 col-6">
<div class="row align-content-center align-items-center">
<div class="col-1 col-sm-2 col-xl-1 localization-wrapper">
<i class="fas fa-map-marker-alt"></i>
</div>
{% if offer.workData|default(null) %}
{% if offer.workData.address.city|default(null) %}
{% if offer.offers|default(null) is not null and offer.localizationCount > 1 %}
<div class="col"><span class="offer_show_list_location" data-id="{{ boxToken }}" data-localization="{{ offer.localizationCount }}">{{ offer.localizationCount }} {{ get_many_location(offer.localizationCount, app.request.locale) }}</span></div>
<div class="col-12"></div>
<div class="col-1 col-sm-2 col-xl-1 localization-wrapper"></div>
<div class="col box_many_location box_many_location_{{ boxToken }} mt-2" style="display: none">
{% for childOffer in offer.offers|default([]) %}
{% if childOffer.workData.address.city|default(null) is not iterable %}
<div class="col-12"></div>
<div class="col-1 col-sm-2 col-xl-1"></div>
<div class="col element_many_location" style="margin-top: 8px">
<a href="{{ path('front-offer', queryParams|default([])|merge({ _locale: childOffer.language|default('pl'), offer: arrayOffer[app.request.locale], temporaryId: childOffer.temporaryId ,branch_extra: slug(arrayOfferName[childOffer.language|default('pl')])})) }}" onclick="event.stopPropagation()" class="">
{{ childOffer.workData.address.city|default('') }}
</a>
</div>
{% endif %}
{% endfor %}
</div>
{% else %}
{% if offer.workData.address.city|default([]) is iterable %}
<div class="col">{{ offer.workData.address.city.0|default('-') }}</div>
{% else %}
<div class="col">{{ offer.workData.address.city|default('-') }}</div>
{% endif %}
{% endif %}
{% endif %}
{% else %}
<div class="col">{{ 'MAIN_PAGE.NONE'|trans }}</div>
{% endif %}
</div>
</div>
<div class="job__salary col-sm-6 my-lg-2 col-6">
{% set break = false %}
{% for data in offer.salaryData %}
{% if data.checked is defined and data != '' %}
{% if data.checked != '' and data.from != '' and data.to != '' and break == false %}
{{ data.from|number_format(0, ' ', ' ')|default }} - {{ data.to|number_format(0, ' ', ' ')|default }} {{ data.currency|default }}
{% set break = true %}
{% endif %}
{% endif %}
{% endfor %}
</div>
</div>
</div>
<div class="job__info mt-3 my-lg-2 col-md-4 col-lg-2 col-sm-4 col-6 d-none d-sm-block">
{% if offer.workData != null and offer.workData != '' %}
{% if offer.workData.remote_work is defined and offer.workData.remote_work != '' %}
{% if offer.workData.remote_work.checked == true %}
<div class="job__recruitment"><i class="fmx-lg-2 fas fa-check"></i>{{ 'MAIN_PAGE.REMOTE'|trans }}{% if offer.workData.remote_work.option != null %}: {{ offer.workData.remote_work.option|default }} %{% endif %}</div>
{% else %}
<div class="job__recruitment"><i class="fmx-lg-2 fas fa-check"></i>{{ 'MAIN_PAGE.OFFICE'|trans }}</div>
{% endif %}
{% endif %}
{% if offer.workData.recruitment_remote is defined and offer.workData.recruitment_remote != '' %}
{% if offer.workData.recruitment_remote.checked == true %}
<div class="job__recruitment"><i class="fmx-lg-2 fas fa-check"></i>{{ 'MAIN_PAGE.REMOTE_RECRUITMENT'|trans }}</div>
{% endif %}
{% endif %}
{% else %}
{{ 'MAIN_PAGE.NONE'|trans }}
{% endif %}
</div>
</div>
{% if offer.localizationCount <= 1 %}
</a>
{% endif %}
</div>
{% endfor %}
</div>
</div>
<div class="col-12">
<div class="row justify-content-center">
<div class="col-12 text-center">
<a href="{{ path('front-page', {url: get_page_url(app.request.locale, constant('App\\Config\\Pages::OFFERS_INDUSTRY'))})}}"
type="button"
data-filter-key="filters[industry][]"
data-filter="{{ industryWithOffer.industry.searchSlug|default('') }}"
class="btn btn-secondary search-button-list my-4">
{{'USER_ZONE.HOME_PAGE.BUTTON_OFFERS'|trans}}
</a>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</section>
<div class="container categories">
<div class="row justify-content-center my-4">
<div class="col-12">
<div class="row ">
<div class="col-lg-4 ">
<div class="categories__type row col-lg-12 px-0 mx-0 mt-4">
<div class="col-4 d-inline-block px-0 mx-0">
<h2 class="text-quinary">{{'USER_ZONE.HOME_PAGE.TEXT_CATEGORIES_1'|trans}}</h2>
</div>
</div>
<div class="
col-lg-12
categories__item
border-start border-1 border-dark
px-2
" id="categories-left">
<div class="categories__list">
<ul>
{% for industry in industry_list_footer %}
{% if app.request.locale == 'pl' %}
{% if industry.name|default('') != '' %}
<li><a href="{{ path('front-page', {url: get_page_url(app.request.locale, constant('App\\Config\\Pages::OFFERS_INDUSTRY'))}) }}?filters[industry][]={{ get_slug(industry.nameEn != '' ? industry.nameEn : industry.name) }}">{{ industry.name|default('') }}</a></li>
{% endif %}
{% else %}
{% if industry.nameEn|default('') != '' %}
<li><a href="{{ path('front-page', {url: get_page_url(app.request.locale, constant('App\\Config\\Pages::OFFERS_INDUSTRY'))}) }}?filters[industry][]={{ get_slug(industry.nameEn != '' ? industry.nameEn : industry.name) }}">{{ industry.nameEn|default('') }}</a></li>
{% endif %}
{% endif %}
{% endfor %}
</ul>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="categories__type row col-lg-12 px-0 mx-0 mt-4">
<div class="col-4 d-inline-block px-0 mx-0">
<h2 class="text-quinary">{{'USER_ZONE.HOME_PAGE.TEXT_CATEGORIES_2'|trans}}</h2>
</div>
</div>
<div class="
col-lg-12
categories__item
border-start border-1 border-dark
px-2
" id="categories-middle">
<div class="categories__list">
<ul>
{% for popular in popular_list_footer %}
{% if app.request.locale == 'pl' %}
{% if popular.name != '' %}
<li><a href="{{ path('front-page', {url: get_page_url(app.request.locale, constant('App\\Config\\Pages::OFFERS_INDUSTRY'))}) }}?filters[technology][]={{ get_slug(popular.name != '' ? popular.name : popular.nameEn) }}">{{popular.name|default('')}}</a></li>
{% endif %}
{% else %}
{% if popular.nameEn != '' %}
<li><a href="{{ path('front-page', {url: get_page_url(app.request.locale, constant('App\\Config\\Pages::OFFERS_INDUSTRY'))}) }}?filters[technology][]={{ get_slug(popular.name != '' ? popular.name : popular.nameEn) }}">{{ popular.nameEn|default('') }}</a></li>
{% endif %}
{% endif %}
{% endfor %}
</ul>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="categories__type row col-lg-12 px-0 mx-0 mt-4">
<div class="col-4 d-inline-block px-0 mx-0">
<h2 class="text-quinary">{{'USER_ZONE.HOME_PAGE.TEXT_CATEGORIES_3'|trans}}</h2>
</div>
</div>
<div class="
col-lg-12
categories__item
border-start border-1 border-dark
px-2
" id="categories-right">
<div class="categories__list">
<ul>
{% for city in city_list_footer %}
<li><a href="{{ path('front-page', {url: get_page_url(app.request.locale, constant('App\\Config\\Pages::OFFERS_INDUSTRY'))}) }}?filters[location][]={{ get_slug(city.name) }}">{{ city.name }}</a></li>
{% endfor %}
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-12 mt-4 mx-3 border-bottom border-dark border-1"></div>
</div>
</div>
</div>
</div>
</div>
{% include 'front/includes/alert_cookies.twig' %}
{% if seo is defined %}
{% include 'front/main_page/includes/section/section_seo.twig' with { seo } %}
{% endif %}
{% endblock %}
{% block script %}
{{ parent() }}
{% include 'front/main_page/includes/js/main_page_js.twig' %}
{% endblock %}