{# templates/superadmin_v2/users/sa_users_activity.html.twig #}
{% extends 'superadmin_v2/superadmin.html.twig' %}

{% block title %}Activité #{{ user.id }} - {{ user.prenom }} {{ user.nom }} - {{ parent() }}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
	<link href="{{ asset('superadmin_v2/css/bootstrap-datetimepicker.min.css') }}" rel="stylesheet">
	<style>
.users-activity a, .users-activity a:link, .users-activity a:visited {
    color: #116699;
    text-decoration: none;
}
h2, h3 {
    padding: 2px 10px 1px 0px;
    margin: 0 0 10px 0;
}
h2 {
    font-size: 20px;
}
h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
h2 img.gravatar, h3 img.gravatar {
    margin-right: 4px;
}
img.gravatar {
    vertical-align: middle;
    border-radius: 20%;
}
img {
    image-orientation: from-image;
    overflow-clip-margin: content-box;
    overflow: clip;
}
#activity dt img.gravatar {
    float: left;
    margin: 0 1em 1em 0;
    height: 28px;
}
.splitcontent {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
}
.splitcontentleft {
    flex: 1;
    margin-right: 5px;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
table.issue-report {
    table-layout: fixed;
}
table.list, .table-list {
    border: 1px solid #e4e4e4;
    width: 100%;
    margin-bottom: 4px;
    border-radius: 3px;
    border-spacing: 0;
    overflow: hidden;
}
table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: gray;
}
thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
table.list th, .table-list-header {
    background-color: #EEEEEE;
    padding: 4px;
    white-space: nowrap;
    font-weight: bold;
}
th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: center;
}
table.list td {
    text-align: center;
    vertical-align: middle;
    padding-right: 10px;
}
table td {
    padding: 2px;
}
td {
    display: table-cell;
    vertical-align: inherit;
}
table.list td.name, table.list td.description, table.list td.subject, table.list td.parent-subject, table.list td.comments, table.list td.roles, table.list td.attachments, table.list td.text, table.list td.short_description {
    text-align: left;
}
table.list:not(.odd-even) tbody tr:nth-child(odd), .odd, #issue-changesets div.changeset:nth-child(odd) {
    background-color: #f6f7f8;
}

.splitcontentright {
    flex: 1;
    margin-left: 5px;
}
div#activity h3 {
    padding: 5px;
    background-color: #eeeeee;
}
div#activity dl, #search-results {
    margin-left: 2em;
}
dl {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
div#activity dl dt:first-child {
    border: 0px;
}
div#activity dt {
    padding-top: 10px;
    border-top: 1px solid #eeeeee;
}
#activity dt, .journal {
    clear: left;
}
dt {
    display: block;
}
div#activity dd, #search-results dd {
    margin-bottom: 1em;
    padding-left: 18px;
    font-size: 0.9em;
}
dd {
    display: block;
    margin-inline-start: 40px;
}
div#activity dt .time {
    color: #116699;
    font-size: 11px;
    font-weight: 600;
}
div#activity dd span.description, #search-results dd span.description {
    display: block;
    color: #808080;
}
div#activity dd .description, #search-results dd .description {
    font-style: italic;
}
div#activity dd, #search-results dd {
    margin-bottom: 1em;
    padding-left: 18px;
    font-size: 0.9em;
}
	</style>
{% endblock %}

