        <div class="panel panel-default checker-results">
            <div class="panel-heading" role="tab">
              <h4 class="panel-title">Result for {{ check.getSource }}</h4>
              <button type="button" class="close">&times;</button>
            </div>
            <div>
                <ul class="list-group">
                        <li class="list-group-item report policyResult">
                            <div class="checker-result-text">Policy report ({{ check.getPolicy }}) <span class="text-uppercase text-{{ check.getStatus ? 'success' : 'danger' }}"><b>{{ check.getStatus ? '' : 'not ' }}valid</b></span></div>
                            <div class="checker-result-buttons">
                                <a href="#" data-toggle="modal" data-target="#modalPolicy{{ loop.index }}" title="View report"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span></a>
                                <a href="#" class="results-dld" data-toggle="results-dld" data-save-name="PolicyReport.txt" onclick="webpage.onDownloadReport($('#modalPolicy{{ loop.index }} .modal-body').html(), $(this).data('save-name'));"><span class="glyphicon glyphicon-download" aria-hidden="true"></span></a>
                            </div>
                        </li>
                        <li class="list-group-item report">
                            <div class="checker-result-text">Implementation report <span class="text-uppercase text-{{ check.getStatus ? 'success' : 'danger' }}"><b>{{ check.getStatus ? '' : 'not ' }}valid</b></span></div>
                            <div class="checker-result-buttons">
                                <a href="#" data-toggle="modal" data-target="#modalConformance{{ loop.index }}" title="View report"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span></a>
                                <a href="#" class="results-dld" data-toggle="results-dld" data-save-name="ImplementationReport.txt" onclick="webpage.onDownloadReport($('#modalConformance{{ loop.index }} .modal-body').html(), $(this).data('save-name'));"><span class="glyphicon glyphicon-download" aria-hidden="true"></span></a>
                            </div>
                        </li>
                        <li class="list-group-item report">
                            <div class="checker-result-text">MediaInfo</div>
                            <div class="checker-result-buttons">
                              <a href="#" data-toggle="modal" class="results-view-info-ajax" data-target="#modalInfo{{ loop.index }}" data-filename="{{ check.getInfo }}" title="View MediaInfo"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span></a>
                              <a href="#" data-toggle="results-dld" class="results-dld-info-ajax" data-target="#infoXml{{ loop.index }}" data-filename="{{ check.getInfo }}" data-save-name="MediaInfo.xml" title="Download MediaInfo" onclick="webpage.onDownloadReport($($(this).data('target') + ' .modal-body').html(), $(this).data('save-name'));"><span class="glyphicon glyphicon-download" aria-hidden="true"></span></a>
                            </div>
                        </li>
                        <li class="list-group-item report">
                            <div class="checker-result-text">MediaTrace</div>
                            <div class="checker-result-buttons">
                              <a href="#" data-toggle="modal" class="results-view-trace-ajax" data-target="#modalTrace{{ loop.index }}" data-filename="{{ check.getTrace }}" title="View trace"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span></a>
                              <a href="#" data-toggle="results-dld" class="results-dld-trace-ajax" data-target="#traceXml{{ loop.index }}" data-filename="{{ check.getTrace }}" data-save-name="MediaTrace.xml" title="Download trace" onclick="webpage.onSaveTrace($($(this).data('target') + ' .modal-body').html(), $(this).data('save-name'));"><span class="glyphicon glyphicon-download" aria-hidden="true"></span></a>
                            </div>
                        </li>
                </ul>
            </div>

                <div id="modalPolicy{{ loop.index }}" class="modal fade">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                <h4 class="modal-title">Policy report</h4>
                            </div>
                            <div class="modal-body">
                                {% if check.getPolicy|length > 0 %}
                            </div>
                            <div class="modal-footer">
                              <button type="button" class="btn btn-primary report-dld" data-target="#modalPolicy{{ loop.index }}" data-save-name="PolicyReport.txt" onclick="webpage.onDownloadReport($($(this).data('target') + ' .modal-body').html(), $(this).data('save-name'));">Download report</button>
                              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                            </div>
                        </div>
                    </div>
                </div>

                <div id="modalConformance{{ loop.index }}" class="modal fade">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                <h4 class="modal-title">Implementation report</h4>
                            </div>
                            <div class="modal-body">
                                {{ check.getConformance|replace({' ': '&nbsp;'})|raw|nl2br }}
                            </div>
                            <div class="modal-footer">
                              <button type="button" class="btn btn-primary report-dld" data-target="#modalConformance{{ loop.index }}" data-save-name="ImplementationReport.txt" onclick="webpage.onDownloadReport($($(this).data('target') + ' .modal-body').html(), $(this).data('save-name'));">Download report</button>
                              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                            </div>
                        </div>
                    </div>
                </div>

                <div id="modalInfo{{ loop.index }}" class="modal fade">
                  <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                      <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">MediaInfo</h4>
                      </div>
                      <div class="modal-body">
                        <div class="row">
                          <div class="col-md-6">
                            <i class="glyphicon glyphicon-search"></i><input type="text" value="" class="jstreeSearch" id="infoSearch{{ loop.index }}" placeholder="Search" />
                          </div>
                          <div class="col-md-12">
                            <div id="info{{ loop.index }}"></div>
                          </div>
                        </div>
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn btn-primary results-dld-info-ajax" data-target="#infoXml{{ loop.index }}" data-save-name="MediaInfo.xml" data-filename="{{ check.getInfo }}" onclick="webpage.onSaveInfo($($(this).data('target') + ' .modal-body').html(), $(this).data('save-name'));">Download MediaInfo</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                      </div>
                    </div>
                  </div>
                </div>
                <div id="infoXml{{ loop.index }}" class="hidden">
                  <p class="modal-body"></p>
                </div>

                <div id="modalTrace{{ loop.index }}" class="modal fade">
                  <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                      <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">MediaTrace</h4>
                      </div>
                      <div class="modal-body">
                        <div class="row">
                          <div class="col-md-6">
                            <i class="glyphicon glyphicon-search"></i><input type="text" value="" class="jstreeSearch" id="traceSearch{{ loop.index }}" placeholder="Search" />
                          </div>
                          <div class="col-md-12">
                            <div id="trace{{ loop.index }}"></div>
                          </div>
                        </div>
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn btn-primary results-dld-trace-ajax" data-target="#traceXml{{ loop.index }}" data-save-name="MediaTrace.xml" data-filename="{{ check.getTrace }}" onclick="webpage.onSaveTrace($($(this).data('target') + ' .modal-body').html(), $(this).data('save-name'));">Download MediaTrace</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                      </div>
                    </div>
                  </div>
                </div>
                <div id="traceXml{{ loop.index }}" class="hidden">
                  <p class="modal-body"></p>
                </div>
        </div>

