{% macro default(item, og, core, locale) %}
{% import _self as toolsView %}
{% import "features/macro-elements.twig" as macroElements %}

{% if item.title %}
<h1 class="title">{{ item.title|raw }}</h1>
{% endif %}

{{ macroElements.html_listOptions(item, og, false) }}

{% if item.call %}
<blockquote><p>{{ item.call|raw }}</p></blockquote>
{% endif %}

{% if item.thumb %}
<figure class="pull-right img-cover">
    <a href="{{ item.original.src }}"{% if item.legend %} title="{{ item.legend|striptags|raw }}"{% endif %} class="lightbox image-hover" data-plugin-options='{"type":"image"}'>
        <span class="image-hover-icon"><i class="fa fa-fw fa-search-plus" aria-hidden="true"></i></span>
        <img src="{{ item.thumb.src }}" alt="{{ item.title|striptags|raw }}" width="{{ item.thumb.width }}" height="{{ item.thumb.height }}" class="img-thumbnail" />
    </a>
</figure>
{% endif %}

{% if item.amount %}
{{ macroElements.html_amount(item) }}
{% endif %}

{% if item.text %}
<div class="tinymce">
  {{ item.text|raw }}
</div>
{% endif %}

{% if item.button %}
<a href="{{ item.button.url }}" title="{{ item.button.title|striptags|raw }}" class="btn btn-primary">
  {{ item.button.title|raw }}
</a>
{% endif %}

{% if item.galleryPhoto %}
<div class="clearfix"></div>
{{ toolsView.galleryPhoto(item.galleryPhoto) }}
{% endif %}

{% if item.galleryVideo %}
<div class="clearfix"></div>
{{ toolsView.galleryVideo(item.galleryVideo) }}
{% endif %}

{% if item.galleryAnexx %}
<div class="clearfix"></div>
{{ toolsView.galleryAnexx(item.galleryAnexx) }}
{% endif %}

{% if item.galleryAudio %}
<div class="clearfix"></div>
{{ toolsView.galleryAudio(item.galleryAudio) }}
{% endif %}

<div class="clearfix"></div>

{{ toolsView.actionsSocial(og, locale) }}

<div class="clearfix"></div>
{% endmacro %}

{% macro galleryPhoto(data) %}
{% if data %}
<h4 class="heading-macro{% if not data.info.title %} hide{% endif %}">
    <i class="fa fa-fw fa-picture-o"></i> {{ data.info.title|raw }}
</h4>

{% if data.gallery %}
<div class="gallery-photo">
    <ul class="list-unstyled lightbox" data-plugin-options='{"delegate": "a", "gallery": {"enabled": true}}'>
        {% for item in data.gallery %}
        <li class="grid-control col {{ data.info.cols }} equal-height">
            <figure class="image-hover">
                <a href="{{ item.original.image.src }}" title="{{ item.title|striptags|raw }}">
                    <span class="image-hover-icon"><i class="fa fa-search-plus" aria-hidden="true"></i></span>
                    <picture>
                        <source srcset="{{ item.thumb.webp.src }}" type="{{ item.thumb.webp.mimetype }}">
                        <source srcset="{{ item.thumb.image.src }}" type="{{ item.thumb.image.mimetype }}">

                        <img class="img-responsive" width="{{ item.thumb.image.width }}" height="{{ item.thumb.image.height }}" alt="{{ item.title|striptags|raw }}">
                    </picture>
                </a>
            </figure>
        </li>
        {% endfor %}
    </ul>
</div>
{% endif %}
{% endif %}
{% endmacro %}

{% macro galleryVideo(data) %}
{% if data %}
<h4 class="heading-macro{% if not data.info.title %} hide{% endif %}">
    <i class="fa fa-fw fa-video-camera"></i> {{ data.info.title|raw }}
</h4>

{% if data.gallery %}
<div class="gallery-video">
    <ul class="lightbox list-unstyled" data-plugin-options='{"delegate": "a", "gallery": {"enabled": true}}'>
        {% for item in data.gallery %}
        <li class="grid-control col {{ data.info.cols }} equal-height">
            <div class="embed-responsive embed-responsive-16by9">
                <div class="embed-responsive-item {{ item.tag.type }}" data-video-id="{{ item.tag.code }}"></div>
            </div>
            {% if item.legend or item.credit %}
            <p>{% if item.legend %}{{ item.legend|raw }}{% endif %}{% if item.legend and item.credit %} - {% endif %}{% if item.credit %}{{ item.credit|raw }}{% endif %}</p>
            {% endif %}
        </li>
        {% endfor %}
    </ul>
