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

<fmt:setLocale value="RU"/>

<ul class="nav nav-tabs px-4">
	<li class="nav-item"><a class="nav-link" href="#" onClick="showBlock( 'tariffOptionRoot', 'list', tariffOptionQuery );">Текущие</a></li>
	<li class="nav-item"><a class="nav-link" href="#" onClick="showBlock( 'tariffOptionRoot', 'available', tariffOptionQuery );">Доступные</a></li>
	<li class="nav-item"><a class="nav-link active" href="#">История</a></li>
</ul>
<div class="tile tileTabs">
<c:forEach var="item" varStatus="status" items="${tariffOptions}">
	<div class="flexRow" style="font-size: 0.8rem;">
		<div style="margin-top: 10px; margin-left: 0px;">
			<div class="titleFont3" style="margin: 0px 0px 10px 0px;">Опция: ${item.optionTitle}</div>
			<div style="margin-left: 10px; line-height: 1.3rem;">
				<div class="paramColor">c <span><fmt:formatDate type="BOTH" dateStyle="SHORT" timeStyle="SHORT" value="${item.timeFrom}"/></span> по <span><fmt:formatDate type="BOTH" dateStyle="SHORT" timeStyle="SHORT" value="${item.timeTo}"/></span></div>
			</div>
		</div>
		<div style="margin-top: 10px; margin-top: 10px; text-align: right;">
			<div class="paramColor" style="font-size: 0.7rem;">Стоимость за активацию:</div>
			<div class="titleFont3"><fmt:formatNumber pattern="###,###,###,##0.00" value="${item.sum}"/><span class="CUR"/></div>
		</div>
	</div>
	<c:if test="${not status.last}"><div class="line"></div></c:if>
</c:forEach>
<div class="comment" style="margin-top: 2rem;"><b>* Стоимость активации</b> - сумма, снимаемая в момент активации опции и не отражает периодической платы за пользование, если таковая предусмотрена в тарифном плане.</div>
</div>			
