From 83197d2753b002c9ea494460bf82413437d54e7d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Reuiller?= <sebastien@reuiller.email>
Date: Wed, 27 Nov 2024 17:37:55 +0100
Subject: [PATCH] show legal name and fix icons

---
 lemarche/templates/siaes/_card_detail.html  |  8 +-
 lemarche/templates/siaes/_useful_infos.html | 87 +++++++++++----------
 2 files changed, 51 insertions(+), 44 deletions(-)

diff --git a/lemarche/templates/siaes/_card_detail.html b/lemarche/templates/siaes/_card_detail.html
index 11674db45..2d0f583a9 100644
--- a/lemarche/templates/siaes/_card_detail.html
+++ b/lemarche/templates/siaes/_card_detail.html
@@ -9,12 +9,12 @@
                     {% if siae.logo_url %}
                         <img src="{{ siae.logo_url }}"
                              width="100"
-                             alt="Logo de la structure {{ siae.name }}"
+                             alt="Logo de la structure {{ siae.name_display }}"
                              loading="lazy" />
                     {% else %}
                         <img src="{% static 'img/default-listing.png' %}"
                              width="100"
-                             alt="{{ siae.name }}"
+                             alt="{{ siae.name_display }}"
                              loading="lazy" />
                     {% endif %}
                 </div>
@@ -72,12 +72,12 @@ <h1>
                         <div class="fr-col-md-6">
                             <ul class="list-unstyled">
                                 <li>
-                                    <i class="fr-icon-building-line"></i>
+                                    <i class="fr-icon--sm fr-icon-building-line"></i>
                                     <span>{{ siae.get_kind_display }}</span>
                                 </li>
                                 {% if siae.legal_form %}
                                     <li>
-                                        <i class="fr-icon-building-fill"></i>
+                                        <i class="fr-icon--sm fr-icon-building-fill"></i>
                                         <span>{{ siae.get_legal_form_display }}</span>
                                     </li>
                                 {% endif %}
diff --git a/lemarche/templates/siaes/_useful_infos.html b/lemarche/templates/siaes/_useful_infos.html
index 7287fa8d2..c800c89fd 100644
--- a/lemarche/templates/siaes/_useful_infos.html
+++ b/lemarche/templates/siaes/_useful_infos.html
@@ -1,94 +1,101 @@
 {% load get_verbose_name array_choices_display %}
-
 <div class="fr-grid-row">
     <!-- First column -->
     <div class="fr-col-12 fr-col-md-6">
-        <ul class="list-unstyled mb-0">
-            <li class="mb-2">
-                <i class="ri-calendar-2-fill"></i>
+        <ul class="list-unstyled">
+            <li>
+                <i class="fr-icon--sm fr-icon-scales-3-line"></i>
+                <strong>Raison sociale :</strong>
+                <span>{{ siae.name }}</span>
+            </li>
+            <li>
+                <i class="fr-icon--sm fr-icon-calendar-event-fill"></i>
                 <strong>Année de création :</strong>
                 <span>{{ siae.year_constitution_display }}</span>
             </li>
-            <li class="mb-2">
-                <i class="ri-bill-line"></i>
+            <li>
+                <i class="fr-icon--sm fr-icon-briefcase-line"></i>
                 <strong>SIRET :</strong>
                 <span>{{ siae.siret_display }}</span>
             </li>
-            <li class="mb-2">
-                <i class="ri-money-euro-circle-line"></i>
+            <li>
+                <i class="fr-icon--sm fr-icon-money-euro-circle-line"></i>
                 <strong>Chiffre d'affaires :</strong>
                 <span>{{ siae.ca_display }}</span>
             </li>
             {% if siae.etablissement_count > 1 %}
-                <li class="mb-2">
-                    <i class="ri-building-4-line"></i>
+                <li>
+                    <i class="fr-icon--sm fr-icon-building-4-line"></i>
                     <strong>Nombre d'établissements :</strong>
-                    <a href="{% url 'siae:search_results' %}?q={{ siae.siren }}" target="_blank" title="Consulter la liste des {{ siae.etablissement_count }} établissements">{{ siae.etablissement_count }}</a>
+                    <a href="{% url 'siae:search_results' %}?q={{ siae.siren }}"
+                       target="_blank"
+                       title="Consulter la liste des {{ siae.etablissement_count }} établissements">{{ siae.etablissement_count }}</a>
                 </li>
             {% endif %}
