{% if actions|length != 0 %}
	{% for action in actions %}
		<div class="tab-pane" id="files{{action.id}}" aria-labelledby="link-tab1" role="tabpanel">
			{% if action.actionFiles is defined and  action.actionFiles|length != 0 %}
				<div class="table-responsive">

					<table class="table table_file table-hover table-bordered mb-0 ps-container ps-theme-default">
						<thead style="background:#e0eeea57;">
							<tr>

								<th>Label</th>

								<th style="text-align:center;width:100px;min-width:90px;">Affichage</th>

							</tr>

						</thead>

						<tbody>

							{% for fichier in action.actionFiles %}

								<tr id="row_{{fichier.id}}" data-id="{{fichier.id}}">

									<td title="{{fichier.file}}" style="cursor:pointer;">{{fichier.file|truncate(110, true, '...')}}</td>

									<td style="width:100px;min-width:100px;text-align:center;">

										{% set extension = fichier.file | split(".") | last | lower %}

										{% if extension in ["doc", "ppt", "xls", "docx", "pptx", "xlsx",'pdf','txt','sql'] %}

											<a class="word btn btn-secondary btn-sm btn-not-load" title="Afficher" style="cursor:pointer;" href="https://docs.google.com/viewerng/viewer?url={{ absolute_url(asset('uploads/actionfiles/AC_'~ action.id~ '/'~ fichier.file)) }}&embedded=true">

												<i class="fa fa-desktop" aria-hidden="true" style="color:white;"></i>

											</a>

										{% elseif extension in ['png','jpg','jpeg','gif'] %}

											<a class="show-fancybox btn btn-secondary btn-sm btn-not-load" title="Afficher" style="cursor:pointer;" href="{{asset('uploads/actionfiles/AC_'~ action.id~ '/'~ fichier.file) }}">

												<i class="fa fa-desktop" aria-hidden="true" style="color:white;"></i>

											</a>

										{% endif %}

										<a class="btn btn-info btn-sm btn-not-load" href="{{ asset('uploads/actionfiles/AC_'~ action.id~ '/'~ fichier.file)}}" target="_blank" title="Télécharger" style="cursor:pointer;">

											<i class="fa fa-cloud-download" aria-hidden="true" style="color:white;"></i>

										</a>

									</td>

								</tr>

							{% endfor %}

						</tbody>

					</table>

				</div>
			{% else %}
				<div class="alert alert-danger mb-2" role="alert">
					<i class="fa fa-info-circle mr-1"></i>
					Aucun enregistrement trouvé !
				</div>
			{% endif %}
		</div>
	{% endfor %}
{% endif %}