<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<ul class="list-group" style="max-width: 300px;">
	<li class="list-group-item" style="background-color: rgb(227, 100, 2); color: white;">
		<b>
			<i class="fa fa-object-group" style="margin-right: 5px;"></i>
			<span th:text="${aggReportId}"></span>
		</b>
	</li>
<!-- 	<li class="list-group-item">
		<b>Type:    </b>
		<label class="label" style="background-color: rgb(227, 100, 2);">
			<span class="glyphicon glyphicon-duplicate" style="margin-right: 5px;"></span>
			Aggregated Report
		</label>
	</li> -->
	<li class="list-group-item">
		<b>主要点 <span class="glyphicon glyphicon-star" style="color: rgb(244, 172, 7); margin-right: 5px;"></span></b>
		<span th:text="${masterReport.description}"></span><br />
	</li>
	<li class="list-group-item">
		<b>补充点: </b><br />
		<ul class="list-group sup-list" style="max-width: 290px;">
            <th:block th:each="supplement : ${supplements}">
                <li class="list-group-item">
                    <span class="glyphicon glyphicon-duplicate" style="color: rgb(25, 149, 207); margin-right: 5px;"></span>
                    <a href="#" style="color: #2F94C3;" th:text="${supplement.getSupplementId()}"></a>

                    <span th:if="${supplement.hasTxt}"
                          th:text="'...' + ${supplement.topTxt} + '...'"></span>

                    <img th:if="${!supplement.hasTxt}" class="my-img-thumbnail pointer"
                         th:src="${imgUrl}" th:each="imgUrl,iterStat : ${supplement.top3Img}"
                         th:onclick="'javascript:showimage(\''+${imgUrl}+'\');'"/>
                </li>

            </th:block>
		</ul>
	</li>
</ul>
</html>