</div>
{% endif %}
{% endif %}
{% endmacro %}

{% macro galleryAnexx(data, title = true) %}
{% if data %}
{% if title %}
<h4 class="heading-macro{% if not data.info.title %} hide{% endif %}">
    <i class="fa fa-fw fa-paperclip"></i> {{ data.info.title|raw }}
</h4>
{% endif %}

<div class="gallery-anexx">
    <ul class="list-group col_half">
        {% for item in data.gallery %}
        <li class="list-group-item">
            <a href="{{ item.file }}" title="Fazer download do arquivo {{ item.legend|striptags|raw }}">
                <i class="{{ item.icon }}"></i>&nbsp;{{ item.legend|raw }}
            </a>

            <span class="badge badge-light">
                <a href="{{ item.file }}" title="Fazer download do arquivo {{ item.legend|striptags|raw }}">
                    <i class="fa fa-fw fa-download"></i>&nbsp;Download
                </a>
            </span>
            <div class="clearfix"></div>
        </li>
        {% endfor %}
    </ul>
</div>
{% endif %}
{% endmacro %}

{% macro galleryAudio(data) %}
{% if data %}
<h4 class="heading-macro{% if not data.info.title %} hide{% endif %}">
    <i class="fa fa-fw fa-volume-up"></i> {{ data.info.title|raw }}
</h4>

<div class="gallery-audio">
    <ul class="list-unstyled">
        {% for item in data.gallery %}
        <li>
            <audio src="{{ item.file }}" controls></audio>&nbsp;&nbsp;<span>{{ item.legend|raw }}</span>
        </li>
        {% endfor %}
    </ul>
    {% endif %}
</div>
{% endmacro %}

{% macro complementaryModules(item) %}
{% import _self as toolsView %}
{% if item.galleryPhoto %}
<div class="clearfix"></div>
{{ toolsView.galleryPhoto(item.galleryPhoto) }}
{% endif %}

{% if item.galleryVideo %}
<div class="clearfix"></div>
{{ toolsView.galleryVideo(item.galleryVideo) }}
{% endif %}

{% if item.galleryAnexx %}
<div class="clearfix"></div>
{{ toolsView.galleryAnexx(item.galleryAnexx) }}
{% endif %}

{% if item.galleryAudio %}
<div class="clearfix"></div>
{{ toolsView.galleryAudio(item.galleryAudio) }}
{% endif %}
{% endmacro %}

{% macro facebookComments(permalink, posts) %}
<div class="fb-comments" data-href="{{ permalink }}" data-width="100%" data-numposts="{{ posts }}"></div>
{% endmacro %}

{% macro actionsSocial(og, extra, title = true) %}
{% if og %}
<div class="social-sharing">
    {% if title %}<h4 class="heading-macro"><i class="fa fa-fw fa-share-alt-square"></i> {{ extra.share.title|raw }}</h4>{% endif %}

    <ul class="list-inline">
        <li>
            <a target="_blank" href="http://www.facebook.com/sharer.php?u={{ og.url }}" class="share-facebook" title="Clique para compartilhar no {{ extra.share.facebook|striptags|raw }}">
                <i class="fa fa-fw fa-facebook" aria-hidden="true"></i>
                <span class="share-title">{{ extra.share.facebook|raw }}</span>
            </a>
        </li>

        <li>
            <a target="_blank" href="http://twitter.com/share?url={{ og.url }}&amp;text={{ og.site_name|striptags|raw }}" class="share-twitter" title="Clique para compartilhar no {{ extra.share.twitter|striptags|raw }}">
                <i class="fa fa-fw fa-twitter" aria-hidden="true"></i>
                <span class="share-title">{{ extra.share.twitter|raw }}</span>
            </a>
        </li>

        <li>
            <a target="_blank" href="https://api.whatsapp.com/send?text={{ og.site_name }}: Confira mais no site: {{ og.url }}" class="share-whatsapp" title="Clique para compartlhar no {{ extra.share.whatsapp|striptags|raw }}">
                <i class="fa fa-fw fa-whatsapp" aria-hidden="true"></i>
                <span class="share-title">{{ extra.share.whatsapp|raw }}</span>
            </a>
        </li>
    </ul>
</div>
{% endif %}
{% endmacro %}