{% extends layout('ad-detail') %}

{% block ogdata %}
    <meta property="og:site_name"
          content="{{ template.get('og_site_name', setting_value('streams::name', config_get('streams::distribution.name'))) }}"/>
    <meta property="og:description" content="{{ adv.advs_desc|striptags|raw }}"/>
    <meta property="og:title" content="{{ adv.title }}"/>
    <meta property="og:url" content="{{ template.get('og_url', url_current()) }}"/>
    <meta property="og:image" content="{{ adv.getViewPhotoUrl|first }}">
    <meta property="og:type" content="website"/>
{% endblock %}

{% block content %}

    {% if entries('advs').isEnabled('comments') %}
        {{ asset_add("styles.css", "visiosoft.module.comments::css/style.css") }}
    {% endif %}

    <section id="main" class="clearfix details-page">
        <div class="container">

            {% include "visiosoft.theme.base::partials/messages" %}

            <!-- breadcrumb -->
            <div class="breadcrumb-section">
                <ol class="breadcrumb">
                    {% for cat in categories %}
                        <li>
                            <a href="{{ url_route('visiosoft.module.advs::list_cat', [cat.id]) }}">{{ cat['name'] }}</a>
                        </li>
                    {% endfor %}
                </ol>
                <h2 class="title">{{ categories|last['name'] }}</h2>
            </div>
            <!-- breadcrumb -->

            <!--detail-ad -->
            <div class="section slider">
                <div class="row">

                    {% include "visiosoft.theme.base::ad-detail/partials/slider" %}

                    <div class="col-md-5">
                        {% include "visiosoft.theme.base::ad-detail/partials/detail" %}
                    </div>
                </div>

                {% if entries('advs').isEnabled('complaints') %}
                    <a class="complaints pull-right" id="complaints"
                       title="{{ trans('visiosoft.module.advs::field.report') }}"><i
                                class="fa fa-exclamation-triangle"></i></a>
                {% endif %}

            </div>
            <!--detail-ad -->


            {% if blocks('ad-item-content-block-area') is null %}
                {% include "visiosoft.theme.base::ad-detail/partials/content-ad" %}
            {% else %}
                {{ blocks('ad-item-content-block-area') }}
            {% endif %}

            {% if entries('advs').isEnabled('recommendedads') %}
                {% include "visiosoft.module.recommendedads::recommended-ads" %}
            {% endif %}

        </div>
    </section>



    {% if entries('advs').isEnabled('complaints') %}
        {% include "visiosoft.module.complaints::modal" %}
    {% endif %}

    {% if entries('advs').isEnabled('messages') %}
        {% include "visiosoft.module.messages::ad-detail/modal" %}
    {% endif %}

    {% if entries('advs').isEnabled('favs') %}
        {{ asset_add("scripts.js", "visiosoft.module.favs::js/favs.js") }}
    {% endif %}

    {% if entries('advs').isEnabled('comments') %}
        {{ asset_add("scripts.js", "visiosoft.module.comments::js/ajaxcomment.js") }}
    {% endif %}

    {% if entries('advs').isEnabled('comparisons') %}
        {% include "visiosoft.module.comparisons::comparison" %}
    {% endif %}


    {% if entries('advs').isEnabled('carts') %}
        {{ asset_add("scripts.js", "visiosoft.module.carts::js/quantity.js") }}
    {% endif %}

    {{ asset_add("scripts.js", "visiosoft.theme.base::js/list-item.js") }}
    {{ asset_add("scripts.js", "visiosoft.theme.base::js/phoneCounter.js") }}
    {{ asset_add("scripts.js", "visiosoft.theme.base::js/viewed.js") }}

{% endblock %}

{% block customjs %}

    {% if entries('advs').isEnabled('streetview') and adv.map_Val != "" %}
        {% include "visiosoft.module.streetview::list-item" %}
    {% endif %}

{% endblock %}