<%@ page contentType="text/html; charset=UTF-8"%><%@ include file="/WEB-INF/jspf/include/taglibs.jsp"%>

<div id="tvActivateResult"></div>

<ul class="nav nav-tabs px-4">
	<li class="nav-item"><a class="nav-link" href="#" onclick="showBlock( 'tvProductTab', 'list', tvProductQuery ); return false;">Текущие</a></li>
	<li class="nav-item"><a class="nav-link active" href="#" onClick="return false;">Доступные</a></li>
	<li class="nav-item"><a class="nav-link" href="#" onClick="showBlock( 'tvProductTab', 'history', tvProductQuery ); return false;">История</a></li>
</ul>

<div class="tile tileTabs">

<c:if test="${empty tvAccountList}">
	<div class="alert alert-primary mt-3">Аккаунты не найдены. Обратитесь в техподдержку.</div>
</c:if>

<c:forEach var="tvAccountItem" varStatus="tvAccountStatus" items="${tvAccountList}">
	<div class="mTop10 titleBottomLine"><span class="titleFont2">${tvAccountItem.title}</span><!-- <span class="paramColor" style="font-size: 10px;">[#${tvAccountItem.id}]</span> --></div>
	<div class="helpMessage">
	<c:choose>
		<c:when test="${not empty productOfferings[tvAccountItem.id]}">Выберите режим активации для продукта, подписку на который хотите активировать</c:when>
		<c:otherwise>На данный момент нет продуктов, подписку на которые Вы могли бы активировать</c:otherwise>
	</c:choose>
	</div>

	<c:forEach var="productItem" items="${productOfferings[tvAccountItem.id]}">
		<c:if test="${productItem.enable}">
			<div class="titleFont2 titleBottomLine" style="margin: 1rem 2rem; margin-right: 0px;">Продукт: ${productItem.productSpec.title}</div>
			<c:if test="${not empty productItem.productSpec.description}"><div class="descrMessage">${productItem.productSpec.description}</div></c:if>
			<div class="tile4480" style="padding-left: 10pt; padding-bottom: 3pt; justify-content: flex-start;">
			<c:forEach var="activateModeItem" items="${productItem.activationModeList}">
				<div class="button1 activatePanel"
					onclick="if ( confirm( 'Вы уверены, что хотите активировать подписку?' ) ) { showBlock( 'tvActivateResult', 'activate', { ...tvProductQuery, tvAccountId: ${tvAccountItem.id}, productSpecId: ${productItem.productSpec.id}, activationModeId: ${activateModeItem.productSpecActivationMode.id} } ); }; return false;">
						<div class="paramColor">Режим активации: <span>${activateModeItem.productSpecActivationMode.title}</span></div>
						<div class="paramColor">Стоимость активации: <span><fmt:formatNumber value="${activateModeItem.activationPrice}" maxFractionDigits="2" minFractionDigits="2" groupingUsed="true"/></span><span class="CUR"/></div>
						<div class="paramColor">Стоимость подписки: <span><fmt:formatNumber value="${activateModeItem.price}" maxFractionDigits="2" minFractionDigits="2" groupingUsed="true"/></span><span class="CUR"/>/${activateModeItem.pricePeriodString}</div>
				</div>
			</c:forEach>
			</div>
		</c:if> 	
	</c:forEach>
</c:forEach>
</div>