-            <li class="mb-2" title="{% get_verbose_name siae 'presta_type' %}">
+            <li title="{% get_verbose_name siae 'presta_type' %}">
                 {% if siae.presta_type %}
-                    <i class="ri-briefcase-4-line"></i>
+                    <i class="fr-icon--sm fr-icon-briefcase-line"></i>
                     <strong>{% array_choices_display siae 'presta_type' %}</strong>
                 {% endif %}
             </li>
-            <li class="mb-2">
-                <i class="ri-group-line"></i>
+            <li>
+                <i class="fr-icon--sm fr-icon--sm fr-icon--sm fr-icon-team-fill"></i>
                 <strong>Salariés permanents :</strong>
                 <span>{{ siae.employees_permanent_count|default:"non disponible" }}</span>
             </li>
-            <li class="mb-2">
-                <i class="ri-user-add-line"></i>
+            <li>
+                <i class="fr-icon--sm fr-icon-team-line"></i>
                 <strong>{{ siae.etp_count_label_display }} :</strong>
                 <span>{{ siae.etp_count_display|floatformat:0|default:"non disponible" }}</span>
             </li>
             {% if inbound_email_is_activated %}
                 {% if siae.contact_website %}
-                    <li class="mb-2">
-                        <i class="ri-window-2-line"></i>
-                        <a href="{{ siae.contact_website }}" id="company_website" target="_blank" rel="noopener">Site internet</a>
+                    <li>
+                        <i class="fr-icon--sm fr-icon-window-line"></i>
+                        <a href="{{ siae.contact_website }}"
+                           id="company_website"
+                           target="_blank"
+                           rel="noopener">Site internet</a>
                     </li>
                 {% endif %}
                 {% if siae.contact_social_website %}
-                    <li class="mb-2">
-                        <i class="ri-earth-line"></i>
-                        <a href="{{ siae.contact_social_website }}" id="company_social_website" target="_blank" rel="noopener">Réseau social</a>
+                    <li>
+                        <i class="fr-icon--sm fr-icon-earth-line"></i>
+                        <a href="{{ siae.contact_social_website }}"
+                           id="company_social_website"
+                           target="_blank"
+                           rel="noopener">Réseau social</a>
                     </li>
                 {% endif %}
                 {% if siae.is_missing_contact %}
-                    <li class="mb-2">
-                        <i class="ri-search-line"></i>
-                        <a href="https://www.google.fr/search?q={{ siae.name_display }}" id="company_google" target="_blank" rel="noopener">Google</a>
+                    <li>
+                        <i class="fr-icon--sm fr-icon-search-line"></i>
+                        <a href="https://www.google.fr/search?q={{ siae.name_display }}"
+                           id="company_google"
+                           target="_blank"
+                           rel="noopener">Google</a>
                     </li>
                 {% endif %}
             {% endif %}
-            <li class="mb-2">
-                {% include "siaes/_annuaire_entreprises_button.html" with siret=siae.siret %}
-            </li>
+            <li class="fr-mt-4v">{% include "siaes/_annuaire_entreprises_button.html" with siret=siae.siret %}</li>
         </ul>
     </div>
-
     <!-- Second column -->
     <div class="fr-col-12 fr-col-md-6">
-        <div class="map-holder mb-2">
+        <div class="map-holder">
             <div id="map-siae" class="map-canvas"></div>
         </div>
         <ul class="list-unstyled fr-m-0">
-            <li class="mb-2">
-                <i class="ri-map-2-line"></i>
+            <li>
+                <i class="fr-icon--sm fr-icon-map-pin-2-line"></i>
                 <strong>Situé à :</strong>
                 <span>{{ siae.city }}</span>
             </li>
-            <li class="mb-2">
-                <i class="ri-map-pin-line"></i>
+            <li>
+                <i class="fr-icon--sm fr-icon-map-pin-user-fill"></i>
                 <strong>Adresse :</strong>
                 <span>{{ siae.address }} {{ siae.post_code }} {{ siae.city }}</span>
             </li>
-            <li class="mb-2">
-                <i class="ri-focus-2-line"></i>
-                <strong>Intervient sur :</strong>
-                <span>{{ siae.geo_range_pretty_display }}</span>
-            </li>
         </ul>
     </div>
 </div>