{% extends "theme/base.html.twig" %}

{% block title %}{% endblock %}
{% block bodyclass %}{{background}}{% endblock %}
{% block head %}
    {{ parent() }}
{% endblock %}

{% block content %}

     {% if snapTitre is defined %}
        <div class="snaptitre">{{snapTitre}}</div>
    {% endif %}
    
    <div class="container" id="main">
    {% include 'theme/reload.html.twig' with dataOeuvres %}
    </div>

	<div class="overlay"></div>

    <div class="overlay-content container-infos">
        <div class="inner-overlay-content">
            <div class="submenu">
                <ul>
                    <li id="info-tabs-info" class="active">INFOS</li>
                    <li id="info-tabs-aide">AIDE</li>
                    <li id="info-tabs-credits">CREDITS</li>
                </ul>
            </div>
            <div class="container-info-tabs">
                <div class="info-tabs info-tabs-info active">{{dataTexte.info_texte |raw}}</div>
                <div class="info-tabs info-tabs-aide">{{dataTexte.info_aide |raw}}</div>
                <div class="info-tabs info-tabs-credits">{{dataTexte.info_credits |raw}}</div>
            </div>
        </div>
    </div>

    <div class="overlay-content container-snap">
        <div class="inner-overlay-content">
            <h3>ENREGISTRER</h3>
            <div class="snap-after">
                {{dataTexte.snap_after |raw}}
                <br><br>
                <form id="form" onsubmit="return App.snapshotSubmit(this);">
                    <input type="text" name="titre" placeholder="Entrez un titre" required class="input-submit" id="input-snap">
                    <input type="submit" name="submit" class="cta-submit" id="cta-snap-val" value="Enregistrer"/>
                    <div class="form-error"></div>
                </form>
            </div>
             <div class="snap-success">
                {{dataTexte.snap_success |raw}}

                <div class="social-share"></div>

             </div>
        </div>
    </div>



    <div class="actions"><div class="action" id="act-reload"></div> <div class="action" id="act-infos"></div> <div class="action" id="act-snap"></div></div>

    <div class="actions-close"><div class="action" id="act-close"></div></div>

    
{% endblock %}