<div class="js-content-answers">
    <div class="right-border-gray left-border-gray bottom-border-gray">
        <div class="flex full-width between-xs middle-xs padding-medium cursor-pointer js-control-saved-answers">
          <span class="text-dark text-small">Ver respostas salvas</span>
          <i class="fas fa-chevron-down text-dark text-small"></i>
        </div>
        
        {% if answers %}    
            <div class="right-padding-medium left-margin-medium bottom-padding-medium top-border-gray hidden js-saved-answers" style="max-height:200px;overflow-y:auto;">
              {% for answer in answers %}
              <div class="row nowrap-xs no-space-xs middle-xs cursor-pointer answer-saved js-answer-saved">
                <div class="col-xs">
                  <div class="content-box padding-medium answer-saved-content js-answer-saved-content">
                    <span class="text-medium text-gray visible-block">{{ answer.answer }}</span>
                  </div>
                </div>
                <div class="col-xs-width-auto">
                  <div class="content-box js-answer-saved-remove">
                    <span class="text-small text-error visible-block cursor-pointer text-right js-delete-answers" data-answers-id="{{ answer.answers_id }}">Excluir</span>
                  </div>
                </div>
              </div>
              {% endfor %}
            </div>          
        {% endif %}
      
      </div>
</div>
