<div class="card">
    <img class="card-image" src="{{ srcImg }}" >
    
    <div class="card-content">
        <h2 class="quote">“{{quoteContent}}”</h2>
        <ul class="infoQuote">
            <li>- {{sourceName}}</li>
            <li>- {{nameCarac}}</li>
            <li>- {{dateSortie}}</li>
        </ul>

        <div class="likes">
            <p>{{nbLike}} ❤️</p>
        </div>
    </div>

    <div class="like-icon">❤️</div>
    <div class="share-icon" onclick="copyCurrentUrl()">🔗</div>
</div>

<div class="commentaire">
    <div>
        <form action="{{racine}}/addComment" method="post">
            <input type="text" class="comAdd" id="content" name="content" required>
            <input type="hidden" class="hide" id="idQuote" name="idQuote" value="{{idQuote}}">
            <input type="submit" class="btn" value=">" />
        </form>
    </div>
    {% if com|length > 0 %} 
    <ul>
        {% for c in com %}
            <li>{{c.comment}} - {{ c.date }}</li>
        {% endfor %} 
    </ul>
    {% endif %}
</div>
</body>
</html>
