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

<c:set var="linkedProcessList" value="linkedProcessList-${u:uiid()}" />
<c:set var="processTypeTree" value="processTypeTree-${u:uiid()}" scope="request" />

<div id="${processTypeTree}" class="center1020 editorStopReload" style="display: none;">
	<form action="/user/process/link.do">
		<input type="hidden" name="method" value="linkedProcessCreate" />
		<input type="hidden" name="id" value="${form.id}" />
		<input type="hidden" name="objectType" value="${form.param.objectType}" />
		<input type="hidden" name="objectTitle" value="${u.escapeXml( form.param.objectTitle )}" />
		<input type="hidden" name="billingId" value="${form.param.objectType.split(':')[1]}" />

		<div id="typeTree">
			<jsp:include page="/WEB-INF/jspf/user/process/tree/process_type_tree.jsp" />
		</div>
		<div id="groupSelect">
			<%-- сюда динамически грузятся группы решения --%>
		</div>
		<div id="constPart">
			<h2>${l.l('Description')}</h2>
			<textarea name="description" rows="10" style="width: 100%;"></textarea>

			<c:set var="returnToShow">$('#${processTypeTree}').hide(); $('#${linkedProcessList}').show();</c:set>
			<c:set var="saveCommand">
				$$.ajax.post(this).done((result) => {
					if (result.data.wizard) {
						const url = '/user/process.do?wizard=1&id=' + result.data.process.id + '&returnUrl=${u:urlEncode(form.requestUrl)}';
						$$.ajax.load(url, $('#${linkedProcessList}').parent());
					} else {
						${returnToShow} $$.ajax.load('${form.requestUrl}', $('#${processTypeTree}').parent());
					}
				});
			</c:set>

			<div class="mt1">
				<button type="button" class="btn-grey mr1" onclick="${saveCommand}">OK</button>
				<button type="button" class="btn-white" onclick="${returnToShow}">${l.l('Cancel')}</button>
			</div>
		</div>
	</form>
</div>
<c:remove var="saveCommand" />

<div id="${linkedProcessList}">
	<html:form action="/user/process/link" styleClass="mb05">
		<input type="hidden" name="method" value="linkedProcessList" />
		<input type="hidden" name="objectType" value="${form.param.objectType}" />
		<input type="hidden" name="id" value="${form.id}" />
		<input type="hidden" name="objectTitle" value="${u.escapeXml( form.param.objectTitle )}" />

		<div class="in-mb05-all">
			<button class="btn-green mr1 icon" type="button"
					onclick="$('#${processTypeTree}').show(); $('#${linkedProcessList}').hide();"><i class="ti-plus"></i></button>

			<c:set var="reloadCommand" value="$$.ajax.load($('#${linkedProcessList} > form'), $('#${linkedProcessList}').parent())"/>

			<ui:combo-single hiddenName="open" value="${form.param.open}" onSelect="${reloadCommand}"
				prefixText="${l.l('Open')}:" styleClass="mr1" widthTextValue="5em">
				<jsp:attribute name="valuesHtml">
					<li value="">${l.l('All')}</li>
					<li value="1">${l.l('Yes')}</li>
					<li value="0">${l.l('No')}</li>
				</jsp:attribute>
			</ui:combo-single>

			<ui:combo-single hiddenName="typeId" list="${frd.types}" value="${form.param.typeId}" onSelect="${reloadCommand}"
				showFilter="true" prefixText="${l.l('Type')}:" styleClass="mr1" widthTextValue="20em">
				<jsp:attribute name="valuesHtml">
					<li value="">${l.l('All')}</li>
				</jsp:attribute>
			</ui:combo-single>

			<ui:page-control nextCommand="; ${reloadCommand}" />
		</div>
	</html:form>

	<c:choose>
		<c:when test="${not empty queue}">
			<%@ include file="/WEB-INF/jspf/user/process/queue/show_table.jsp"%>
		</c:when>
		<c:otherwise>
			<table class="data hl">
				<tr>
					<td>${l.l('Process')}</td>
					<td>${l.l('Type')}</td>
					<td>${l.l('Created')}</td>
					<td>${l.l('Status')}</td>
					<td>${l.l('Closed')}</td>
					<td>${l.l('Роль')}</td>
				</tr>
				<c:forEach var="item" items="${frd.list}">
					<c:set var="process" value="${item.first}" />
					<tr>
						<td><ui:process-link process="${process}"/></td>
						<td>${process.type.title}</td>
						<td>${tu.format(process.createTime, 'ymdhms')}</td>
						<td>${process.statusTitle}</td>
						<td>${tu.format(process.closeTime, 'ymdhms')}</td>
						<td nowrap="nowrap">
							<c:set var="linkedObjectType" value="${item.second}" scope="request" />
							<c:choose>
								<c:when test="${linkedObjectType.startsWith('customer' ) }">
									${customerLinkRoleConfig.modeMap[linkedObjectType]}
								</c:when>
								<c:otherwise>
									<plugin:include endpoint="user.process.linked.list.jsp"/>
								</c:otherwise>
							</c:choose>
						</td>
					</tr>
				</c:forEach>
			</table>
		</c:otherwise>
	</c:choose>
</div>