{% extends 'base.html.twig' %}

{% block title %}
	{{ parent() }}
	|
	{{ 'view_workflow.title'|trans }}
{% endblock %}

{% block titlesm %}
	{{ 'view_workflow.title'|trans }}
	<i class="fa-sharp fa-solid fa-arrow-right fa-flip"></i>
	{{ workflow.name }}
{% endblock titlesm %}
{% block body %}
	<div id="workflows">
		<div>

			<a href="{{ path('workflow_list') }}" class="btn btn-outline-primary m-2">
				{{ 'view_workflow.back'| trans }}</a>
			<a href="{{ path('workflow_edit', {'id': workflow.id}) }}" class="btn btn-outline-success m-2">
				{{ 'view_workflow.edit'| trans }}</a>
			<a href="{{ path('workflow_delete', {'id': workflow.id}) }}" onclick="return confirm('Are you sure you want to delete this workflow ?');" class="btn btn-outline-danger m-2">
				{{ 'view_workflow.delete'| trans }}</a>
		</div>

		<div class="link-help-view text-end mb-4 mx-4">
			<a href="https://myddleware.github.io/myddleware/#/advanced_usage?id=workflows">
				<i class="fa fa-info-circle" aria-hidden="true"></i>
				{{ 'rule.help' | trans }}
			</a>
		</div>


		<div>
			{% for message in app.flashes('success') %}
				<div class="alert alert-success" role="alert">
					{{ message }}
				</div>
			{% endfor %}

			{% if workflow is not null %}
				<div class="workflow-details container mt-4">
					<div class="card-header mb-4 card-title-workflow">
						{{ 'view_workflow.title'| trans | upper }}
					</div>
					<div id="workflow-content" class="collapse show">
						<div class="workflow-row mb-2">
							<div class="workflow-col mb-2">
								<strong>{{ 'view_workflow.name'| trans | upper }}</strong>
								<div>{{ workflow.name }}</div>
							</div>
							<div class="workflow-col mb-2">
								<strong>{{ 'view_workflow.create_by'| trans| upper }}</strong>
								<div>{{ workflow.createdBy.username }}</div>
							</div>
						</div>
						<div class="workflow-row mb-2">
							<div class="workflow-col mb-2">
								<strong>{{ 'view_workflow.rule'| trans | upper }}</strong>
								<div>
									<a href="{{ path('regle_open', {'id': workflow.rule.id}) }}" class="help-link all-link">{{ workflow.rule.name }}</a>

								</div>
							</div>
							<div class="workflow-col mb-2">
								<strong>{{ 'view_workflow.status'| trans | upper }}</strong>
								<div class="form-check form-switch text-center">
									<input class="workflow_status form-check-input workflow-check-input" type="checkbox" id="activeWorkflow_{{ workflow.id }}" data-id="{{ workflow.id }}" data-type="workflow" {{ workflow.active ? 'checked' : '' }}>
								</div>
							</div>
						</div>
						<div class="workflow-row mb-2">
							<div class="workflow-col mb-2">
								<strong>{{ 'view_workflow.description'| trans | upper }}</strong>
								<div>{{ workflow.description }}</div>
							</div>
						</div>
						<div class="card m-4">
							<div class="mb-4">
								<strong>
									{{ 'list_workflow.th.condition'| trans| upper }}</strong>
							</div>
							<div class="m-2">
								<div>{{ workflow.condition }}</div>
							</div>
						</div>
					</div>
				</div>

				{# LIST ACTION #}
				<div class="container mt-5">
					<div class="card-header mb-4 card-title-workflow">
						<button class="minus-workflow-actions toggle-button btn btn-outline-secondary btn-sm float-end" data-bs-toggle="collapse" data-bs-target="#actions-content" aria-expanded="true" aria-controls="actions-content">
							<i class="fa fa-minus"></i>
						</button>
						{{ 'view_workflow.actions_list'| trans | upper }}
					</div>

					<div id="actions-content" class="collapse show">

						<table class="table">
							<thead>
								<tr>
									<th>{{ 'view_workflow.name'|trans }}</th>
									<th>{{ 'view_workflow.action'|trans }}</th>
									<th>{{ 'view_workflow.description'|trans }}</th>
									<th>{{ 'view_workflow.order'|trans }}</th>
									<th>{{ 'view_workflow.arguments'|trans }}</th>
									<th>{{'list_workflow.th.option'|trans}}</th>


								</tr>
							</thead>
							<tbody class="workflow-actions-collapse-body">
								{% for action in workflow.getWorkflowActions %}
									<tr>
										<td>
											<a href="{{ path('workflow_action_show', {'id': action.id}) }}" class="help-link all-link">{{ action.name }}</a>
										</td>
										<td>{{ action.action }}</td>
										<td>{{ action.description }}</td>
										<td>{{ action.order }}</td>
										<td>
											{% if action.arguments is iterable %}
												<ul>

													{% for key, argument in action.arguments %}
														<li>{{ key }}:
															{% if argument is iterable %}
																<ul>
																	{% for subKey, subArgument in argument %}
																		<li>{{ subKey }}:
																			{{ subArgument }}</li>
																	{% endfor %}
																</ul>
															{% else %}
																{{ argument }}
															{% endif %}
														</li>
													{% endfor %}
												</ul>
											{% else %}
												{{ action.arguments }}
											{% endif %}
										</td>
										<td class="CRUD-icons">
											<a href="{{ path('workflow_action_show', {'id': action.id}) }}" title="{{ 'list_rule.btn.view'|trans }}"  class="btn btn-sm btn-outline-success">
												<span class="btn-opt">
													<i class="fa fa-eye" aria-hidden="true"></i>
												</span>
											</a>
											<a href="{{ path('workflow_action_edit', {'id': action.id}) }}" title="{{ 'list_rule.btn.edit'|trans }}"  class="btn btn-sm btn-outline-primary">
												<span class="btn-opt">
													<i class="fa fa-pen" aria-hidden="true"></i>
												</span>
											</a>
											<a class="delete btn btn-sm btn-outline-danger" href="{{ path('workflow_action_delete', {'id': action.id}) }}" onclick="return confirm('Are you sure you want to delete this workflow ?');">
												<span class="btn-opt">
													<i class="fa fa-trash" aria-hidden="true"></i>
												</span>
											</a>
										</td>
									</tr>
								{% endfor %}
							</tbody>
						</table>


						<div>
							<a href="{{ path('workflow_action_create_with_workflow', {'workflowId': workflow.id}) }}" class="btn btn-primary mb-3">
								<i class="fa fa-plus" aria-hidden="true"></i>
								{{ 'view_workflow.add_action'| trans }}
							</a>

						</div>

					</div>
				</div>
				{# LOG #}

			{% else %}
				<p class="display-6">{{ 'list_workflow.empty'|trans }}</p>
			{% endif %}

			<div class="container mt-5">
				<div class="card-header mb-4 card-title-workflow">
					<button class="minus-workflow-logs toggle-button btn btn-outline-secondary btn-sm float-end" 
							data-bs-toggle="collapse" 
							data-bs-target="#logs-content" 
							aria-expanded="true" 
							aria-controls="logs-content">
						<i class="fa fa-minus"></i>
					</button>
					{{ 'view_workflow.logs'|trans | upper }}
				</div>

				<div id="logs-content" class="collapse show">
					<table class="table">
						<thead>
							<tr>
								<th>{{ 'view_workflow.log_id'|trans }}</th>
								<th>{{ 'view_workflow.workflow'|trans }}</th>
								<th>{{ 'view_workflow.job'|trans }}</th>
								<th>{{ 'view_workflow.trigger_document'|trans }}</th>
								<th>{{ 'view_workflow.generate_document'|trans }}</th>
								<th>{{ 'view_workflow.created_by'|trans }}</th>
								<th>{{ 'view_workflow.status'|trans }}</th>
								<th>{{ 'view_workflow.date_created'|trans }}</th>
								<th>{{ 'view_workflow.message'|trans }}</th>
								<th>{{ 'view_workflow.action_name'|trans }}</th>
								<th>{{ 'view_workflow.action_type'|trans }}</th>
							</tr>
						</thead>
						<tbody class="workflow-logs-collapse-body">
							{% for log in pager.currentPageResults %}
								<tr class="fd_{{ log.status|lower }}" data-id="{{ log.id }}">
									<td class="ctr">{{ log.id }}</td>
									<td class="ctr">
										<a href="{{ path('workflow_show', {'id': log.workflow.id}) }}" class="help-link all-link">{{ log.workflow.name }}</a>
									</td>
									<td class="ctr">
										<a href="{{ path('task_view',{'id' : log.job.id }) }}" class="help-link all-link">{{ log.job.id }}</a>
									</td>
									<td class="ctr">
										{% if log.triggerDocument is not null %}
											<a href="{{ path('flux_info_page',{'id' : log.triggerDocument.id, 'page' : 1, 'logPage' : 1 }) }}" class="help-link all-link">{{ log.triggerDocument.id }}</a>
										{% else %}
											<span></span>
										{% endif %}
									</td>
									<td class="ctr">
										{% if log.generateDocument is not null %}
											<a href="{{ path('flux_info_page',{'id' : log.generateDocument.id, 'page' : 1, 'logPage' : 1 }) }}" class="help-link all-link">{{ log.generateDocument.id }}</a>
										{% else %}
											<span></span>
										{% endif %}
									</td>
									<td class="ctr">{{ log.createdBy }}</td>
									<td class="ctr">
										<div class="gblstatus_{{ log.status|lower }}">{{ log.status }}</div>
									</td>
									<td class="ctr">{{ log.dateCreated|date('Y-m-d H:i:s') }}</td>
									<td class="ctr">{{ log.getMessage }}</td>
									<td class="ctr">
										<a href="{{ path('workflow_action_show', {'id': log.action.id}) }}" class="help-link all-link">{{ log.action.name }}</a>
									</td>
									<td class="ctr">{{ log.action.action }}</td>
								</tr>
							{% endfor %}
						</tbody>
					</table>

					{% if pager.haveToPaginate %}
						{{ pagerfanta(pager, 'twitter_bootstrap4', {'routeName': 'workflow_show_page', 'routeParams': {'id': workflow.id, 'page': app.request.get('page', 1)}}) }}

						<form id="pageForm" method="get" class="form-inline mt-3" onsubmit="updateFormAction(event)">
							<div class="form-group" required style="width: 15em;">
								<label for="page" class="sr-only">Page</label>
								<input type="number" name="page" id="page" class="form-control" placeholder="Page number" min="1" required>
							</div>
							<button type="submit" class="btn btn-primary ml-2" style="display: flex; margin: 1em;">Go to page</button>
						</form>

						<script>
							const maxPage = {{ pager.getNbPages() }};
							function updateFormAction(event) {
								event.preventDefault();
								const page = document.getElementById('page').value;
								if (page < 1 || page > maxPage) {
									alert('Please enter a valid page number between 1 and ' + maxPage);
									return;
								}
								const form = document.getElementById('pageForm');
								const baseUrl = "{{ path('workflow_show_page', {'id': workflow.id, 'page': 1}) }}";
								const action = baseUrl.replace('/page-1', '/page-' + page);
								form.action = action;
								form.submit();
							}
						</script>
					{% endif %}

					{% block js %}
						<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
						<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
						<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
						<script src="https://cdnjs.cloudflare.com/ajax/libs/qtip2/3.0.3/jquery.qtip.min.js"></script>
					{% endblock js %}

					{% block js_workflow_toggle %}
						<script type="text/javascript">
							var pathWorkflowtoggle = "{{ path('workflow_toggle', {'id': workflow.id}) }}";
						</script>
					{% endblock js_workflow_toggle %}

				{% endblock %}