{#/*********************************************************************************
 * This file is part of Myddleware.

 * @package Myddleware
 * @copyright Copyright (C) 2013 - 2015  Stéphane Faure - CRMconsult EURL
 * @copyright Copyright (C) 2015 - 2016  Stéphane Faure - Myddleware ltd - contact@myddleware.com
 * @link http://www.myddleware.com	
 
 This file is part of Myddleware.
 
 Myddleware is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, either version 3 of the License, or
 (at your option) any later version.

 Myddleware is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with Myddleware.  If not, see <http://www.gnu.org/licenses/>.
*********************************************************************************/ #}

{% extends 'base.html.twig' %}
{% block title %}
	{{ parent() }}
	|
	{{ 'title.flux.list'|trans }}
{% endblock %}
{% block titlesm %}
	{{ 'title.flux.list'|trans }}
	{% if nbDocuments > 0 %}
		({{ nbDocuments }})
	{% endif %}
{% endblock titlesm %}
{% block body %}


{% for type, messages in app.flashes %}
    {% if type != 'success_unlock' %}
        {% for message in messages %}
            <div class="alert alert-{{ type }}" role="alert">
                {{ message }}
            </div>
        {% endfor %}
    {% endif %}
{% endfor %}

<!-- removeFilterFilter.html.twig -->
<div class="px-5 mb-1 py-1 mt-5">
    {{ form_start(formFilter, { 'action': path('document_list_page', { 'sortField': app.request.get('sortField'), 'sortOrder': app.request.get('sortOrder') }), 'method': 'post' }) }}

    <div id="{{ isPremium() ? 'filter-premium-container' : 'filter-premium-container-grey' }}" class="input-group">
        {{ form_widget(formFilter.filter) }}
    </div>
    {{ form_end(formFilter) }}
    {{ form_start(form, { 'action': path('document_list_page', { 'sortField': app.request.get('sortField'), 'sortOrder': app.request.get('sortOrder') }), 'method': 'post' }) }}

    <div class="m-3 row" id="filters-container">
        <div class="col-md-4" id="sourceContent" hidden="true">
            {{ form_label(form.sourceContent.sourceContent, 'list_flux.filter.source_content'|trans) }}
            <div class="input-group">
                {{ form_widget(form.sourceContent.sourceContent, {'required': false}) }}
                <div class="btn btn-danger ms-2 h-25 me-2 removeFilters sourceContent">
                    <i class="fa fa-times " aria-hidden="true"></i>
                </div>
            </div>
        </div>

        <div class="col-md-4" id="targetContent" hidden="true">
            {{ form_label(form.sourceContent.targetContent, 'list_flux.filter.target'|trans) }}
            <div class="input-group">
                {{ form_widget(form.sourceContent.targetContent, {'required': false}) }}
                <div class="btn btn-danger ms-2 h-25 me-2 removeFilters targetContent">
                    <i class="fa fa-times " aria-hidden="true"></i>
                </div>
            </div>
        </div>

        <div class="col-md-4" id="status" hidden="true">
            {{ form_label(form.document.status, 'list_flux.filter.status'|trans) }}
            <div class="input-group">
                {{ form_widget(form.document.status, {'required': false}) }}
                <div class="btn btn-danger ms-2 h-25 me-2 removeFilters status">
                    <i class="fa fa-times " aria-hidden="true"></i>
                </div>
            </div>
        </div>
        
        <div class="col-md-4" id="name" hidden="true">
            {{ form_label(form.rule.name, 'list_flux.filter.rule'|trans) }}
            <div class="input-group">
                {{ form_widget(form.rule.name, {'required': false}) }}
            </div>
        </div>

        <div class="col-md-4" id="globalStatus" hidden="true">
            {{ form_label(form.document.globalStatus, 'list_flux.filter.global_status'|trans) }}
            <div class="input-group">
                 {{ form_widget(form.document.globalStatus, {'required': false, 'attr': {'class': 'select2'}}) }}
            </div>
        </div>

        <div class="col-md-4" id="type" hidden="true">
            {{ form_label(form.document.type, 'list_flux.filter.type'|trans) }}
            <div class="input-group">
                {{ form_widget(form.document.type, {'required': false}) }}
                <div class="btn btn-danger ms-2 h-25 me-2 removeFilters type">
                    <i class="fa fa-times " aria-hidden="true"></i>
                </div>
            </div>
        </div>
        <div class="col-md-4" id="sort_field" hidden="true">
            {{ form_label(form.document.sort_field, 'list_flux.filter.sort_field'|trans) }}
            <div class="input-group">
                {{ form_widget(form.document.sort_field, {'required': false}) }}
                <div class="btn btn-danger ms-2 h-25 me-2 removeFilters sort_field">
                    <i class="fa fa-times " aria-hidden="true"></i>
                </div>
            </div>
        </div>
        <div class="col-md-4" id="sort_order" hidden="true">
            {{ form_label(form.document.sort_order, 'list_flux.filter.sort_order'|trans) }}
            <div class="input-group">
                {{ form_widget(form.document.sort_order, {'required': false}) }}
                <div class="btn btn-danger ms-2 h-25 me-2 removeFilters sort_order">
                    <i class="fa fa-times " aria-hidden="true"></i>
                </div>
            </div>
        </div>

        <div class="col-md-4" id="target" hidden="true">
            {{ form_label(form.document.target, 'list_flux.filter.target_id'|trans) }}
            <div class="input-group">
                {{ form_widget(form.document.target, {'required': false}) }}
            </div>
        </div>

        <div class="col-md-4" id="sourceId" hidden="true">
            {{ form_label(form.document.sourceId, 'list_flux.filter.source_id'|trans) }}
            <div class="input-group">
                {{ form_widget(form.document.sourceId, {'required': false}) }}
            </div>
        </div>

          <div class="col-md-4" id="message" hidden="true">
            {{ form_label(form.message.message, 'list_flux.filter.message'|trans) }}
            <div class="input-group">
                {{ form_widget(form.message.message, {'required': false}) }}
                <div class="btn btn-danger ms-2 h-25 me-2 removeFilters message">
                    <i class="fa fa-times " aria-hidden="true"></i>
                </div>
            </div>
        </div>

        <div class="col-md-4" id="reference" hidden="true">
            {{ form_label(form.document.reference, 'list_flux.filter.reference'|trans) }}
            <div class="input-group">
                {{ form_widget(form.document.reference, {'required': false}) }}
                <div class="btn btn-danger ms-2 h-25 me-2 removeFilters reference">
                    <i class="fa fa-times " aria-hidden="true"></i>
                </div>
            </div>
        </div>

        <div class="col-md-4" id="date_modif_start" hidden="true">
            {{ form_label(form.document.date_modif_start, 'list_flux.filter.date_modified_start'|trans) }}
            <div class="input-group">
                {{ form_widget(form.document.date_modif_start, {'required': false}) }}
                <div class="btn btn-danger ms-2 h-25 me-2 removeFilters date_modif_start">
                    <i class="fa fa-times " aria-hidden="true"></i>
                </div>
            </div>
        </div>

        <div class="col-md-4" id="date_modif_end" hidden="true">
            {{ form_label(form.document.date_modif_end, 'list_flux.filter.date_modified_end'|trans) }}
            <div class="input-group">
                {{ form_widget(form.document.date_modif_end, {'required': false}) }}
                <div class="btn btn-danger ms-2 h-25 me-2 removeFilters date_modif_end">
                    <i class="fa fa-times " aria-hidden="true"></i>
                </div>
            </div>
        </div>

        <div class="col-md-4" id="moduleSource" hidden="true">
            {{ form_label(form.rule.moduleSource, 'list_flux.filter.module_source'|trans) }}
            <div class="input-group">
                {{ form_widget(form.rule.moduleSource, {'required': false}) }}
                <div class="btn btn-danger ms-2 h-25 me-2 removeFilters moduleSource">
                    <i class="fa fa-times" aria-hidden="true"></i>
                </div>
            </div>
        </div>

        <div class="col-md-4" id="moduleTarget" hidden="true">
            {{ form_label(form.rule.moduleTarget, 'list_flux.filter.module_target'|trans) }}
            <div class="input-group">
                {{ form_widget(form.rule.moduleTarget, {'required': false}) }}
                <div class="btn btn-danger ms-2 h-25 me-2 removeFilters moduleTarget">
                    <i class="fa fa-times " aria-hidden="true"></i>
                </div>
            </div>
        </div>


        <div class="col-md-4" id="connectorSource" hidden="true">
            {{ form_label(form.rule.connectorSource, 'list_flux.filter.connector_source'|trans) }}
            <div class="input-group">
                {{ form_widget(form.rule.connectorSource, {'required': false}) }}
                <div class="btn btn-danger ms-2 h-25 me-2 removeFilters connectorSource">
                    <i class="fa fa-times " aria-hidden="true"></i>
                </div>
            </div>
        </div>

        <div class="col-md-4" id="connectorTarget" hidden="true">
            {{ form_label(form.rule.connectorTarget, 'list_flux.filter.connector_target'|trans) }}
            <div class="input-group">
                {{ form_widget(form.rule.connectorTarget, {'required': false}) }}
                <div class="btn btn-danger ms-2 h-25 me-2 removeFilters connectorTarget">
                    <i class="fa fa-times " aria-hidden="true"></i>
                </div>
            </div>
        </div>
    </div>

    <div class="input-group">
        {{ form_widget(form.save) }}
        <a id="exportfluxcsv" class="btn btn-outline-primary ms-2 mb-2" role="button" href="javascript:void(0);" title="">
                            {{'list_flux.btn.exportcsv'|trans}}
                        </a>
                        <a id="{{ isPremium() ? 'cancelflux' : 'cancelflux-grey' }}" class="btn btn-outline-warning mb-2 ms-2" role="button" href="javascript:void(0);" title="{{'list_flux.btn.cancel_tooltip'|trans}}">{{'list_flux.btn.cancel'|trans}}
                              (<span></span>)
                              <i class="fa-solid fa-star star-icon star-icon-btn-filter"></i>
                              </a>
                        <a id="{{ isPremium() ? 'reloadflux' : 'reloadflux-grey' }}" class="btn btn-outline-success mb-2 ms-2" role="button" href="javascript:void(0);" title="{{'list_flux.btn.reload_tooltip'|trans}}">{{'list_flux.btn.reload'|trans}}
                              (<span></span>)
                              <i class="fa-solid fa-star star-icon star-icon-btn-filter"></i>
                              </a>
                        {# <a id="cancelreloadflux" class="btn btn-outline-primary" role="button" href="javascript:void(0);" title="">{{'list_flux.btn.reloadcancel'|trans}}
                              (<span></span>)</a> #}
                        <a id="{{ isPremium() ? 'unlockAllFlux' : 'unlockAllFlux-grey' }}" class="btn btn-outline-danger mb-2 ms-2" role="button" href="javascript:void(0);" title="{{'list_flux.btn.unlockall_tooltip'|trans}}">
                              {{ 'list_flux.btn.unlockall'|trans }} (<span id="countSelected"></span>)
                              <i class="fa-solid fa-star star-icon star-icon-btn-filter"></i>
                              </a>
    </div>
    {{ form_end(form) }}
            {# <div class="col mt-4">
                  <a class="removeFilter btn btn-danger ms-5" href="{{ path('flux_list_delete_filter') }}" title="" onclick="return(confirm('{{'list_flux.filter.delete_confirm'|trans}}'));">
                        <i class="fas fa-redo"></i>
                        {{'list_flux.btn.filter_delete'|trans}}
                  </a>
            </div> #}
            <div class="px-5 row py-1">
                  <p>
                        
                  </p>
            </div>
</div>
<section class="p-1">
	<div class="table-responsive">
		<table class="listepagerflux table">
			<thead>
				<tr>
					<th scope="col">
						<input id="massselectall" type="checkbox" name="massselectall"/>
					</th>
					<th>{{ 'list_flux.tab.id'|trans }}
						<span data-sort="id">
							<i class='fas fa-angle-down idIcon'></i>
						</span>
					</th>
					<th>{{ 'list_flux.tab.name'|trans }}
						<span data-sort="name">
							<i class='fas fa-angle-down nameIcon'></i>
						</span>
					</th>
					<th>{{ 'list_flux.tab.date_created'|trans }}
						<span data-sort="date_created">
							<i class='fas fa-angle-down date_createdIcon'></i>
						</span>
					</th>
					<th>{{ 'list_flux.tab.date_modified'|trans }}
						<span data-sort="date_modified">
							<i class='fas fa-angle-down date_modifiedIcon'></i>
						</span>
					</th>
					<th>{{ 'list_flux.tab.statut'|trans }}
						<span data-sort="status">
							<i class='fas fa-angle-down statusIcon'></i>
						</span>
					</th>
					<th>!<span data-sort="status">
							<i class='fas fa-angle-down statusIcon'></i>
						</span>
					</th>
					<th>{{ 'list_flux.tab.source_id'|trans }}
						<span data-sort="source_id">
							<i class='fas fa-angle-down source_idIcon'></i>
						</span>
					</th>
					<th>{{ 'list_flux.tab.target_id'|trans }}
						<span data-sort="target_id">
							<i class='fas fa-angle-down target_idIcon'></i>
						</span>
					</th>
					<th>{{ 'list_flux.tab.type'|trans }}
						<span data-sort="type">
							<i class='fas fa-angle-down typeIcon'></i>
						</span>
					</th>
					<th>{{ 'list_flux.tab.source_date_modified'|trans }}
						<span data-sort="source_date_modified">
							<i class='fas fa-angle-down source_date_modifiedIcon'></i>
						</span>
					</th>
				</tr>
			</thead>
			<tbody>
				{% if pager is defined and pager is not empty %}
					{% for document in pager %}
						<tr>
							<td>
								{% if document.global_status|lower == 'close' or document.global_status|lower == 'cancel' %}
									<input type="checkbox" name="{{ document.id }}" disabled="disabled"/>
								{% else %}
									<input type="checkbox" name="{{ document.id }}"/>
								{% endif %}
							</td>
							<td>
								<a href="{{ path('flux_info_page', {'id' : document.id, 'page' : 1, 'logPage' : 1}) }}" class="help-link all-link">{{ document.id }}</a>
							</td>
							<td>
								<a href="{{ path('regle_open',{'id' : document.rule_id }) }}" title="" class="help-link all-link">{{ document.rule_name }}</a>
							</td>
							<td>{{ document.date_created|date('Y-m-d H:i:s') }}</td>
							<td>{{ document.date_modified|date('Y-m-d H:i:s') }}</td>
							<td class="ctr" id="documents_filters">
								<div class="gblstatus_{{ document.global_status|lower }}">
									{{ document.status }}
									{% if document.global_status|lower == 'close' %}
										<i class="fa fa-check"></i>
									{% elseif document.global_status|lower == 'error' %}
										{% if document.status == 'Error_workflow' %}
											<i class="fa fa-cog" style="color: #dc3545; font-size: larger;"></i>
										{% else %}
											<i class="fa fa-times"></i>
										{% endif %}
									{% elseif document.global_status|lower == 'open' %}
										<span class="glyphicon glyphicon-repeat">
										{% elseif document.global_status|lower == 'cancel' %}
											<i class="fa fa-exclamation"></i>
										{% endif %}
									</div>
								</td>
							</td>
							<td>
								{% if document.global_status|lower == 'error' %}
									<button class="get-log-msg" data-doc-id="{{ document.id }}">
										<i class="fas fa-comment-dots"></i>
									</button>
									<div id="log-msg-{{ document.id }}"></div>
								{% endif %}
							</td>
							<td>{{ document.source_id }}</td>
							<td>{{ document.target_id }}</td>
							<td>{{ document.type }}</td>
							<td>{{ document.source_date_modified }}</td>
						</tr>
					{% endfor %}
				{% else %}
					<tr>
						<td colspan="11">No documents found.</td>
					</tr>
				{% endif %}
			</tbody>
		</table>
	</div>
	<div class="d-flex justify-content-center">
		{% if pager.haveToPaginate %}
			{{ pagerfanta(pager, 'twitter_bootstrap4', {'routeName': 'document_list_page'}) }}
		{% endif %}
	</div>
</section>

{% block javascript %}
	<!-- Script pour Google Charts -->
	<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

	<!-- Encore scripts (app et filter) -->
	{{ encore_entry_script_tags('app') }}
	{{ encore_entry_script_tags('filter') }}

	<!-- Script pour Select2 -->
	<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

	<!-- Scripts personnalisés -->
	<script type="text/javascript">
		var path_remove_filter = "{{ path('remove_filter') }}";
var confirm_cancel = "{{ 'list_flux.btn.mass_cancel_confirm'|trans }}";
var confirm_reload = "{{ 'list_flux.btn.mass_reload_confirm'|trans }}";
var confirm_unlock = "{{ 'list_flux.btn.mass_unlock_confirm'|trans }}";
var path_img = "{{ asset('build/images/regle/') }}";
var lang = "{{ app.request.locale }}";
var mass_cancel = "{{ path('flux_mass_cancel') }}";
var mass_unlock = "{{ path('flux_mass_unlock') }}";
var mass_run = "{{ path('flux_mass_run') }}";
var flux_export_docs_csv = "{{ path('flux_export_docs_csv') }}";
var csvdocumentids = "{{ csvdocumentids }}";

// Initialisation du date & time picker pour les filtres de date de modification
    // Initialize date & time pickers only if elements exist
    if (document.getElementById('form_date_modif_end')) {
        start = new dtsel.DTS('#form_date_modif_end', {showTime: true});
    }
    if (document.getElementById('form_date_modif_start')) {
        end = new dtsel.DTS('#form_date_modif_start', {showTime: true});
    }


// Initialisation de Select2 et autres scripts après le chargement du document
$(document).ready(function () { // Initialisation de Select2 sur le champ globalStatus
$('#globalStatus .select2').select2({placeholder: "Select Global Status", allowClear: true, width: 'resolve'});

    });
// Script pour récupérer et afficher les messages d'erreur liés aux documents
$('.get-log-msg').click(function () {
var docId = $(this).data('doc-id');
var testLastMessage = "{{ path('document_last_error_message', {'docId': 'PLACEHOLDER_ID'}) }}";
var testlastmessagefinal = testLastMessage.replace("PLACEHOLDER_ID", docId);

    $.ajax({
    url: testlastmessagefinal,
    method: 'POST',
    success: function (data) {
    $('#log-msg-' + docId).text(data);
        alert(data);
        }
    });
});
	</script>
{% endblock javascript %}{% endblock %}{% block cssin %}
{{ encore_entry_link_tags('app') }}
{{ encore_entry_link_tags('filter') }}
<!-- Styles pour Select2 -->
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet"/>{% endblock cssin %}