{% trans_default_domain 'front_default' %}

{% if api is not defined %}
    {% set website = website is defined ? website : website() %}
    {% set api = website.api is defined ? website.api : null %}
    {% set shareCodes = api.shareLinks is defined ? api.shareLinks : [] %}
{% endif %}

{% set isFixed = api.shareLinkFixed %}
{% set displayName = not isFixed and api.displayShareNames %}
{% set shareUrl = masterRequest().uri %}
{% set ogImage = seo.ogImage is defined and seo.ogImage ? seo.ogImage : null %}
{% set ogImage = not ogImage and logos.share is defined and logos.share ? logos.share : ogImage %}
{% set title = seo.title is defined and seo.title ? seo.title : null %}
{% set description = seo.description is defined and seo.description ? seo.description : null %}

{% set sharers = {
    'facebook': {'media': 'fab fa-facebook-f', 'url': "https://www.facebook.com/sharer/sharer.php?u=" ~ shareUrl},
    'twitter': {'media': 'fab fa-twitter', 'url': "https://twitter.com/intent/tweet?status=" ~ shareUrl ~ "&text=" ~ title},
    'pinterest': {'media': 'fab fa-pinterest-p', 'url': "https://pinterest.com/pin/create/button/?url=" ~ shareUrl ~ "&media=" ~ ogImage ~ "&description=" ~ description},
    'linkedin': {'media': 'fab fa-linkedin-in', 'url': "https://www.linkedin.com/shareArticle?mini=true&url=" ~ shareUrl ~ "&title=" ~ title},
    'email': {'media': 'fal fa-envelope'}
} %}

<div class="share-widget">

    {% if not isFixed %}
        <span class="d-inline-block w-100 text-bold mb-2">{{ "Partager sur :"|trans|raw }}</span>
    {% endif %}

    <ul class="reset{% if isFixed %} share-fixed{% endif %}{% if displayName %} share-names{% else %} share-btns{% endif %}" data-count="{{ shareCodes|length }}">
        {% for code, config in sharers %}
            {% if code in shareCodes %}
                <li class="float-left{% if not loop.last %} mr-2{% endif %}">
                    {% if code == 'email' %}
                        <div title="{{ code|capitalize }}" data-toggle="tooltip"{% if isFixed %} data-placement="left"{% endif %}>
                            <span class="share-link share-link-{{ code }} d-inline-block text-center cursor{% if displayName %} btn{% endif %}"
                                  data-toggle="modal"
                                  data-target="#share-email-modal">
                                <i class="{{ config['media'] }}"></i>{% if displayName %}<span class="pl-2">{{ code|capitalize }}</span>{% endif %}
                            </span>
                        </div>
                    {% else %}
                        <a href="{{ config['url'] }}"
                           class="share-link share-link-popup share-link-{{ code }} d-inline-block text-center cursor{% if displayName %} btn{% endif %}"
                           title="{{ code|capitalize }}"
                           data-toggle="tooltip"{% if isFixed %} data-placement="left"{% endif %}>
                            <i class="{{ config['media'] }}"></i>{% if displayName %}<span class="pl-2">{{ code|capitalize }}</span>{% endif %}
                        </a>
                    {% endif %}
                </li>
            {% endif %}
        {% endfor %}
    </ul>

    {% if 'email' in shareCodes %}
        <div class="modal fade" id="share-email-modal" tabindex="-1" role="dialog" aria-labelledby="share-email-modal-label" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content text-white">
                    <button type="button" class="close" data-dismiss="modal" aria-label="{{ "Fermer"|trans|raw }}"><i class="fal fa-times"></i></button>
                    <div class="modal-body d-flex">
                        <div class="col-md-6 offset-md-3 col-xl-4 offset-xl-4 my-auto p-0">

                            <div class="header mb-4">
                                <h4 class="title mb-4">{{ "Envoyer à un ami"|trans|raw }}</h4>
                                {% if title %}
                                    <span class="share-title d-inline-block w-100">{{ title }}</span>
                                {% endif %}
                                <span class="url d-inline-block w-100">{{ shareUrl }}</span>
                            </div>

                            <form action="">
                                <div class="form-group">
                                    <label for="share-to-input">{{ "Envoyer à"|trans|raw }}<span> *</span></label>
                                    <input type="email" class="form-control" id="share-to-input" placeholder="{{ "Saisissez un email"|trans|striptags }}" required>
                                </div>
                                <div class="form-group">
                                    <label for="share-subject-input">{{ "Sujet"|trans|raw }}</label>
                                    <input type="text" class="form-control" id="share-subject-input" placeholder="{{ "Saisissez un sujet"|trans|striptags }}" value="{{ title }}">
                                </div>
                                <div class="form-group">
                                    <label for="share-message-input">{{ "Message"|trans|raw }}</label>
                                    <textarea class="form-control" id="share-message-input" rows="3" placeholder="{{ "Saisissez un message"|trans|striptags }}"></textarea>
                                </div>
                                <div class="form-group text-center">
                                    <button class="btn share-email-submit" data-url="{{ shareUrl }}">
                                        {{ "Envoyer"|trans|raw }}
                                    </button>
                                </div>

                                <small class="d-inline-block w-100 info">
                                    {{ "(*) champs obligatoires"|trans|raw }} <br>
                                    {{ "Par cet envoi, j'affirme que je suis autorisé à envoyer cet e-mail."|trans|raw }}
                                </small>

                            </form>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}

</div>