{% block body %}

    {{ render(controller('App\\Controller\\Superadmin\\SaLayoutController::breadcrumb', {'rubriques_id':rubriques_id, 'action':filariane_action} )) }}

    {# { include('superadmin_v2/layout/sa_tab.html.twig') } #}

    <div class="section__content section__content--p30">
        {{ include('superadmin_v2/layout/sa_debug.html.twig') }}

        {{ include('superadmin_v2/layout/sa_alert.html.twig') }}

        <div class="container-fluid users-activity">
            <div class="row">

                <div class="table-data__tool" style="width:100%;">
                    <div class="table-data__tool-right col-lg-12">

                        <form class="form-horizontal" name="filtre_users_activity_form" id="filtre_users_activity_form" method="get" action="{{ path('superadmin_users_activity') }}">
                        <div class="row form-group fg-m-bottom" style="margin:8px 0 3px!important;">
                            <div class="col-12 col-md-2 fg-m-bottom"></div>
                            <div class="col-12 col-md-2 fg-m-bottom">
                                <select class="form-control" name="f_collaborateur" id="f_collaborateur">
                                    <option value="0">- Collaborateur -</option>
                                    {% for u in collaborateurs %}
                                    <option value="{{ u.id }}"{% if user.id == u.id %} selected{% endif %}>{{ u.prenom }} {{ u.nom }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="col-12 col-md-2 fg-m-bottom">
                                <input type="text" class="form-control" name="f_date_debut" id="f_date_debut" placeholder="Date début" value="{% if f_date_debut is not empty %}{{ f_date_debut }}{% endif %}" autocomplete="off">
                            </div>
                            <div class="col-12 col-md-2 fg-m-bottom">
                                <input type="text" class="form-control" name="f_date_fin" id="f_date_fin" placeholder="Date fin" value="{% if f_date_fin is not empty %}{{ f_date_fin }}{% endif %}" autocomplete="off">
                            </div>
                            <div class="col-12 col-md-2 fg-m-bottom">
                                <button type="button" id="filtre_users_activity_submit" class="btn btn-info btn-sm btn-block">Afficher</button>
                            </div>
                            <div class="col-12 col-md-2 fg-m-bottom"></div>
                        </div>
                        </form>
                    </div>
                </div>

                <h2><img alt="{{ user.prenom }} {{ user.nom }}" class="gravatar" src="{{ asset('superadmin_v2/images/users/' ~ user.avatar) }}"> {{ user.prenom }} {{ user.nom }}</h2>

                <div class="splitcontent">
                    <div class="splitcontentleft">
                        <ul>
                            <li>Identifiant: {{ user.username }}</li>
                            <li>Dernière connexion: {{ user.derniereConnexion|date('d-m-Y H:i') }}</li>
                        </ul>

                        <h3>Demandes de devis :</h3>
                        <table class="list issue-report">
                          <thead>
                            <tr>
                                {#<th></th>#}
                                <th>Modifiées</th>
                                <th>Email validation</th>
                                <th>SMS validation</th>
                                <th>Note</th>
                                <th>Publiées</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr>
                                {#<td class="name"><a href="javascript:;">Demandes de devis</a></td>#}
                                <td><a href="javascript:;">{{ chiffres.ddes_edit }}</a></td>
                                <td><a href="javascript:;">{{ chiffres.ddes_email_validation }}</a></td>
                                <td><a href="javascript:;">{{ chiffres.ddes_sms_validation }}</a></td>
                                <td><a href="javascript:;">{{ chiffres.ddes_note }}</a></td>
                                <td><a href="javascript:;">{{ chiffres.ddes_publish }}</a></td>
                            </tr>
                          </tbody>
                        </table>

                        <br><h3>Réponses :</h3>
                        <table class="list issue-report">
                          <thead>
                            <tr>
                                <th>Validées</th>
                                <th>Modifiées</th>
                                <th>Annulées</th>
                                <th>SMS info devis</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr>
                                <td><a href="javascript:;">{{ chiffres.reponse_validated }}</a></td>
                                <td><a href="javascript:;">{{ chiffres.reponse_edit }}</a></td>
                                <td><a href="javascript:;">{{ chiffres.reponse_annulee }}</a></td>
                                <td><a href="javascript:;">{{ chiffres.reponse_sms_info_devis }}</a></td>
                            </tr>
                          </tbody>
                        </table>

                        <br><h3>Artisans :</h3>
                        <table class="list issue-report">
                          <thead>
                            <tr>
                                <th>Modifiés</th>
                                <th>Email validation</th>
                                <th>SMS validation</th>
                                <th>Note</th>
                                <th>Activés</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr>
                                <td><a href="javascript:;">{{ chiffres.artisan_edit }}</a></td>
                                <td><a href="javascript:;">{{ chiffres.artisan_email_validation }}</a></td>
                                <td><a href="javascript:;">{{ chiffres.artisan_sms_validation }}</a></td>
                                <td><a href="javascript:;">{{ chiffres.artisan_note }}</a></td>
                                <td><a href="javascript:;">{{ chiffres.artisan_enabled }}</a></td>
                            </tr>
                          </tbody>
                        </table>

                        <br><h3>Appels :</h3>
                        <table class="list issue-report">
                          <thead>
                            <tr>
                                <th></th>
                                <th>Sortants</th>
                                <th>Entrants</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr>
                                <td><span style="font-weight:bold;">Artisan</span></td>
                                <td><a href="javascript:;">{{ chiffres.appels_sortants_artisan }}</a></td>
                                <td><a href="javascript:;">{{ chiffres.appels_entrants_artisan }}</a></td>
                            </tr>
                            <tr>
                                <td><span style="font-weight:bold;">Client</span></td>
                                <td><a href="javascript:;">{{ chiffres.appels_sortants_client }}</a></td>
                                <td><a href="javascript:;">{{ chiffres.appels_entrants_client }}</a></td>
                            </tr>
                          </tbody>
                        </table>
                    </div>

                    <div class="splitcontentright">

                        <h3><a href="javascript:;">Activité</a></h3>
                        <div id="activity">
                            {% for k,row in activity %}
                            {% if k == 0 or (k > 0 and activity[k-1].operation_date != activity[k].operation_date) %}<h3>{{ row.operation_date }}</h3>{% endif %}
                            <dl>
                                <dt class="issue-note icon icon-issue-note">
                                    <img alt="" class="gravatar" src="{{ asset('superadmin_v2/images/users/' ~ row.avatar) }}">
                                    <span class="time">{{ row.operation_time }}</span>
                                    <span class="project">
                                        {% if row.module_name == 'demandes_devis'%}
                                            Demande de devis
                                        {% elseif row.module_name == 'gestion_artisans' %}
                                            Artisan
                                        {% elseif row.module_name == 'clients' %}
                                            Client
                                        {% elseif row.module_name == 'reponses' %}
                                            Réponse
                                        {% elseif row.module_name == 'contacts' %}
                                            Contact
                                        {% else %}
                                            {{ row.module_name }}
                                        {% endif %}
                                    </span>
                                </dt>
                                <dd class="">
                                    <span class="description">{{ row.description|raw|nl2br }}</span>
                                </dd>
                            </dl>
                            {% endfor %}
                        </div>
                    </div>
                </div>

            </div>

            {{ include('superadmin_v2/layout/sa_footer.html.twig') }}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('superadmin_v2/js/moment.js') }}"></script>
    <script src="{{ asset('superadmin_v2/js/bootstrap-datetimepicker.js') }}"></script>
    <script src="{{ asset('superadmin_v2/js/locales/bootstrap-datetimepicker.fr.js') }}" charset="utf-8"></script>
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){

        $(document).on('focus', 'form#filtre_users_activity_form input#f_date_debut', function() {
            $('form#filtre_users_activity_form input#f_date_debut').datetimepicker({
                locale: 'fr',
                format: 'YYYY-MM-DD'
            });
        });
        $(document).on('focus', 'form#filtre_users_activity_form input#f_date_fin', function() {
            $('form#filtre_users_activity_form input#f_date_fin').datetimepicker({
                locale: 'fr',
                format: 'YYYY-MM-DD'
            });
        });
        $("form#filtre_users_activity_form input#f_date_fin").on("dp.change", function (e) {
            $('form#filtre_users_activity_form input#f_date_debut').data("DateTimePicker").maxDate(e.date);
        });

        $(document).on('click', 'form#filtre_users_activity_form #filtre_users_activity_submit', function(){
            if (
                $('form#filtre_users_activity_form input#f_date_debut').val().length > 0 &&
                $('form#filtre_users_activity_form #f_collaborateur').val() != 0
            ) {	
                $('form#filtre_users_activity_form').submit();
                return true;
            /* } else {
                alert('Ok!'); */
            }
            return false;
        });

    });
    // ]]>
    </script>
{% endblock %}