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

<%-- режим 'card' - отдельная карточка, 'linked' - просмотр привязанной --%>
<c:set var="mode" value="${form.param['mode']}"/>
<c:if test="${empty mode}">
	<c:set var="mode" value="card"/>
</c:if>

<c:if test="${mode ne 'card'}">
	<ui:button type="close" styleClass="mb1" onclick="$$.ajax.load('${form.returnUrl}', $('#${tableId}').parent())"/>
</c:if>

<%-- place 'process' to page context, otherwise is gone after c:import down and not available for title --%>
<c:set var="process" value="${process}"/>

<%-- when not existing process is opened processType has not set --%>
<c:if test="${not empty processType}">
	<%-- tableId очень важный идентификатор - нужен для определения в DOM дереве расположения редактора данного процесса --%>
	<div id="${tableId}" style="display: flex;">
		<%-- TODO: в будущем, можно и порядок табов задать тоже, ещё JEXL условие прикрутить --%>
		<c:set var="components" value="${u.toList('header,status,description,executors,links,params')}"/>
		<c:if test="${not empty processType}">
			<c:set var="componentsConfig" value="${processType.properties.configMap.getConfig('ru.bgcrm.model.process.config.ProcessCardConfig')}"/>
		</c:if>
		<c:set var="item" value="${componentsConfig.getItem( mode )}"/>
		<c:if test="${not empty item}">
			<c:set var="components" value="${item.componentList}"/>
		</c:if>

		<c:choose>
			<c:when test="${mode eq 'card'}">
				<c:set var="leftStyle">${processType.properties.configMap['style.processCardLeftBlock']}</c:set>
				<c:if test="${empty leftStyle}"><c:set var="leftStyle">min-width: 50%;</c:set></c:if>

				<c:set var="rightStyle">${processType.properties.configMap['style.processCardRightBlock']}</c:set>
				<c:if test="${empty rightStyle}"><c:set var="rightStyle">flex-grow: 1;</c:set></c:if>
			</c:when>
			<c:when test="${mode eq 'linked'}">
				<c:set var="leftStyle">width: 100%;</c:set>
				<c:set var="rightStyle">display: none;</c:set>
			</c:when>
		</c:choose>

		<div id="processLeftDiv" valign="top" style="${leftStyle}">
			<!-- the wrap is limited by height, unlike parent div -->
			<div class="wrap">
				<c:if test="${mode eq 'card' and not empty processType}">
					<script>
						$(function () {
							const $tabs = $("#${tableId} #processTabsDiv").tabs({refreshButton: true});

							<%-- зависимые процессы --%>

							<%-- 2 - отображение в теле процесса --%>
							<c:if test="${processType.properties.configMap.getSok('', false, 'show.tab.links', 'processShowLinks') eq '1'}">
								<c:url var="url" value="/user/link.do">
									<c:param name="method" value="linkList"/>
									<c:param name="id" value="${process.id}"/>
									<c:param name="objectType" value="process"/>
									<c:param name="processTypeId" value="${process.typeId}"/>
								</c:url>

								$tabs.tabs("add", "${url}", "${l.l('Links')}");
							</c:if>

							<c:if test="${processType.properties.configMap.getSok('1', false, 'show.tab.messages', 'processShowMessages') eq '1'}">
								<c:url var="url" value="/user/message.do">
									<c:param name="method" value="processMessageList"/>
									<c:param name="processId" value="${process.id}"/>
									<c:param name="linkProcess" value="${processType.properties.configMap['show.messages.link.process']}"/>
								</c:url>

								$tabs.tabs("add", "${url}", "${l.l('Сообщения')}", " id='process-messages'");
							</c:if>

							<c:if test="${processType.properties.configMap.getSok('1', false, 'show.tab.links.process', 'processShowProcessLinks') eq '1'}">
								<c:set var="ifaceId" value="link_process"/>
								<c:set var="ifaceState" value="${ifaceStateMap[ifaceId]}"/>

								<c:url var="url" value="/user/process/link/process.do">
									<c:param name="id" value="${process.id}"/>
									<c:param name="ifaceId" value="${ifaceId}"/>
									<c:param name="ifaceState" value="${ifaceState.state}"/>
								</c:url>

								$tabs.tabs("add", "${url}", "${l.l('Related Processes')}<span class='iface-state'>${ifaceState.formattedState}</span>");
							</c:if>

							<plugin:include endpoint="user.process.tabs.jsp"/>

							<c:if test="${ctxUser.pers.get('iface.process.card.extend.right.on.scroll.down', '1') ne '0'}">
								$$.process.hideLeftAreaOnScroll($('#${tableId} #processLeftDiv'), 300);
							</c:if>
						})
					</script>
				</c:if>

				<c:forEach var="c" items="${components}">
					<c:choose>
						<c:when test="${c eq 'header'}">
							<%@ include file="process_header.jsp"%>
						</c:when>
						<c:when test="${c eq 'description'}">
							<%@ include file="process_description.jsp"%>
						</c:when>
						<c:when test="${c eq 'executors'}">
							<c:if test="${processType.properties.configMap['hideExecutors'] ne 1}">
								<%@ include file="process_executors.jsp"%>
							</c:if>
						</c:when>
						<c:when test="${c eq 'links'}">
							<%-- don't show links if they are shown right --%>
							<c:if test="${processType.properties.configMap.getSok('', false, 'show.tab.links', 'processShowLinks') ne '1'}">
								<div class="mb1">
									<c:url var="url" value="/user/link.do">
										<c:param name="method" value="linkList"/>
										<c:param name="id" value="${process.id}"/>
										<c:param name="objectType" value="process"/>
										<c:param name="header" value="${l.l('Links')}"/>
										<c:param name="processTypeId" value="${process.typeId}"/>
									</c:url>

									<c:remove var="form"/>
									<c:import url="${url}"/>
								</div>
							</c:if>
						</c:when>
						<c:when test="${c eq 'params' and not empty processType}">
							<%@ include file="process_parameters.jsp"%>
						</c:when>
						<c:when test="${c.startsWith('jsp:')}">
							<c:set var="jsp" value="${su.substringAfter(c, 'jsp:')}"/>
							<jsp:include page="${jsp}"/>
						</c:when>
					</c:choose>
				</c:forEach>
			</div>
		</div>
		<div style="${rightStyle}" valign="top" class="pl1">
			<div id="processTabsDiv">
				<ul></ul>
			</div>
		</div>
	</div>
</c:if>

<c:if test="${mode eq 'card'}">
	<%@ include file="process_title.jsp"%>
</c:if>