ail-framework/var/www/templates/chats_explorer/card_chat.html

<link href="{{ url_for('static', filename='css/tags.css') }}" rel="stylesheet" type="text/css" />
<script src="{{ url_for('static', filename='js/tags.js') }}"></script>

{% with modal_add_tags=ail_tags %}
	{% include 'modals/add_tags.html' %}
{% endwith %}

{% include 'modals/edit_tag.html' %}


<div class="card my-1">
	<div class="card-header">
        <h4 class="text-secondary">{% if meta['username'] %}{{ meta["username"]["id"] }} {% else %} {{ meta['name'] }}{% endif %} :</h4>
        {% if meta['icon'] %}
            <div><img src="{{ url_for('objects_image.image', filename=meta['icon'])}}" class="mb-2" alt="{{ meta['id'] }}" width="200" height="200"></div>
        {% endif %}
		<ul class="list-group mb-2">
            <li class="list-group-item py-0">
                <table class="table">
                    <thead class="">
                    <tr>
                        <th>Name</th>
                        <th>ID</th>
                        <th>Created at</th>
                        <th>First Seen</th>
                        <th>Last Seen</th>
                        <th>NB Sub-Channels</th>
                        <th>Participants</th>
                    </tr>
                    </thead>
                    <tbody style="font-size: 15px;">
                    <tr>
                        <td>{{ meta['name'] }}</td>
                        <td>{{ meta['id']  }}</td>
                        <td>{{ meta['created_at'] }}</td>
                        <td>
                            {% if meta['first_seen'] %}
                                {{ meta['first_seen'][0:4] }}-{{ meta['first_seen'][4:6] }}-{{ meta['first_seen'][6:8] }}
                            {% endif %}
                        </td>
                        <td>
                            {% if meta['last_seen'] %}
                                {{ meta['last_seen'][0:4] }}-{{ meta['last_seen'][4:6] }}-{{ meta['last_seen'][6:8] }}
                            {% endif %}
                        </td>
                        <td>{{ meta['nb_subchannels'] }}</td>
                        <td>
                            <a href="{{ url_for('chats_explorer.chats_explorer_chat_participants')}}?type=chat&subtype={{ meta['subtype'] }}&id={{ meta['id'] }}"><i class="far fa-user-circle"></i> {{ meta['nb_participants']}}</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
                {% if meta['info'] %}
                    <li class="list-group-item py-0">
                        <pre class="my-0">{{ meta['info'] }}</pre>
                        {% if meta['translation_info'] %}
                            <hr class="m-1">
                            <pre class="my-0 text-secondary">{{ meta['translation_info'] }}</pre>
                        {% endif %}
                    </li>
                {% endif %}

			<li class="list-group-item py-0">
				<div class="my-2">
					Tags:
					{% for tag in meta['tags'] %}
                        <button class="btn btn-{{ bootstrap_label[loop.index0 % 5] }}"
                                data-toggle="modal" data-target="#edit_tags_modal"
						        data-tagid="{{ tag }}" data-objtype="{{ meta['type'] }}" data-objsubtype="{{ meta['subtype'] }}" data-objid="{{ meta["id"] }}">
                                {{ tag }}
						</button>
					{%  endfor %}
					<button type="button" class="btn btn-light" data-toggle="modal" data-target="#add_tags_modal">
                        <i class="far fa-plus-square"></i>
                    </button>
				</div>
			</li>
		</ul>

		{% with obj_type=meta['type'], obj_id=meta['id'], obj_subtype=meta['subtype'] %}
			{% include 'modals/investigations_register_obj.html' %}
		{% endwith %}
		<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#investigations_register_obj_modal">
			<i class="fas fa-microscope"></i> Investigations
		</button>

	</div>
</div>