<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@include file="/WEB-INF/jsp/includes.jsp"%>
<div class="main-layout solu-test">
	<div class="main-header">
		${unit.unitNo }&nbsp;${unit.unitName }
		<span class="test-pros"><i class="icon-ttm ${unit.progress==100?'icon-right':'icon-underway' }"></i>
			已完成${unit.progress }%</span>
	</div>
	<div class="tcourse-box">
		<ul class="tcourse-list clearfix">
			<c:forEach items="${itemList}" var="itemMap">
				<c:set var="item" value="${itemMap['item']}"/>
				<c:set var="study" value="${itemMap['study']}"/>
				<li class="tcourse-item">
					<div class="view view-tcourse">
						<div class="view-show">
							<c:if test="${not empty study && study.isOver==2}">
								<span class="tag-progress">FINISHED</span>
							</c:if>
							<div class="view-img">
								<c:if test="${empty item.videoPic}">
									<coeus:img src="/images/uploading-video.png"/>
								</c:if>
								<c:if test="${not empty item.videoPic}">
									<coeus:img src="${item.videoPic}"/>
								</c:if>
								<a href="javascript:void(0)" class="view-shadow" itemId="${item.itemId }"> <i
									class="icon-ttm icon-play-ttm"></i> </a>
							</div>
							<div class="show-intro box-m">
								<div class="show-tname">
									<span>${item.itemName }</span>
								</div>
								<div class="show-time">
									<i class="icon-play00 icon-ttm"></i><coeus:datetime millisValue="${item.duration}" type="duration2"/>
								</div>
							</div>
						</div>
					</div>
				</li>
			</c:forEach>
		</ul>
	</div>
</div>
<script type="text/javascript">
$(function(){
	$(".view-shadow").click(function(){
		var itemId = $(this).attr("itemId");
		location.href=CONTEXTPATH+"/study/init/play/"+itemId+".mooc";
	});
});
</script>