{% extends 'base_back.html.twig' %}
{% block body %}
<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0">Dashboard</h1>
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<section class="content">
<div class="container-fluid">
<!-- Small boxes (Stat box) -->
<div class="row">
<div class="col-lg-3 col-6">
<!-- small box -->
<div class="small-box bg-info">
<div class="inner">
<h3>{{ countUsers }}</h3>
<p>Administrateurs</p>
</div>
<div class="icon">
<i class="ion ion-person"></i>
</div>
<a href="{{ path('back_user_list') }}" class="small-box-footer">Voir <i class="fas fa-arrow-circle-right"></i></a>
</div>
</div>
</div>
</div>
</section>
{% if contents is not empty %}
<section class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-12">
<h1>Timeline des modifications</h1>
</div>
</div>
</div><!-- /.container-fluid -->
</section>
<section class="content">
<div class="container-fluid">
<!-- Timelime example -->
<div class="row">
<div class="col-md-12">
<!-- The time line -->
<div class="timeline">
{% set dateLine = '' %}
{% for content in contents %}
{% if dateLine != content.updatedAt|date('d/m/Y') or loop.first %}
<div class="time-label">
<span class="bg-red">{{ content.updatedAt|date('d/m/Y') }}</span>
</div>
{% endif %}
{% set dateLine = content.updatedAt|date('d/m/Y') %}
<div>
<i class="fas fa-user bg-green"></i>
<div class="timeline-item">
<span class="time"><i class="fas fa-clock"></i> {{ content.updatedAt|ago(locale='fr') }}</span>
{% if content.content is defined %}
<h3 class="timeline-header no-border"><strong>{{ content.user.firstname }} {{ content.user.lastname }}</strong> a modifié le contenu <strong>{{ content.content.section }}</strong> de la page <strong>{{ content.content.page }}</strong></h3>
{% elseif content.sliderHeader is defined %}
<h3 class="timeline-header no-border"><strong>{{ content.user.firstname }} {{ content.user.lastname }}</strong> a modifié le slider de la page <strong>{{ content.sliderHeader.page }}</strong></h3>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
<!-- /.col -->
</div>
</div>
<!-- /.timeline -->
</section>
{% endif %}
{% endblock %}