{# classified \App\ClassifiedsBundle\Entity\Classified #}
{# title string #}
{# userClassifiedsAmount int #}
{# addedEarlier \App\ClassifiedsBundle\Entity\Classified|null #}
{# addedLater \App\ClassifiedsBundle\Entity\Classified|null #}
{# form \Symfony\Component\Form\FormView #}

{% extends ':default:subpage.html.twig' %}
{% import 'macros.twig' as app_macros %}
{% import '@Classifieds/frontend/macros.twig' as macros %}

{% form_theme form with "@Core/frontend/form/bootstrap_3_layout.html.twig" %}

{% block head %}
    {% if classified.images|length > 0 %}
        {% set ogImage = app.request.schemeAndHttpHost ~ vich_uploader_asset(classified.images[0], 'imageFile') %}
    {% endif %}
    {{ parent() }}
{% endblock %}

{% block head_additional %}
    {% if classified.images|length > 0 %}
        <meta property="og:image:alt" content="{{ classified.locale.name }}" />
    {% endif %}
{% endblock %}

{% block heading_h1 %}
    <h1 class="classified_heading">
        {{- title -}}
        {% include 'ClassifiedsBundle:blocks:classified_star.html.twig' %}
    </h1>
{% endblock %}

{% block sidebar %}
    {% include ':blocks:sidebar_sections.html.twig' with { clickable: true } %}
    {{ classifieds_categories_block(classified.category.locale.slug) }}
    {{ ads_block_classifieds('b', classified.category) }}
    {% 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_classifieds('c1', classified.category) }}
{% endblock %}


{% block subpage_content %}
    {% set column1responsiveClass = 'col-lg-6 col-md-8 col-sm-6 col-xs-8' %}
    {% set column2responsiveClass = 'col-lg-18 col-md-16 col-sm-18 col-xs-16' %}

    <div class="classified_profile">
        <div class="row">
            <div class="classified_profile__images col-md-10">
                <div class="classified_images">
                    {% if classified.images|length > 0 %}
                        <div class="classified_images__main">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    {% for image in classified.images %}
                                        {% set image_src = vich_uploader_asset(image, 'imageFile') %}

                                        <div
                                            class="classified_images__main_item swiper-slide"
                                            style="background-image: url('{{ image_src | imagine_filter('classified_profile_main') | replace({ "'":"\\'", '"':'\\"'}) }}');"
                                        >
                                            <a
                                                class="classified_images__main_link colorbox colorbox-group-main"
                                                href="{{ image_src|imagine_filter('classified_image') }}"
                                                title="{{ image.alt|default(classified.locale.name) }}"
                                                tabindex="-1"
                                            ></a>
                                        </div>
                                    {% endfor %}
                                </div>
                            </div>
                        </div>
                        <div class="classified_images__slider">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    {% for image in classified.images %}
                                        {% set image_src = vich_uploader_asset(image, 'imageFile') %}

                                        <div class="classified_images__item swiper-slide">
                                            {{- app_macros.image(
                                            image_src,
                                            'classified_profile_images',
                                            'img-responsive simple_image',
                                            image.alt|default(classified.locale.name)
                                            ) -}}
                                        </div>
                                    {% endfor %}
                                </div>
                            </div>
                            <div class="classified_images__prev">
                                <div class="sprite sprite-classifieds_images-prev"></div>
                            </div>
                            <div class="classified_images__next">
                                <div class="sprite sprite-classifieds_images-next"></div>
                            </div>
                        </div>
                    {% else %}
                        {{- app_macros.img_placeholder('classified_profile_main') -}}
                    {% endif %}
                </div>
            </div>
            <div class="classified_profile__about col-md-13 col-md-offset-1">
                <div class="classified_about">
                    {% if userClassifiedsAmount > 0 %}
                        <div class="classified_about__row classifieds_other row">
                            <div class="col-md-24">
                                <a
                                    class="btn btn--light2"
                                    href="{{ path(classified.user.isCompany ? 'classifieds_company' : 'classifieds_user', {
                                        section: sections.current.locale.slug,
                                        slug: classified.user.slug
                                    }) }}"
                                >
                                    {{- 'Zobacz inne ogłoszenia Sprzedającego' -}}
                                </a>
                                {% if addedEarlier is not null %}
                                    {% set earlierClassifiedLink = path('classified', {
                                    section: addedEarlier.category.section.locale.slug,
                                    slug: addedEarlier.locale.slug
                                    }) %}
                                    <a
                                        href="{{ earlierClassifiedLink }}"
                                        class="btn btn--light2 classifieds_other__prev"
                                        title="{{ 'Przejdź do poprzedniego ogłoszenia Sprzedającego' }}"
                                    >
                                        <div class="sprite sprite-classifieds_images-prev"></div>
                                    </a>
                                {% else %}
                                    <div
                                        class="btn btn--light2 classifieds_other__prev"
                                        aria-disabled="true"
                                    >
                                        <div class="sprite sprite-classifieds_images-prev"></div>
                                    </div>
                                {% endif %}
                                {% if addedLater is not null %}
                                    {% set laterClassifiedLink = path('classified', {
                                    section: addedLater.category.section.locale.slug,
                                    slug: addedLater.locale.slug
                                    }) %}
                                    <a
                                        href="{{ laterClassifiedLink }}"
                                        class="btn btn--light2 classifieds_other__next"
                                        title="{{ 'Przejdź do następnego ogłoszenia Sprzedającego' }}"
                                    >
                                        <div class="sprite sprite-classifieds_images-next"></div>
                                    </a>
                                {% else %}
                                    <div
                                        class="btn btn--light2 classifieds_other__next"
                                        aria-disabled="true"
                                    >
                                        <div class="sprite sprite-classifieds_images-next"></div>
                                    </div>
                                {% endif %}
                            </div>
                        </div>
                    {% endif %}
                    <div class="classified_about__row classified_about__row--nopadding classified_profile__number row">
                        <div class="col-md-24">
                            <div class="row">
                                <div class="col-xs-10">
                                    <span class="classified_profile__number_label">
                                        {{- 'nr ogłoszenia:' -}}
                                    </span>
                                    <span class="classified_profile__number_value">
                                        {{- classified.id -}}
                                    </span>
                                </div>
                                <div class="col-xs-14">
                                    {{- macros.price_container(classified.price, { bigger: true, noborder: true }) -}}
                                </div>
                            </div>
                        </div>
                    </div>
                    {% if classified.voivodeship is not null %}
                        <div class="classified_about__row row">
                            <div class="classified_about__label {{ column1responsiveClass }}">
                                {{- 'Województwo' -}}
                            </div>
                            <div class="classified_about__value {{ column2responsiveClass }}">
                                {{- classified.voivodeship.name -}}
                            </div>
                        </div>
                    {% endif %}
                    {% if classified.polishCity is not null %}
                        <div class="classified_about__row row">
                            <div class="classified_about__label {{ column1responsiveClass }}">
                                {{- 'Miasto' -}}
                            </div>
                            <div class="classified_about__value {{ column2responsiveClass }}">
                                {{- classified.polishCity.name -}}
                            </div>
                        </div>
                    {% endif %}
                    {% if classified.user is not null and classified.user.isCompany and classified.user.company.section is not null %}
                        <div class="classified_about__row row">
                            <div class="classified_about__label {{ column1responsiveClass }}">
                                {{- 'Firma' -}}
                            </div>
                            <div class="classified_about__value {{ column2responsiveClass }}">
                                <a
                                    target="_blank"
                                    href="{{ path('company', { section: classified.user.company.section.locale.slug, slug: classified.user.slug }) }}"
                                >
                                    {{- classified.user.fullName -}}
                                </a>
                            </div>
                        </div>
                    {% endif %}
                    {% if classified.email is not empty %}
                        <div class="classified_about__row row">
                            <div class="classified_about__label {{ column1responsiveClass }}">
                                {{- 'E-mail' -}}
                            </div>
                            <div class="classified_about__value {{ column2responsiveClass }}">
                                <a
                                    href="mailto:{{ classified.email }}"
                                    title="Wyślij e-mail do właściciela ogłoszenia"
                                >
                                    {{- classified.email -}}
                                </a>
                            </div>
                        </div>
                    {% endif %}
                    {% if classified.phone is not empty %}
                        <div class="classified_about__row row">
                            <div class="classified_about__label {{ column1responsiveClass }}">
                                {{- 'Numer telefonu' -}}
                            </div>
                            <div class="classified_about__value {{ column2responsiveClass }}">
                                {{- classified.phone -}}
                            </div>
                        </div>
                    {% endif %}
                    <div class="classified_about__row row">
                        <div class="classified_about__label {{ column1responsiveClass }}">
                            {{- 'Data dodania' -}}
                        </div>
                        <div class="classified_about__value {{ column2responsiveClass }}">
                            {{- classified.createdDate.format('d.m.Y') -}}
                        </div>
                    </div>
                    <div class="classified_about__row row">
                        <div class="classified_about__label {{ column1responsiveClass }}">
                            {{- 'Data ważności' -}}
                        </div>
                        <div class="classified_about__value {{ column2responsiveClass }}">
                            {%- if classified.displayDeadlineReached %}
                                <span class="color_other">
                                    {{- 'Ogłoszenie zakończone' -}}
                                </span>
                            {%- else %}
                                {{- classified.displayDeadline.format('d.m.Y') -}}
                            {% endif -%}
                        </div>
                    </div>
                    <div class="classified_about__row row">
                        <div class="classified_about__label {{ column1responsiveClass }}">
                            {{- 'Liczba punktów' -}}
                        </div>
                        <div class="classified_about__value {{ column2responsiveClass }}">
                            {{- classified.points -}}
                        </div>
                    </div>
                    <div class="classified_about__row row">
                        <div class="classified_about__label {{ column1responsiveClass }}">
                            {{- 'Liczba wyświetleń' -}}
                        </div>
                        <div class="classified_about__value {{ column2responsiveClass }}">
                            {{- classified.viewsAmount -}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="classified_profile__description">
            <div class="classified_profile__description_header">
                {{- 'Opis ogłoszenia:' -}}
            </div>
            <div class="basic_content">
                {{- classified.locale.content|raw -}}
            </div>
        </div>
        <h2 class="heading_h1">
            {{- 'Skontaktuj się:' -}}
        </h2>
        {{ form_start(form) }}
        {{ form_errors(form) }}
        <div class="row">
            <div class="col-sm-12">
                {{ form_row(form.name) }}
            </div>
            <div class="col-sm-12">
                {{ form_row(form.email) }}
            </div>
        </div>
        {{ form_row(form.message) }}
        <div class="text-right">
            {{ form_row(form.submit, { icon: 'paper-plane' }) }}
        </div>
        {{ form_end(form) }}
        {{ ads_block_classifieds('g', classified.category) }}
    </div>
    <script>
        $(function() {
            var galleryMain = new Swiper('.classified_images__main .swiper-container', {
                slidesPerView: 1,
                spaceBetween: 0,
                prevButton: '.classified_images__prev',
                nextButton: '.classified_images__next',
                centeredSlides: true
            });

            var galleryThumbs = new Swiper('.classified_images__slider .swiper-container', {
                slidesPerView: 3,
                spaceBetween: 15,
                centeredSlides: true,
                slideToClickedSlide: true
            });

            galleryMain.params.control   = galleryThumbs;
            galleryThumbs.params.control = galleryMain;

            $('.colorbox-group-main').colorbox({
                rel: 'colorbox-group-main',
                maxWidth: '95%',
                maxHeight: '95%',
                returnFocus: false
            });
        });
    </script>
    <script type="application/ld+json">
        {
          "@context": "http://schema.org"
          ,"@type": "Product"
          ,"name": "{{ classified.locale.name }}"
          ,"description": "{{ classified.locale.content }}"
          ,"offers": {
              "@type": "Offer"
              ,"availability": "http://schema.org/InStock"
              ,"price": "{{ classified.price }}"
              ,"priceCurrency": "PLN"
          }
          {% if classified.images|length > 0 %}
             ,"image": "{{ app.request.schemeAndHttpHost ~ vich_uploader_asset(classified.images[0], 'imageFile') }}"
          {% endif %}
        }

    </script>
{% endblock %}