{# title string #}
{# company \App\CatalogBundle\Entity\Company #}
{# tableData array #}
{# form \Symfony\Component\Form\FormView #}
{# formContact \Symfony\Component\Form\FormView #}
{# formContactHasErrors bool #}
{# addedOpinion \App\CatalogBundle\Entity\CompanyOpinion #}

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

{% if form is not null %}
    {% form_theme form with "@Core/frontend/form/bootstrap_3_layout.html.twig" %}
{% endif %}
{% form_theme formContact with "@Core/frontend/form/bootstrap_3_layout.html.twig" %}

{% block heading_h1 %}
    <h1 class="catalog_heading">
        {{- title -}}
    </h1>
{% endblock %}

{% block sidebar %}
    {% include ':blocks:sidebar_sections.html.twig' with { clickable: true } %}
    {{ catalog_voivodeships(company.user.addressBasic.voivodeship) }}
    {% 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' %}
    {{ ads_block_catalog('c1', company.user.addressBasic.voivodeship, company.user.addressBasic.polishCityRel) }}
{% endblock %}

{% block subpage_content %}
    <div class="company_profile">
        <div class="row">
            <div class="col-md-12">
                <div class="company_profile__data">
                    {% for key, companyData in tableData %}
                        {% if companyData.value is not empty %}
                            <div
                                id="company_data-{{ key }}"
                                class="company_profile__data company_profile__data--{{ key }}"
                            >
                                <div class="row">
                                    <div class="col-sm-10 company_profile__data_label">
                                        {{- companyData.label -}}
                                    </div>
                                    <div class="col-sm-14 company_profile__data_value">
                                        {% if key == 'phone' %}
                                            {{- companyData.value -}}
                                        {% elseif key == 'email' %}
                                            <a
                                                title="{{ 'Wyślij e-mail do firmy ' ~ company.user.fullName }}"
                                                href="mailto:{{ companyData.value }}"
                                            >
                                                {{- companyData.value -}}
                                            </a>
                                        {% elseif key == 'website' %}
                                            <a
                                                title="{{ 'Przejdź do strony internetowej firmy ' ~ company.user.fullName }}"
                                                href="{{ companyData.value }}"
                                                target="_blank"
                                            >
                                                {{- companyData.value -}}
                                            </a>
                                        {% else %}
                                            {% if companyData.html|default(false) == true %}
                                                {{- companyData.value|raw -}}
                                            {% else %}
                                                {{- companyData.value -}}
                                            {% endif %}
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                        {% endif %}
                    {% endfor %}
                </div>
            </div>
            <div class="col-md-12">
                {% set main_image_src = vich_uploader_asset(company.user, 'imageFile') %}
                {% if main_image_src is not empty %}
                    {{- app_macros.image(
                    main_image_src,
                    'company_main_image',
                    'img-responsive company_profile',
                    company.user.fullName
                    ) -}}
                {% endif %}
            </div>
        </div>

        <div class="company_profile__buttons">
            {% spaceless %}
                <a
                    href="javascript: void('kontakt');"
                    class="btn btn--light2 btn--big js-cp-show_contact"
                >
                    {{- 'Skontaktuj się' -}}
                </a>
                <a
                    href="javascript: void('mapa');"
                    class="btn btn--light2 btn--big js-cp-show_map"
                    aria-pressed="{{ '' ~ (formContactHasErrors ? 'true' : 'false') ~ '' }}"
                >
                    {{- 'Zobacz na mapie' -}}
                </a>
                <a
                    class="btn btn--light2 btn--big"
                    href="{{ path('classifieds_company', {
                        section: sections.current.locale.slug,
                        slug: company.user.slug
                    }) }}"
                >
                    {{- 'Zobacz ogłoszenia' -}}
                </a>
            {% endspaceless %}
        </div>

        <div
            class="company_profile__gray company_profile__contact js-cp-contact"
            aria-hidden="{{ (formContactHasErrors ? 'false' : 'true') }}"
        >
            <div class="company_profile__gray_inner">
                <h2 class="company_profile__gray_heading heading_h1">
                    {{- 'Skontaktuj się z nami' -}}
                </h2>
                <div class="company_profile__gray_container">
                    {{ form_start(formContact) }}
                    {{ form_errors(formContact) }}
                    <div class="row">
                        <div class="col-md-12">
                            {{ form_row(formContact.name) }}
                        </div>
                        <div class="col-md-12">
                            {{ form_row(formContact.email) }}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            {{ form_row(formContact.phone) }}
                        </div>
                    </div>
                    {{ form_row(formContact.content, { attr: {
                        rows: 5
                    } }) }}
                    {{ form_row(formContact.submit, { icon: 'paper-plane', attr: {
                        class: 'btn btn--dark btn--big'
                    } }) }}
                    {{ form_end(formContact) }}
                </div>
            </div>
        </div>
        <div
            class="company_profile__gray company_profile__map js-cp-map"
            aria-hidden="true"
        >
            <div class="company_profile__gray_inner">
                <span class="company_profile__gray_heading heading_h1">
                    {{- 'Zobacz na mapie' -}}
                </span>
                <div
                    class="company_profile__gray_container js-cp-place_for_map"
                ></div>
            </div>
        </div>

        {% if company.locale.content is not empty %}
            <div class="company_profile__description">
                <h2 class="company_profile__description_heading">
                    {{- 'Opis firmy' -}}
                </h2>
                <div class="company_profile__description_value basic_content">
                    {{- company.locale.content|raw -}}
                </div>
            </div>
        {% endif %}

        {% if company.user.photos.count > 0 %}
            <div class="company_profile__gallery">
                <h2 class="company_profile__gallery_heading">
                    {{- 'Galeria' -}}
                </h2>
                <div class="company_profile__gallery_slider">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            {% for key, photo in company.user.photos %}
                                {% set photo_src = vich_uploader_asset(photo, 'photoFile') %}
                                <div class="swiper-slide">
                                    <a
                                        class="company_profile__gallery_link colorbox colorbox-group-gallery"
                                        href="{{ photo_src }}"
                                        title="{{ 'Zdjęcie nr ' ~ ( key + 1 ) ~ ' z galerii firmy ' ~ company.user.fullName }}"
                                        tabindex="-1"
                                    >
                                        {{- app_macros.image(
                                        photo_src,
                                        'company_gallery',
                                        'img-responsive company_profile__gallery'
                                        ) -}}
                                    </a>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                    <div class="swiper-button-prev">
                        <div class="sprite sprite-classifieds_images-prev"></div>
                    </div>
                    <div class="swiper-button-next">
                        <div class="sprite sprite-classifieds_images-next"></div>
                    </div>
                </div>
            </div>
        {% endif %}

        <div class="company_profile__opinions clearfix">
            {{ company_opinions(company.id) }}
        </div>

        {% if form is not null %}
            <div class="company_profile__add_opinion">
                <span class="subheading">{{- 'Dodaj swoją opinię' -}}</span>

                {% if addedOpinion is not null %}
                    <div class="alert">
                        {% if addedOpinion.approved == true %}
                            {{- 'page.company_profile.message.info.earlier'|trans -}}
                        {% else %}
                            {{- 'page.company_profile.message.info.earlier.awaiting'|trans -}}
                        {% endif %}
                    </div>
                {% else %}
                    {{ form_start(form) }}
                    {{ form_errors(form) }}
                    {% if form.email is defined %}
                        <div class="row">
                            <div class="col-md-12">
                                {{ form_row(form.email) }}
                            </div>
                            <div class="col-md-12">
                                {{ form_row(form.signature) }}
                            </div>
                        </div>
                    {% endif %}
                    {{ form_row(form.content) }}
                    <div class="text-right">
                        {{ form_row(form.submit, { icon: 'pencil' }) }}
                    </div>
                    {{ form_end(form) }}
                {% endif %}
            </div>
        {% endif %}
    </div>
    <script type="application/ld+json">
        {
          "@context": "http://schema.org"
          ,"@type": "LocalBusiness"
          ,"name": "{{ company.user.fullName }}"
          ,"image": "{{ app.request.schemeAndHttpHost ~ app.request.baseUrl ~ main_image_src }}"
          {% if company.hasActiveSubscription %}
              ,"address": {
                "@type": "PostalAddress"
                ,"addressRegion": "PL"
                {% if company.user.addressBasic.city is not empty %}
                    ,"addressLocality": "{{ company.user.addressBasic.city }}"
                {% endif %}
                {% if company.user.addressBasic.postalCode is not empty %}
                    ,"postalCode": "{{ company.user.addressBasic.postalCode }}"
                {% endif %}
                {% if company.user.addressBasic.street is not empty %}
                    ,"streetAddress": "{{ company.user.addressBasic.street }}"
                {% endif %}
              }
              {% if company.user.addressBasic.street is not empty %}
                  ,"telephone": "{{ company.user.addressBasic.phone }}"
              {% endif %}
              {% if company.user.addressBasic.street is not empty %}
                  ,"url": "{{ company.user.website }}"
              {% endif %}
          {% else %}
              ,"address": {
                "@type": "PostalAddress"
                ,"addressRegion": "PL"
                {% if company.user.addressBasic.city is not empty %}
                    ,"addressLocality": "{{ company.user.addressBasic.city }}"
                {% endif %}
              }
          {% endif %}
        }
    </script>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        var mapInitializedClass = 'js-map_initialized';

        $(function() {
            $('.colorbox-group-gallery').colorbox({
                rel: 'colorbox-group-main',
                maxWidth: '95%',
                maxHeight: '95%',
                returnFocus: false
            });

            new Swiper('.company_profile__gallery .swiper-container', {
                slidesPerView: 3,
                spaceBetween: 15,
                nextButton: '.company_profile__gallery .swiper-button-next',
                prevButton: '.company_profile__gallery .swiper-button-prev'
            });

            var $map = $('.js-cp-map');

            $('.js-cp-show_map').click(function(e) {
                e.preventDefault();

                var $btn  = $(this);
                var value = $map.attr('aria-hidden');

                $map.attr('aria-hidden', value === 'true' ? 'false' : 'true');
                $btn.attr('aria-pressed', $btn.attr('aria-pressed') === 'true' ? 'false' : 'true');

                if(value === 'true' && !$map.hasClass(mapInitializedClass)) {
                    var map = new google.maps.Map($map.find('.js-cp-place_for_map')[0], {
                        zoom: 14
                    });

                    GoogleMaps.codeAddress(
                        '{{ company.user.addressBasic.address }}',
                        map
                    );

                    $map.addClass(mapInitializedClass);
                }
            });

            var $contact = $('.js-cp-contact');

            $('.js-cp-show_contact').click(function(e) {
                e.preventDefault();

                var $btn = $(this);

                $contact.attr('aria-hidden', $contact.attr('aria-hidden') === 'true' ? 'false' : 'true');
                $btn.attr('aria-pressed', $btn.attr('aria-pressed') === 'true' ? 'false' : 'true');
            });
        });
    </script>
    {{ app_macros.google_maps_script() }}
{% endblock %}