{# title string #}
{# companies \App\CatalogBundle\Entity\Company[] #}
{# paginator \Pagerfanta\Pagerfanta #}
{# city \Notimeo\VoivodeshipBundle\Entity\PolishCity|null #}
{# voivodeship \Notimeo\VoivodeshipBundle\Entity\Voivodeship|null #}

{% extends ':default:subpage.html.twig' %}
{% import 'macros.twig' as app_macros %}

{% block sidebar %}
    {% include ':blocks:sidebar_sections.html.twig' with { clickable: true } %}
    {{ catalog_map_block() }}
    {% if app.request.get('_route') == 'companies_list_city' %}
        {{ ads_block_catalog('b', null, city) }}
    {% elseif app.request.get('_route') == 'companies_list_voivo' %}
        {{ ads_block_catalog('b', voivodeship) }}
        {{ catalog_cities_for_voivo(voivodeship) }}
    {% endif %}
    {% include ':blocks:sidebar_ads_text_block.html.twig' %}
    {{ sidebar_promoted_companies(3) }}
    {% include '@Catalog/frontend/blocks/sidebar_top_companies.html.twig' %}
    {{ sidebar_promoted_classifieds() }}
    {% include ':blocks:we_recommend.html.twig' %}
    {% if app.request.get('_route') == 'companies_list_city' %}
        {{ ads_block_catalog('c1', null, city) }}
    {% elseif app.request.get('_route') == 'companies_list_voivo' %}
        {{ ads_block_catalog('c1', voivodeship) }}
    {% endif %}
{% endblock %}

{% block subpage_content %}
    {{ app_macros.search_condition() }}

    <div class="catalog_list">
        {% if companies|length > 0 %}
            {% for key,company in companies %}
                {% set companyLink = path('company', {
                    section: sections.current.locale.slug,
                    slug: company.user.slug
                }) %}
                {% set mainTitle = sections.currentSectionName ~ ' - ' ~ company.user.fullName %}
                <div class="catalog_list__item js-item{{ company.hasActiveSubscription ? ' catalog_list__item--subscriber':'' }}">
                    <div class="row">
                        <div class="col-md-18">
                            {% if company.user.image is not empty %}
                                {% set image_src = vich_uploader_asset(company.user, 'imageFile') %}
                            {% else %}
                                {% set image_src = null %}
                            {% endif %}

                            <a
                                class="catalog_list__logo_link"
                                href="{{ companyLink }}"
                                title="{{ mainTitle }}"
                                rel="nofollow"
                            >
                                {{- app_macros.image(
                                    image_src,
                                    'simple_image',
                                    'img-responsive catalog_list',
                                    mainTitle
                                ) -}}
                            </a>
                            <div class="catalog_list__top">
                                <div class="catalog_list__top_inner">
                                    <div class="catalog_list__content">
                                        <a
                                            href="{{ companyLink }}"
                                            title="{{ mainTitle }}"
                                        >
                                            <h3 class="catalog_list__heading subheading">
                                                {{- company.user.fullName -}}
                                            </h3>
                                        </a>
                                        <div class="catalog_list__description">
                                            {{- company.locale.shortDescription -}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="catalog_list__bottom">
                                <a
                                    href="javascript: void('map-{{ company.id }}');"
                                    class="catalog_list__show_on_map js-cl_map_link"
                                >
                                    <span class="catalog_list__link_label js-cl_map_link_label">
                                        {{- 'Pokaż na mapie' -}}
                                    </span>
                                    <i class="fa fa-angle-right"></i>
                                </a>
                                <a
                                    href="{{ companyLink }}"
                                    class="catalog_list__go_to_profile"
                                    title="{{ mainTitle }}"
                                    rel="nofollow"
                                >
                                    <span class="catalog_list__link_label">
                                        {{- 'Zobacz wizytówkę firmy' ~ ' ' -}}
                                    </span>
                                    <i class="fa fa-angle-right"></i>
                                </a>
                            </div>
                        </div>
                        <div class="col-md-5 col-md-offset-1 catalog_list__right">
                            <h4 class="catalog_list__right_heading">
                                {{- 'Kontakt' -}}
                            </h4>
                            {% if company.hasActiveSubscription %}
                                <div class="catalog_list__contact js-cl_address">
                                    <i class="fa fa-map-marker"></i>
                                    <div class="catalog_list__contact_val">
                                        {{- company.user.getAddressBasic.city -}}
                                        {% if company.user.getAddressBasic.postalCode is not empty %}
                                            {{- ', '~ company.user.getAddressBasic.postalCode -}}
                                        {% endif %}
                                        {% if company.user.getAddressBasic.street is not empty %}
                                            <br />{{- company.user.getAddressBasic.street -}}
                                        {% endif %}
                                    </div>
                                </div>
                                {% if company.user.getAddressBasic.phone is not empty %}
                                    <div class="catalog_list__contact">
                                        <i class="fa fa-phone"></i>
                                        <div class="catalog_list__contact_val">
                                            {{- company.user.getAddressBasic.phone -}}
                                        </div>
                                    </div>
                                {% endif %}
                                <div class="catalog_list__email">
                                    <a
                                        href="javascript: void('{{ company.id }}');"
                                        title="{{ 'Pokaż e-mail firmy ' ~ company.user.fullName }}"
                                        class="js-show_email catalog_list__link_label"
                                    >
                                        {{- 'Pokaż e-mail' -}}
                                    </a>
                                    <a
                                        style="display: none;"
                                        class="js-company_email catalog_list__link_label"
                                        href="mailto:{{- company.user.email -}}"
                                        title="{{ 'Wyślij wiadomość e-mail do firmy ' ~ company.user.fullName }}"
                                    >
                                        {{- company.user.email -}}
                                    </a>
                                </div>
                            {% else %}
                                <div class="catalog_list__contact js-cl_address">
                                    <i class="fa fa-map-marker"></i>
                                    <div class="catalog_list__contact_val">
                                        {{- company.user.getAddressBasic.city -}}
                                    </div>
                                </div>
                            {% endif %}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-24">
                            <div
                                class="catalog_list__map js-cl_map"
                                aria-hidden="true"
                            >
                                <div
                                    id="map_container-{{ company.id }}"
                                    class="catalog_list__map_inner"
                                ></div>
                            </div>
                        </div>
                    </div>
                </div>
                {% if key == 1 %}
                    {% if app.request.get('_route') == 'companies_list_city' %}
                        {{ ads_block_catalog('ad', null, city) }}
                    {% elseif app.request.get('_route') == 'companies_list_voivo' %}
                        {{ ads_block_catalog('ad', voivodeship) }}
                    {% endif %}
                {% endif %}
            {% endfor %}
            {% if companies|length < 2 %}
                {% if app.request.get('_route') == 'companies_list_city' %}
                    {{ ads_block_catalog('ad', null, city) }}
                {% elseif app.request.get('_route') == 'companies_list_voivo' %}
                    {{ ads_block_catalog('ad', voivodeship) }}
                {% endif %}
            {% endif %}
            {% include '@Core/frontend/blocks/paginator_numbers.html.twig' with {
                route_params: {
                    section: app.request.attributes.get('section'),
                    slug: app.request.attributes.get('slug'),
                }
            } %}
        {% else %}
            <div class="alert">
                {{- 'Lista firm dla tej kategorii jest pusta.' -}}
            </div>
        {% endif %}
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
        $(function() {
            $('.js-show_email').click(function() {
                var $btn = $(this);

                $btn.hide();
                $btn.parent().find('.js-company_email').show();
            });

            var mapInitializedClass = 'js-map_initialized';
            var labelShow = 'Pokaż na mapie';
            var labelHide = 'Zwiń mapę';

            $('.js-cl_map_link').click(function() {
                var $link = $(this);
                var itemContainer     = $link.closest('.js-item');
                var mapContainer      = itemContainer.find('.js-cl_map');
                var mapContainerValue = mapContainer.attr('aria-hidden');
                var $label = $link.find('.js-cl_map_link_label');

                mapContainer.attr(
                    'aria-hidden',
                    mapContainerValue === 'true' ? 'false' : 'true'
                );

                $label.text(mapContainerValue === 'true' ? labelHide : labelShow);

                if(mapContainerValue === 'true' && !mapContainer.hasClass(mapInitializedClass)) {
                    var address = itemContainer.find('.js-cl_address')
                        .text().replace(/ +/g, " ")
                        .replace(/(\r?\n|\r)/gm, ' ')
                        .trim();

                    var map = new google.maps.Map(mapContainer.find('div')[0], {
                        zoom: 14
                    });

                    GoogleMaps.codeAddress(address, map);

                    mapContainer.addClass(mapInitializedClass);
                }
            });


            $("#map-poland").CSSMap({
                size: 540,
                tooltips: "visible",
                responsive: "auto",
                tapOnce: true
            });
        });
    </script>
    {{ app_macros.google_maps_script() }}
    <script type="text/javascript" src="{{ asset('mapa/jquery.cssmap.min.js') }}"></script>
{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" type="text/css" href="{{ asset('mapa/cssmap-poland.css') }}" media="screen" />
{% endblock %}