{% if actions|length != 0 %}
	{% for action in actions %}
		<div class="tab-pane" id="details{{action.id}}" aria-labelledby="link-tab1" role="tabpanel">
			<div class="row">
				<div class="col-md-12">
					<div class="card">
						<div class="card-body">
							<ul class="list-group list-group-flush">
								<div class="row">
									<div class="col-md-5">
										<div class="form-group m-b-40">
											<a class="form-control" style="cursor: default;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;">
												<strong for="input3">Titre :</strong>
												<span>{{action.titre}}</span>
											</a>
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group m-b-40">
											<a class="form-control" style="cursor: default;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;">
												<strong for="input3">Type :</strong>
												<span>{{action.intitule.label}}</span>
											</a>
										</div>
									</div>
									<div class="col-md-3">
										<div class="form-group">
											<a class="form-control" style="cursor: default;position: relative;display: flex;">
												<strong for="input3">Priorité : </strong>
												<span style="margin-left: 5px;margin-right: 5px;width: 20px;height: 20px;border-radius: 50%;border: 1px solid;background-color:{{ constant('App\\Entity\\Action::PRIORITE_COLOR')[constant('App\\Entity\\Action::'~action.priorite)] }}; border-color:{{ constant('App\\Entity\\Action::PRIORITE_COLOR')[constant('App\\Entity\\Action::'~action.priorite)] }}; "></span>
												<span style="font-size: 14px !important;">{{ constant('App\\Entity\\Action::PRIORITE')[constant('App\\Entity\\Action::'~action.priorite)] }}</span>
											</a>
										</div>
									</div>
								</div>
								<div class="row">

									<div class="col-md-4">
										<div class="form-group m-b-40">
											<a class="form-control" style="cursor: default;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;">
												<strong for="input3">Destinataire :</strong>
												<img src="{{ asset('uploads/avatars/'~ action.destinataire.path) }}" style="border-radius: 25px;" width="25" height="25" alt="user" class="img-circle"/>
												<span class="tooltip-content3">
													{{ action.destinataire.lastName }}
													{{ action.destinataire.firstName }}<br>
												</span>
											</a>
										</div>
									</div>
									
									<div class="col-md-4">
										<div class="form-group m-b-40">
											<a class="form-control" style="cursor: default;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;">
												<strong for="input3">Créateur :</strong>
												<img src="{{ asset('uploads/avatars/'~ action.createur.path) }}" style="border-radius: 25px;" width="25" height="25" alt="user" class="img-circle"/>
												<span class="tooltip-content3">
													{{ action.createur.lastName }}
													{{ action.createur.firstName }}<br>
												</span>
											</a>
										</div>
									</div>
									
									<div class="col-md-4">
										<div class="form-group">
											<a class="form-control" style="cursor: default;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;">
												<strong for="input3">Date de création :</strong>
												<span  style="font-size: 14px" >{% if action.dateCreation is not null %}{{action.dateCreation|date('d-m-Y H:i', false)}} {% endif %}</span>
											</a>
										</div>
									</div>
								</div>	
								<div class="row">
									<div class="col-md-4">
										<div class="form-group">
											<a class="form-control" style="cursor: default;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;">
												<strong for="input3">Durée estimée :</strong>
												<span style="font-size: 14px">{% if action.delais %}{{action.delais.delais}} {{ constant('App\\Entity\\DelaisAction::TYPE')[constant('App\\Entity\\DelaisAction::'~action.delais.type)] }}{% endif %}</span>
											</a>
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<a class="form-control" style="cursor: default;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;">
												<strong for="input3">Date fin estimée :</strong>
												<span style="font-size: 14px" > {% if action.dateLimiteFinAction is not null %}{{action.dateLimiteFinAction|date('d-m-Y H:i', false)}} {% endif %} </span>
											</a>
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<a class="form-control" style="cursor: default;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;">
												<strong for="input3">Date validation :</strong>
												<span style="font-size: 14px" > {% if action.dateLimiteFinAction is not null %}{{action.dateLimiteFinAction|date('d-m-Y H:i', false)}} {% endif %} </span>
											</a>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-4">
										<div class="form-group">
											<a class="form-control p-0" style="cursor: default;position: relative;display: inline-flex;">
												<strong for="input3" style="padding-left: 14px;padding-top: 10.5px;display: block;max-width: fit-content;">Réalisation :</strong>
												{% if action.rendement is not null %}

													{% if action.rendement %}

														<span style="font-size: 14px !important;padding-left: 5px;padding-top: 10.5px;display: block;max-width: fit-content;text-transform: capitalize;">
														à temps
														</span>	
														<img class="emoji" src="{{ asset('template/images/1.gif') }}" style="max-height: 105%;width: auto;height: auto;display: block;position: absolute;left: 50%;" />
													
													{% else %}
															
														<span style="font-size: 14px !important;padding-left: 5px;padding-top: 10.5px;display: block;max-width: fit-content;text-transform: capitalize;">
														en retard
														</span>	
														<img class="emoji" src="{{ asset('template/images/0.gif') }}" style="max-height: 105%;width: auto;height: auto;display: block;position: absolute;left: 50%;" />
														
													{% endif %}
												{% endif %}
											</a>
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<a class="form-control" style="cursor: default;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;">
												<strong for="verifinput" style="margin-right: 15px;">Vérification action :</strong>
												<span style="font-size: 14px"> {% if action.verification is not null %}{{ constant('App\\Entity\\Action::VERIFICATION')[constant('App\\Entity\\Action::'~action.verification)] }} {% else %} Non{% endif %} </span>
											</a>
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<a class="form-control" style="cursor: default;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;">
												<strong for="verifinput" style="margin-right: 15px;">Programmer réunion :</strong>
												<span style="font-size: 14px"> {% if action.reunion is not null %}{{ constant('App\\Entity\\Action::REUNION')[constant('App\\Entity\\Action::'~action.reunion)] }} {% else %} Non{% endif %} </span>
											</a>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-6">
										<div class="form-group">
											<a class="form-control" style="cursor: default;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;">
												<strong for="input3">Projet :</strong>
												<span  style="font-size: 14px" >{% if action.projet is not null %}{{action.projet.intitule}}{% endif %}</span>
											</a>
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group">
											<a class="form-control" style="cursor: default;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;">
												<strong for="input3">Module :</strong>
												<span style="font-size: 14px">{% if action.modules is not null %}{{action.modules.label}}{% endif %}</span>
											</a>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<div class="form-group ">
											<a class="form-control" style="cursor: default;height: fit-content;">
												<strong for="input3">Description :</strong>
												<p style="font-size: 14px">
													{% if action.description is not null %}
														{{action.description|raw}}
													{% endif %}
												</p>
											</a>
										</div>
									</div>
								</div>
								
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	{% endfor %}
{% endif %}