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

<div id="cerbercryptResult"></div>

<div class="buttons"><button class="btn btn-secondary" onclick="showBlock( 'cerbercryptRoot', 'list', cerbercryptQuery );">К списку...</button></div></div>

<div class="tile">
	<bg:blockTitle title="Управление подписками карты"/>
	<div class="titleFont2" style="margin-bottom: 0px;">${userCard.guiTitle}</div>

<!-- 		
<xsl:when test="/data/@showarchive = 1">Архив всей подписки:</xsl:when>
<xsl:otherwise>Текущая подписка:</xsl:otherwise>
 -->
 		<div style="margin-left: 30px;">
			<c:forEach var="item" varStatus="status" items="${cardPacketList}">
			<c:set var="color"><c:if test="${not item.packetisactive}">color: #8e8e8e;</c:if></c:set>
			<div style="margin-top: 1rem; font-weight: bold;">Пакет: ${item.packetTitle} <small>(включает каналов: ${item.channelCount})</small></div>
			<div style="margin-left: 10px; margin-top: 0.5rem;">
			<div class="paramColor paramFont">Период: <span><fmt:formatDate type="DATE" dateStyle="SHORT" timeStyle="SHORT" value="${item.cardPacket.dateFrom}"/>-<fmt:formatDate type="DATE" dateStyle="SHORT" timeStyle="SHORT" value="${item.cardPacket.dateTo}"/></span></div>
			<div class="paramColor paramFont">Текущее состояние: <span>${item.cardPacket.stringStatus}</span></div>
			<!-- изменение подписки -->
			<c:if test="${item.packetisactive}"><div style="margin: 0.5rem 0rem;">
			<form>Закрыть с 
				<!-- если есть список дат, то он рисуется, иначе рисуются поля для ручного ввода даты -->
				<c:choose>
				<c:when test="${not empty dateListClose}">
					<select class="gradbtn " name="from_date" >
						<c:forEach var="dateItem" items="${dateListClose}">
							<fmt:formatDate var="value" pattern="dd.MM.yyyy" value="${dateItem}"/>
							<option value="${value}">${value}</option>
						</c:forEach>
					</select>
				</c:when>
				<c:otherwise><input type="date" name="from_date" value="${date}"/></c:otherwise>
				</c:choose>			
	
				<!-- Для возможности юзером откаментить смену статуса - раскомментировать
					Комментарий: <input type="text" name="comment"></input>
				-->
				<button class="btn btn-primary" onclick="let fromDate; if ( this.form.from_date.type == 'date' ) { fromDate = this.form.from_date.value; } else { fromDate = this.form.from_date.options[this.form.from_date.options.selectedIndex].value; }; showBlock( 'cerbercryptResult', 'subscriptionChange', { ...cerbercryptQuery, cardId: ${userCard.id}, command: 'change', type: 'close', packetId: ${item.cardPacket.packetId}, fromDate: fromDate } ); return false;">Выполнить</button>
			</form></div>
			</c:if>			
			</div>
			<div class="line" style="margin-top: 5px;"></div>
			</c:forEach> 			
 		</div>
 
		<!--  показать архив -->
		<!-- 
		<form method="post">
			<input type="hidden" name="showarchive" value="1"/>
			<input type="hidden" name="card" value="${userCard.id}"/>
			<button class="btn btn-primary" style="margin-top: 10px;">показать архивные подписки</button>
		</form>
		 -->
	
		<!-- показываем только для активных карт -->
		<div style="margin: 20px;">Дневная стоимость текущей подписки:&#x0A;<b>${cost}</b></div>
	
		<c:if test="${not empty futureSubscriptions}">
		<div>Планы по смене подписки:</div>
		
 		<div style="margin-left: 30px;">
			<c:forEach var="item" varStatus="status" items="${futureSubscriptions}">
				<div style="margin-top: 1rem; font-weight: bold;">Пакет: ${item.packetTitle}</div>
				<div style="margin-left: 10px; margin-top: 0.5rem;">
					<div class="paramColor paramFont">Период: <span><fmt:formatDate type="DATE" dateStyle="SHORT" value="${item.dateFrom}"/>-<fmt:formatDate type="DATE" dateStyle="SHORT" value="${item.dateTo}"/></span></div>
					<div class="paramColor paramFont">Дневная стоимость: <span>${item.cost}</span></div>
					<div style="margin: 0.5rem 0rem;"><button class="btn btn-primary" onclick="showBlock( 'cerbercryptResult', 'subscriptionChange', { ...cerbercryptQuery, cardId: ${userCard.id}, command: 'delete', id: ${item.id} } ); return false;">Удалить</button></div>
				</div>
				<div class="line" style="margin-top: 5px;"></div>
			</c:forEach>
		</div>		
		</c:if>

		<c:choose>
			<c:when test="${packetGroup}">
				Базовые пакеты:
				<form method="post" action="{$WEBEXECUTER}">
				<input type="hidden" name="command" value="change"/>
				<input type="hidden" name="card" value="${userCard.id}"/>
				<input type="hidden" name="type" value="open"/>
		
		<!-- изменение подписки -->
		<table class="filter"><tr>
		  	<td>Открыть</td>
			<td>
				<select class="gradbtn " name="packet">
					<c:forEach var="item" items="${packetList}">
					<c:if test="${item.packetGroup and item.canWebOpen}"><option value="${item.id}">${item.title}</option></c:if>
					</c:forEach>
				</select>
			</td>
			<td>с</td>
			
			<!-- если есть список дат, то он рисуется, иначе рисуются поля для ручного ввода даты -->
			<c:choose>
			<c:when test="${not empty dateListOpen}">
				<td>
					<select class="gradbtn " name="from_date" >
						<c:forEach var="dateItem" items="${dateListOpen}">
							<fmt:formatDate var="value" pattern="dd.MM.yyyy" value="${dateItem}"/>
							<option value="${value}">${value}</option>
						</c:forEach>
					</select>
				</td>
			</c:when>
			<c:otherwise>
				<td><input type="date" name="from_date"></td>
			</c:otherwise>
			</c:choose>
			
			<!-- Для возможности юзером откаментить смену статуса - раскомментировать
			<td>
				Комментарий: <input type="text" name="comment"></input>
			</td>
			-->
						
			<td><button class="btn btn-primary">Выполнить</button></td>
		</tr></table>
	</form>
				
		Дополнительные пакеты:
		<form method="post" action="{$WEBEXECUTER}">
		<xsl:call-template name="action"/>
		<input type="hidden" name="command" value="change"/>
		<input type="hidden" name="card" value="${userCard.id}"/>
		<input type="hidden" name="type" value="open"/>
		
		<!-- изменение подписки -->
		<table class="filter"><tr>
		  	<td>Открыть</td>
			<td>
				<select class="gradbtn " name="packet">
					<c:forEach var="item" items="${packetList}">
					<c:if test="${not item.packetGroup and item.canWebOpen}"><option value="${item.id}">${item.title}</option></c:if>
					</c:forEach>
				</select>
			</td>
			<td>с</td>
			
			<!-- если есть список дат, то он рисуется, иначе рисуются поля для ручного ввода даты -->
			<c:choose>
			<c:when test="${not empty dateListOpen}">
				<td>
					<select class="gradbtn " name="from_date" >
						<c:forEach var="dateItem" items="${dateListOpen}">
							<fmt:formatDate var="value" pattern="dd.MM.yyyy" value="${dateItem}"/>
							<option value="${value}">${value}</option>
						</c:forEach>
					</select>
				</td>
			</c:when>
			<c:otherwise>
				<td><input type="date" name="from_date"></td>
			</c:otherwise>
			</c:choose>
			
			<!-- Для возможности юзером откаментить смену статуса - раскомментировать
			<td>
				Комментарий: <input type="text" name="comment"></input>
			</td>
			-->
						
			<td><button class="btn btn-primary">Выполнить</button></td>
		</tr></table>
	</form>
			</c:when>
			<c:otherwise>
				<form>
		<!-- изменение подписки -->
		<div style="margin-top: 20px;">
		<table class="filter"><tr>
		  	<td>Открыть: </td>
			<td>
				<select class="gradbtn " name="packet">
					<c:forEach var="item" items="${packetList}">
					<c:if test="${item.canWebOpen}"><option value="${item.id}">${item.title}</option></c:if>
					</c:forEach>
				</select>
			</td>
			<td> с </td>
			
			<!-- если есть список дат, то он рисуется, иначе рисуются поля для ручного ввода даты -->
			<c:choose>
			<c:when test="${not empty dateListOpen}">
				<td>
					<select class="gradbtn " name="from_date" >
						<c:forEach var="dateItem" items="${dateListOpen}">
							<fmt:formatDate var="value" pattern="yyyy-MM-dd" value="${dateItem}"/>
							<option value="${value}"><fmt:formatDate pattern="dd.MM.yyyy" value="${dateItem}"/></option>
						</c:forEach>
					</select>
				</td>
			</c:when>
			<c:otherwise><td><input type="date" name="from_date" value="${date}"></td></c:otherwise>
			</c:choose>
			
			<!-- Для возможности юзером откаментить смену статуса - раскомментировать
			<td>
				Комментарий: <input type="text" name="comment"></input>
			</td>
			-->
			<td><button class="btn btn-primary" onclick="let fromDate; if ( this.form.from_date.type == 'date' ) { fromDate = this.form.from_date.value; } else { fromDate = this.form.from_date.options[this.form.from_date.options.selectedIndex].value; }; showBlock( 'cerbercryptResult', 'subscriptionChange', { ...cerbercryptQuery, cardId: ${userCard.id}, command: 'change', type: 'open', packetId: this.form.packet.options[this.form.packet.options.selectedIndex].value, fromDate: fromDate } ); return false;" >Выполнить</button></td>
		</tr></table>
		</div>
	</form>			
			</c:otherwise>
		</c:choose>
</div>