{% macro display(idsound, img, titre, artist, ytsrc, idvote) %}
<div class="card ml-2 mr-2 rounded mt-4 card-shadow">
    <div class="card-header p-2">
        <img src="{{ img }}" class="img-fluid rounded card-img" alt="{{ artist }} -  {{ titre }}">
    </div>
    <div class="info-card card-body">
        <h5 class="text-uppercase font-weight-bold">{{ titre }}</h5>
        <h6 class="text-capitalize">{{ artist }}</h6>
        <h6 class="">N° nomination <span class="badge badge-secondary">{{ "%02d"|format(idvote) }}</span></h6>
    </div>
    <div class="card-footer main-color">
        <span class="h3 card-link lkVodeModal" title="Voter" data-idsound="{{ idsound }}" >
            <i class="fas fa-heart"></i>
        </span>
        <a href="" class="h3 card-link" title="Voir le clip" data-toggle="modal" data-target="#video" data-backdrop="static" data-keyboard="false" data-ytsrc="{{ ytsrc }}" data-title="{{ artist }} -  {{ titre }}">
            <i class="fab fa-youtube"></i>
        </a>
    </div>
</div>
{% endmacro %}

{% macro displayTitleVoteArtiste(idsound, img, titre, artist, ytsrc, note) %}
<div class="card ml-2 mr-2 rounded mt-4 card-shadow">
    <div class="card-header p-2">
        <img src="{{ img }}" class="img-fluid rounded card-img card-header-img" alt="{{ artist }} -  {{ titre }}">
    </div>
    <div class="info-card card-body">
        <h5 class="text-uppercase font-weight-bold">{{ titre }}</h5>
        <h6 class="text-capitalize">{{ artist }}</h6>
        <h6 class="">N° nomination <span class="badge badge-pill badge-secondary">{{ idsound }}</span></h6>
        <h6 class="">Note actuelle : <span class="font-weight-bold" id="note-{{ idsound }}">{{ note }}/4</span></h6>
    </div>
    <div class="card-footer">
    {% if not note %}
        <a href="" class="h3 card-link" title="Voter" data-toggle="modal" data-idsound="{{ idsound }}" data-note="{{ note }}" data-target="#votemodal" data-backdrop="static" data-keyboard="false" >
            <i class="fas fa-heart"></i>
        </a>
    {% endif %}
        <a href="" class="h3 card-link" title="Voir le clip" data-toggle="modal" data-target="#video" data-backdrop="static" data-keyboard="false" data-ytsrc="{{ ytsrc }}" data-title="{{ artist }} -  {{ titre }}">
            <i class="fab fa-youtube"></i>
        </a>
    </div>
</div>
{% endmacro %}