{% if faq_results is not empty  %}
    {% for faq_results in faq_results %}
        <span id="qFeed{{faq_results.id}}" class="badge" style="width:120px;text-align:right">
            {{ faq_results.feedback }}&nbsp;<i class="fa fa-thumbs-o-up fa-lg" data-toggle="tooltip" title="{{ 'help.tip1'|trans({}, 'HelpBundle') }}"></i>
            &nbsp;{{ faq_results.feedbackNo }}&nbsp;<i class="fa fa-thumbs-o-down fa-lg" data-toggle="tooltip" title="{{ 'help.tip6'|trans({}, 'HelpBundle') }}"></i>
        </span>
        <a  id="{{faq_results.id}}" href="#"> {{ faq_results.faqShortQuestion }} 
        </a>

        <div id="ShamraQAns{{faq_results.id}}" hidden >
            <div id="{{faq_results.id}}">
                <div id="DQsection" class="col-md-12">
                    <p> {{ faq_results.faqDetailedQuestion|raw }}</p>
                </div>
                <div id="Asection" class="col-md-12">
                    <h4 id="AnsTitle">{{ 'help.shAnswer'|trans({}, 'HelpBundle') }}</h4>
                    <p> {{ faq_results.shamraAnswer|raw}}</p>
                </div>
                <div id="feedMsg{{faq_results.id}}">
                    <div id="AskQ" style="font-weight: bold;vertical-align:-15%">{{ 'help.tip3'|trans({}, 'HelpBundle') }}
                        <a  id="{{faq_results.id}}" href="#"> 
                            <i class="fa fa-thumbs-o-up fa-lg"  data-toggle="tooltip" title="{{ 'help.tip4'|trans({}, 'HelpBundle') }}"></i> 
                        </a> &nbsp;&nbsp;&nbsp;
                        <a  id="{{faq_results.id+100000000}}" href="#"> 
                            <i class="fa fa-thumbs-o-down fa-lg"  data-toggle="tooltip" title="{{ 'help.tip5'|trans({}, 'HelpBundle') }}"></i> 
                        </a>
                    </div>
                </div>   
                <div id="feedRes{{faq_results.id}}" class="alert alert-success" hidden role="alert" style="font-weight: bold;">
                    {{ 'help.tip2'|trans({}, 'HelpBundle') }}
                </div>
            </div>
        </div>
        <hr style="margin-top: 10px;margin-bottom: 10px">
    {% endfor %}
{% else %}
    <h3 id="noQuestion">{{ 'help.noQuestions'|trans({}, 'HelpBundle') }}</h3>
{% endif %}