From 5865cece03d240d2a20aac16d2dd13e673625b13 Mon Sep 17 00:00:00 2001
From: dejafait <10533583+dejafait@users.noreply.github.com>
Date: Mon, 16 Dec 2024 17:10:01 +0100
Subject: [PATCH] job_seeker_views: split route to fix nav-tab

---
 itou/templates/job_seekers_views/details.html |  25 +-
 .../job_seekers_views/job_applications.html   |  81 ++++
 itou/www/job_seekers_views/urls.py            |  11 +-
 itou/www/job_seekers_views/views.py           |   1 -
 .../__snapshots__/test_details.ambr           | 403 ++++--------------
 tests/www/job_seekers_views/test_details.py   |   6 +-
 6 files changed, 189 insertions(+), 338 deletions(-)
 create mode 100644 itou/templates/job_seekers_views/job_applications.html

diff --git a/itou/templates/job_seekers_views/details.html b/itou/templates/job_seekers_views/details.html
index 334651e67a..0f9f8d2356 100644
--- a/itou/templates/job_seekers_views/details.html
+++ b/itou/templates/job_seekers_views/details.html
@@ -29,20 +29,14 @@ <h1 class="mb-0">Candidat : {{ job_seeker.get_full_name|mask_unless:can_view_pe
     <ul class="s-tabs-01__nav nav nav-tabs mb-0" role="tablist" data-it-sliding-tabs="true">
         <li class="nav-item" role="presentation">
             <a class="nav-link active"
-               id="informations-tab"
-               data-bs-toggle="tab"
-               href="#informations"
-               role="tab"
+               href="{% url 'job_seekers_views:details' public_id=job_seeker.public_id %}?back_url={% url 'job_seekers_views:list' %}"
                aria-controls="informations"
                aria-selected="true"
                {% matomo_event "candidat" "clic-onglet" "informations candidat" %}>Informations générales</a>
         </li>
         <li class="nav-item" role="presentation">
             <a class="nav-link"
-               id="job-applications-tab"
-               data-bs-toggle="tab"
-               href="#candidatures"
-               role="tab"
+               href="{% url 'job_seekers_views:job_applications' public_id=job_seeker.public_id %}?back_url={% url 'job_seekers_views:list' %}"
                aria-controls="candidatures"
                aria-selected="false"
                {% matomo_event "candidat" "clic-onglet" "candidatures" %}>Candidatures</a>
@@ -80,21 +74,6 @@ <h2>Informations</h2>
                                 {% endif %}
                             </div>
                         </div>
-                        <div class="tab-pane fade" id="candidatures" role="tabpanel" aria-labelledby="job-applications-tab">
-                            <h2>Candidatures envoyées</h2>
-                            <hr>
-                            {% matomo_event "candidat" "clic" "detail-candidature" as matomo_event_attrs %}
-                            {% for job_application in sent_job_applications %}
-                                {% url 'apply:details_for_prescriber' job_application_id=job_application.id as detail_url %}
-                                {% include "apply/includes/job_application_box_for_user.html" with job_application=job_application detail_url=detail_url matomo_event_attrs=matomo_event_attrs %}
-                            {% empty %}
-                                <div class="c-box c-box--results my-3 my-md-4">
-                                    <div class="c-box--results__body">
-                                        <p class="mb-0">Aucune candidature envoyée.</p>
-                                    </div>
-                                </div>
-                            {% endfor %}
-                        </div>
                     </div>
                 </div>
             </div>
diff --git a/itou/templates/job_seekers_views/job_applications.html b/itou/templates/job_seekers_views/job_applications.html
new file mode 100644
index 0000000000..7d15a2d0e4
--- /dev/null
+++ b/itou/templates/job_seekers_views/job_applications.html
@@ -0,0 +1,81 @@
+{% extends "layout/base.html" %}
+{% load matomo %}
+{% load static %}
+{% load str_filters %}
+{% load format_filters %}
+{% load url_add_query %}
+
+{% block title %}
+    Profil de {{ job_seeker.get_full_name|mask_unless:can_view_personal_information }} {{ block.super }}
+{% endblock %}
+
+{% block title_content %}
+    <div class="d-flex flex-column flex-md-row gap-3 mb-3 justify-content-md-between">
+        <h1 class="mb-0">Candidat : {{ job_seeker.get_full_name|mask_unless:can_view_personal_information }}</h1>
+        {% url 'search:employers_results' as search_url %}
+        {% if can_view_personal_information %}
+            {% url_add_query search_url job_seeker=job_seeker.public_id city=job_seeker.city_slug as url_query %}
+        {% else %}
+            {% url_add_query search_url job_seeker=job_seeker.public_id as url_query %}
+        {% endif %}
+        <a href="{{ url_query }}" {% matomo_event "candidature" "clic" "postuler-pour-ce-candidat" %} class="btn btn-lg btn-primary btn-ico">
+            <i class="ri-draft-line fw-medium" aria-hidden="true"></i>
+            <span>Postuler pour ce candidat</span>
+        </a>
+    </div>
+{% endblock %}
+
+{% block title_extra %}
+    <ul class="s-tabs-01__nav nav nav-tabs mb-0" role="tablist" data-it-sliding-tabs="true">
+        <li class="nav-item" role="presentation">
+            <a class="nav-link"
+               href="{% url 'job_seekers_views:details' public_id=job_seeker.public_id %}?back_url={% url 'job_seekers_views:list' %}"
+               aria-controls="informations"
+               aria-selected="true"
+               {% matomo_event "candidat" "clic-onglet" "informations candidat" %}>Informations générales</a>
+        </li>
+        <li class="nav-item" role="presentation">
+            <a class="nav-link active"
+               href="{% url 'job_seekers_views:job_applications' public_id=job_seeker.public_id %}?back_url={% url 'job_seekers_views:list' %}"
+               aria-controls="candidatures"
+               aria-selected="false"
+               {% matomo_event "candidat" "clic-onglet" "candidatures" %}>Candidatures</a>
+        </li>
+    </ul>
+{% endblock %}
+{% block title_prevstep %}
+    {% include "layout/previous_step.html" with back_url=back_url only %}
+{% endblock %}
+
+{% block content %}
+    <section class="s-section">
+        <div class="s-section__container container">
+            <div class="s-section__row row">
+                <div class="s-section__col col-12">
+                    <div class="tab-content">
+                        <div class="tab-pane fade show active" id="candidatures" role="tabpanel" aria-labelledby="job-applications-tab">
+                            <h2>Candidatures envoyées</h2>
+                            <hr>
+                            {% matomo_event "candidat" "clic" "detail-candidature" as matomo_event_attrs %}
+                            {% for job_application in sent_job_applications %}
+                                {% url 'apply:details_for_prescriber' job_application_id=job_application.id as detail_url %}
+                                {% include "apply/includes/job_application_box_for_user.html" with job_application=job_application detail_url=detail_url matomo_event_attrs=matomo_event_attrs %}
+                            {% empty %}
+                                <div class="c-box c-box--results my-3 my-md-4">
+                                    <div class="c-box--results__body">
+                                        <p class="mb-0">Aucune candidature envoyée.</p>
+                                    </div>
+                                </div>
+                            {% endfor %}
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+{% endblock %}
+
+{% block script %}
+    {{ block.super }}
+    <script src="{% static 'js/sliding_tabs.js'%}"></script>
+{% endblock %}
diff --git a/itou/www/job_seekers_views/urls.py b/itou/www/job_seekers_views/urls.py
index 2f51cb0a68..57f9de50b8 100644
--- a/itou/www/job_seekers_views/urls.py
+++ b/itou/www/job_seekers_views/urls.py
@@ -6,7 +6,16 @@
 app_name = "job_seekers_views"
 
 urlpatterns = [
-    path("details/<uuid:public_id>", views.JobSeekerDetailView.as_view(), name="details"),
+    path(
+        "details/<uuid:public_id>",
+        views.JobSeekerDetailView.as_view(template_name="job_seekers_views/details.html"),
+        name="details",
+    ),
+    path(
+        "job_applications/<uuid:public_id>",
+        views.JobSeekerDetailView.as_view(template_name="job_seekers_views/job_applications.html"),
+        name="job_applications",
+    ),
     path("list", views.JobSeekerListView.as_view(), name="list"),
     # For sender
     path("<uuid:session_uuid>/sender/check-nir", views.CheckNIRForSenderView.as_view(), name="check_nir_for_sender"),
diff --git a/itou/www/job_seekers_views/views.py b/itou/www/job_seekers_views/views.py
index a5292da966..bd6ba94c71 100644
--- a/itou/www/job_seekers_views/views.py
+++ b/itou/www/job_seekers_views/views.py
@@ -47,7 +47,6 @@
 class JobSeekerDetailView(LoginRequiredMixin, UserPassesTestMixin, DetailView):
     model = User
     queryset = User.objects.select_related("jobseeker_profile")
-    template_name = "job_seekers_views/details.html"
     slug_field = "public_id"
     slug_url_kwarg = "public_id"
     context_object_name = "job_seeker"
diff --git a/tests/www/job_seekers_views/__snapshots__/test_details.ambr b/tests/www/job_seekers_views/__snapshots__/test_details.ambr
index 85cc1862b5..01a11dc653 100644
--- a/tests/www/job_seekers_views/__snapshots__/test_details.ambr
+++ b/tests/www/job_seekers_views/__snapshots__/test_details.ambr
@@ -37,10 +37,10 @@
                               
       <ul class="s-tabs-01__nav nav nav-tabs mb-0" data-it-sliding-tabs="true" role="tablist">
           <li class="nav-item" role="presentation">
-              <a aria-controls="informations" aria-selected="true" class="nav-link active" data-bs-toggle="tab" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="informations candidat" href="#informations" id="informations-tab" role="tab">Informations générales</a>
+              <a aria-controls="informations" aria-selected="true" class="nav-link active" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="informations candidat" href="/job-seekers/details/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Informations générales</a>
           </li>
           <li class="nav-item" role="presentation">
-              <a aria-controls="candidatures" aria-selected="false" class="nav-link" data-bs-toggle="tab" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="candidatures" href="#candidatures" id="job-applications-tab" role="tab">Candidatures</a>
+              <a aria-controls="candidatures" aria-selected="false" class="nav-link" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="candidatures" href="/job-seekers/job_applications/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Candidatures</a>
           </li>
       </ul>
   
@@ -218,18 +218,6 @@
                                   
                               </div>
                           </div>
-                          <div aria-labelledby="job-applications-tab" class="tab-pane fade" id="candidatures" role="tabpanel">
-                              <h2>Candidatures envoyées</h2>
-                              <hr/>
-                              
-                              
-                                  <div class="c-box c-box--results my-3 my-md-4">
-                                      <div class="c-box--results__body">
-                                          <p class="mb-0">Aucune candidature envoyée.</p>
-                                      </div>
-                                  </div>
-                              
-                          </div>
                       </div>
                   </div>
               </div>
@@ -277,10 +265,10 @@
                               
       <ul class="s-tabs-01__nav nav nav-tabs mb-0" data-it-sliding-tabs="true" role="tablist">
           <li class="nav-item" role="presentation">
-              <a aria-controls="informations" aria-selected="true" class="nav-link active" data-bs-toggle="tab" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="informations candidat" href="#informations" id="informations-tab" role="tab">Informations générales</a>
+              <a aria-controls="informations" aria-selected="true" class="nav-link active" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="informations candidat" href="/job-seekers/details/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Informations générales</a>
           </li>
           <li class="nav-item" role="presentation">
-              <a aria-controls="candidatures" aria-selected="false" class="nav-link" data-bs-toggle="tab" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="candidatures" href="#candidatures" id="job-applications-tab" role="tab">Candidatures</a>
+              <a aria-controls="candidatures" aria-selected="false" class="nav-link" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="candidatures" href="/job-seekers/job_applications/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Candidatures</a>
           </li>
       </ul>
   
@@ -436,18 +424,6 @@
                                   
                               </div>
                           </div>
-                          <div aria-labelledby="job-applications-tab" class="tab-pane fade" id="candidatures" role="tabpanel">
-                              <h2>Candidatures envoyées</h2>
-                              <hr/>
-                              
-                              
-                                  <div class="c-box c-box--results my-3 my-md-4">
-                                      <div class="c-box--results__body">
-                                          <p class="mb-0">Aucune candidature envoyée.</p>
-                                      </div>
-                                  </div>
-                              
-                          </div>
                       </div>
                   </div>
               </div>
@@ -495,10 +471,10 @@
                               
       <ul class="s-tabs-01__nav nav nav-tabs mb-0" data-it-sliding-tabs="true" role="tablist">
           <li class="nav-item" role="presentation">
-              <a aria-controls="informations" aria-selected="true" class="nav-link active" data-bs-toggle="tab" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="informations candidat" href="#informations" id="informations-tab" role="tab">Informations générales</a>
+              <a aria-controls="informations" aria-selected="true" class="nav-link active" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="informations candidat" href="/job-seekers/details/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Informations générales</a>
           </li>
           <li class="nav-item" role="presentation">
-              <a aria-controls="candidatures" aria-selected="false" class="nav-link" data-bs-toggle="tab" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="candidatures" href="#candidatures" id="job-applications-tab" role="tab">Candidatures</a>
+              <a aria-controls="candidatures" aria-selected="false" class="nav-link" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="candidatures" href="/job-seekers/job_applications/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Candidatures</a>
           </li>
       </ul>
   
@@ -612,18 +588,6 @@
                                   
                               </div>
                           </div>
-                          <div aria-labelledby="job-applications-tab" class="tab-pane fade" id="candidatures" role="tabpanel">
-                              <h2>Candidatures envoyées</h2>
-                              <hr/>
-                              
-                              
-                                  <div class="c-box c-box--results my-3 my-md-4">
-                                      <div class="c-box--results__body">
-                                          <p class="mb-0">Aucune candidature envoyée.</p>
-                                      </div>
-                                  </div>
-                              
-                          </div>
                       </div>
                   </div>
               </div>
@@ -671,10 +635,10 @@
                               
       <ul class="s-tabs-01__nav nav nav-tabs mb-0" data-it-sliding-tabs="true" role="tablist">
           <li class="nav-item" role="presentation">
-              <a aria-controls="informations" aria-selected="true" class="nav-link active" data-bs-toggle="tab" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="informations candidat" href="#informations" id="informations-tab" role="tab">Informations générales</a>
+              <a aria-controls="informations" aria-selected="true" class="nav-link active" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="informations candidat" href="/job-seekers/details/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Informations générales</a>
           </li>
           <li class="nav-item" role="presentation">
-              <a aria-controls="candidatures" aria-selected="false" class="nav-link" data-bs-toggle="tab" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="candidatures" href="#candidatures" id="job-applications-tab" role="tab">Candidatures</a>
+              <a aria-controls="candidatures" aria-selected="false" class="nav-link" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="candidatures" href="/job-seekers/job_applications/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Candidatures</a>
           </li>
       </ul>
   
@@ -878,18 +842,6 @@
                                   
                               </div>
                           </div>
-                          <div aria-labelledby="job-applications-tab" class="tab-pane fade" id="candidatures" role="tabpanel">
-                              <h2>Candidatures envoyées</h2>
-                              <hr/>
-                              
-                              
-                                  <div class="c-box c-box--results my-3 my-md-4">
-                                      <div class="c-box--results__body">
-                                          <p class="mb-0">Aucune candidature envoyée.</p>
-                                      </div>
-                                  </div>
-                              
-                          </div>
                       </div>
                   </div>
               </div>
@@ -901,7 +853,61 @@
 # ---
 # name: test_job_application_tab.1
   '''
-  <div aria-labelledby="job-applications-tab" class="tab-pane fade" id="candidatures" role="tabpanel">
+  <main class="s-main" id="main" role="main">
+              <div aria-atomic="true" aria-live="polite" class="toast-container">
+  
+  </div>
+  
+              <section class="s-title-02">
+                  <div class="s-title-02__container container">
+                      <div class="s-title-02__row row">
+                          <div class="s-title-02__col col-12">
+                              
+      
+  
+  
+  
+  
+                              
+      <div class="d-flex flex-column flex-md-row gap-3 mb-3 justify-content-md-between">
+          <h1 class="mb-0">Candidat : Jane DOE</h1>
+          
+          
+              
+          
+          <a class="btn btn-lg btn-primary btn-ico" data-matomo-action="clic" data-matomo-category="candidature" data-matomo-event="true" data-matomo-option="postuler-pour-ce-candidat" href="/search/employers/results?job_seeker=7614fc4b-aef9-4694-ab17-12324300180a&amp;city=rennes-35">
+              <i aria-hidden="true" class="ri-draft-line fw-medium"></i>
+              <span>Postuler pour ce candidat</span>
+          </a>
+      </div>
+  
+                              
+                                  
+  
+  
+                              
+                              
+      <ul class="s-tabs-01__nav nav nav-tabs mb-0" data-it-sliding-tabs="true" role="tablist">
+          <li class="nav-item" role="presentation">
+              <a aria-controls="informations" aria-selected="true" class="nav-link" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="informations candidat" href="/job-seekers/details/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Informations générales</a>
+          </li>
+          <li class="nav-item" role="presentation">
+              <a aria-controls="candidatures" aria-selected="false" class="nav-link active" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="candidatures" href="/job-seekers/job_applications/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Candidatures</a>
+          </li>
+      </ul>
+  
+                          </div>
+                      </div>
+                  </div>
+              </section>
+  
+              
+      <section class="s-section">
+          <div class="s-section__container container">
+              <div class="s-section__row row">
+                  <div class="s-section__col col-12">
+                      <div class="tab-content">
+                          <div aria-labelledby="job-applications-tab" class="tab-pane fade show active" id="candidatures" role="tabpanel">
                               <h2>Candidatures envoyées</h2>
                               <hr/>
                               
@@ -920,7 +926,7 @@
           
           
               chez
-              <a class="btn-ico btn-link" href="/company/[PK of Company]/card?back_url=/job-seekers/details/7614fc4b-aef9-4694-ab17-12324300180a">
+              <a class="btn-ico btn-link" href="/company/[PK of Company]/card?back_url=/job-seekers/job_applications/7614fc4b-aef9-4694-ab17-12324300180a">
                   <i aria-hidden="true" class="ri-community-line fw-medium ri-sm me-1"></i>
                   <span>Acme inc.</span>
               </a>
@@ -947,7 +953,7 @@
       </div>
       <div class="c-box--results__footer">
           <div class="d-flex justify-content-end">
-              <a aria-label="Voir la candidature de Pierre DUPONT" class="btn btn-outline-primary btn-block w-100 w-md-auto" data-matomo-action="clic" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="detail-candidature" href="/apply/11111111-1111-1111-1111-111111111111/prescriber/details?back_url=/job-seekers/details/7614fc4b-aef9-4694-ab17-12324300180a">Voir sa candidature</a>
+              <a aria-label="Voir la candidature de Pierre DUPONT" class="btn btn-outline-primary btn-block w-100 w-md-auto" data-matomo-action="clic" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="detail-candidature" href="/apply/11111111-1111-1111-1111-111111111111/prescriber/details?back_url=/job-seekers/job_applications/7614fc4b-aef9-4694-ab17-12324300180a">Voir sa candidature</a>
           </div>
       </div>
   </div>
@@ -967,7 +973,7 @@
           
           
               chez
-              <a class="btn-ico btn-link" href="/company/[PK of Company]/card?back_url=/job-seekers/details/7614fc4b-aef9-4694-ab17-12324300180a">
+              <a class="btn-ico btn-link" href="/company/[PK of Company]/card?back_url=/job-seekers/job_applications/7614fc4b-aef9-4694-ab17-12324300180a">
                   <i aria-hidden="true" class="ri-community-line fw-medium ri-sm me-1"></i>
                   <span>Autre entreprise</span>
               </a>
@@ -994,18 +1000,25 @@
       </div>
       <div class="c-box--results__footer">
           <div class="d-flex justify-content-end">
-              <a aria-label="Voir la candidature de Pierre DUPONT" class="btn btn-outline-primary btn-block w-100 w-md-auto" data-matomo-action="clic" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="detail-candidature" href="/apply/11111111-1111-1111-1111-222222222222/prescriber/details?back_url=/job-seekers/details/7614fc4b-aef9-4694-ab17-12324300180a">Voir sa candidature</a>
+              <a aria-label="Voir la candidature de Pierre DUPONT" class="btn btn-outline-primary btn-block w-100 w-md-auto" data-matomo-action="clic" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="detail-candidature" href="/apply/11111111-1111-1111-1111-222222222222/prescriber/details?back_url=/job-seekers/job_applications/7614fc4b-aef9-4694-ab17-12324300180a">Voir sa candidature</a>
           </div>
       </div>
   </div>
   
                               
                           </div>
+                      </div>
+                  </div>
+              </div>
+          </div>
+      </section>
+  
+          </main>
   '''
 # ---
-# name: test_job_application_tab[job seeker details view with sent job applications]
+# name: test_job_application_tab[job seeker job applications view with sent job applications]
   dict({
-    'num_queries': 18,
+    'num_queries': 17,
     'queries': list([
       dict({
         'origin': list([
@@ -1567,36 +1580,9 @@
       }),
       dict({
         'origin': list([
-          'ForNode[job_seekers_views/includes/eligibility_diagnosis.html]',
-          'IncludeNode[job_seekers_views/details.html]',
-          'IfNode[job_seekers_views/details.html]',
-          'BlockNode[layout/base.html]',
-          'ExtendsNode[job_seekers_views/details.html]',
-        ]),
-        'sql': '''
-          SELECT "eligibility_administrativecriteria"."id",
-                 "eligibility_administrativecriteria"."kind",
-                 "eligibility_administrativecriteria"."level",
-                 "eligibility_administrativecriteria"."name",
-                 "eligibility_administrativecriteria"."desc",
-                 "eligibility_administrativecriteria"."written_proof",
-                 "eligibility_administrativecriteria"."written_proof_url",
-                 "eligibility_administrativecriteria"."written_proof_validity",
-                 "eligibility_administrativecriteria"."ui_rank",
-                 "eligibility_administrativecriteria"."created_at",
-                 "eligibility_administrativecriteria"."created_by_id"
-          FROM "eligibility_administrativecriteria"
-          INNER JOIN "eligibility_selectedadministrativecriteria" ON ("eligibility_administrativecriteria"."id" = "eligibility_selectedadministrativecriteria"."administrative_criteria_id")
-          WHERE "eligibility_selectedadministrativecriteria"."eligibility_diagnosis_id" = %s
-          ORDER BY "eligibility_administrativecriteria"."level" ASC,
-                   "eligibility_administrativecriteria"."ui_rank" ASC
-        ''',
-      }),
-      dict({
-        'origin': list([
-          'ForNode[job_seekers_views/details.html]',
+          'ForNode[job_seekers_views/job_applications.html]',
           'BlockNode[layout/base.html]',
-          'ExtendsNode[job_seekers_views/details.html]',
+          'ExtendsNode[job_seekers_views/job_applications.html]',
         ]),
         'sql': '''
           SELECT "job_applications_jobapplication"."id",
@@ -1725,9 +1711,9 @@
       }),
       dict({
         'origin': list([
-          'ForNode[job_seekers_views/details.html]',
+          'ForNode[job_seekers_views/job_applications.html]',
           'BlockNode[layout/base.html]',
-          'ExtendsNode[job_seekers_views/details.html]',
+          'ExtendsNode[job_seekers_views/job_applications.html]',
         ]),
         'sql': '''
           SELECT ("job_applications_jobapplication_selected_jobs"."jobapplication_id") AS "_prefetch_related_val_jobapplication_id",
@@ -1831,10 +1817,10 @@
                               
       <ul class="s-tabs-01__nav nav nav-tabs mb-0" data-it-sliding-tabs="true" role="tablist">
           <li class="nav-item" role="presentation">
-              <a aria-controls="informations" aria-selected="true" class="nav-link active" data-bs-toggle="tab" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="informations candidat" href="#informations" id="informations-tab" role="tab">Informations générales</a>
+              <a aria-controls="informations" aria-selected="true" class="nav-link active" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="informations candidat" href="/job-seekers/details/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Informations générales</a>
           </li>
           <li class="nav-item" role="presentation">
-              <a aria-controls="candidatures" aria-selected="false" class="nav-link" data-bs-toggle="tab" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="candidatures" href="#candidatures" id="job-applications-tab" role="tab">Candidatures</a>
+              <a aria-controls="candidatures" aria-selected="false" class="nav-link" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="candidatures" href="/job-seekers/job_applications/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Candidatures</a>
           </li>
       </ul>
   
@@ -2014,18 +2000,6 @@
                                   
                               </div>
                           </div>
-                          <div aria-labelledby="job-applications-tab" class="tab-pane fade" id="candidatures" role="tabpanel">
-                              <h2>Candidatures envoyées</h2>
-                              <hr/>
-                              
-                              
-                                  <div class="c-box c-box--results my-3 my-md-4">
-                                      <div class="c-box--results__body">
-                                          <p class="mb-0">Aucune candidature envoyée.</p>
-                                      </div>
-                                  </div>
-                              
-                          </div>
                       </div>
                   </div>
               </div>
@@ -2073,10 +2047,10 @@
                               
       <ul class="s-tabs-01__nav nav nav-tabs mb-0" data-it-sliding-tabs="true" role="tablist">
           <li class="nav-item" role="presentation">
-              <a aria-controls="informations" aria-selected="true" class="nav-link active" data-bs-toggle="tab" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="informations candidat" href="#informations" id="informations-tab" role="tab">Informations générales</a>
+              <a aria-controls="informations" aria-selected="true" class="nav-link active" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="informations candidat" href="/job-seekers/details/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Informations générales</a>
           </li>
           <li class="nav-item" role="presentation">
-              <a aria-controls="candidatures" aria-selected="false" class="nav-link" data-bs-toggle="tab" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="candidatures" href="#candidatures" id="job-applications-tab" role="tab">Candidatures</a>
+              <a aria-controls="candidatures" aria-selected="false" class="nav-link" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="candidatures" href="/job-seekers/job_applications/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Candidatures</a>
           </li>
       </ul>
   
@@ -2236,18 +2210,6 @@
                                   
                               </div>
                           </div>
-                          <div aria-labelledby="job-applications-tab" class="tab-pane fade" id="candidatures" role="tabpanel">
-                              <h2>Candidatures envoyées</h2>
-                              <hr/>
-                              
-                              
-                                  <div class="c-box c-box--results my-3 my-md-4">
-                                      <div class="c-box--results__body">
-                                          <p class="mb-0">Aucune candidature envoyée.</p>
-                                      </div>
-                                  </div>
-                              
-                          </div>
                       </div>
                   </div>
               </div>
@@ -2295,10 +2257,10 @@
                               
       <ul class="s-tabs-01__nav nav nav-tabs mb-0" data-it-sliding-tabs="true" role="tablist">
           <li class="nav-item" role="presentation">
-              <a aria-controls="informations" aria-selected="true" class="nav-link active" data-bs-toggle="tab" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="informations candidat" href="#informations" id="informations-tab" role="tab">Informations générales</a>
+              <a aria-controls="informations" aria-selected="true" class="nav-link active" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="informations candidat" href="/job-seekers/details/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Informations générales</a>
           </li>
           <li class="nav-item" role="presentation">
-              <a aria-controls="candidatures" aria-selected="false" class="nav-link" data-bs-toggle="tab" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="candidatures" href="#candidatures" id="job-applications-tab" role="tab">Candidatures</a>
+              <a aria-controls="candidatures" aria-selected="false" class="nav-link" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="candidatures" href="/job-seekers/job_applications/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Candidatures</a>
           </li>
       </ul>
   
@@ -2412,18 +2374,6 @@
                                   
                               </div>
                           </div>
-                          <div aria-labelledby="job-applications-tab" class="tab-pane fade" id="candidatures" role="tabpanel">
-                              <h2>Candidatures envoyées</h2>
-                              <hr/>
-                              
-                              
-                                  <div class="c-box c-box--results my-3 my-md-4">
-                                      <div class="c-box--results__body">
-                                          <p class="mb-0">Aucune candidature envoyée.</p>
-                                      </div>
-                                  </div>
-                              
-                          </div>
                       </div>
                   </div>
               </div>
@@ -2471,10 +2421,10 @@
                               
       <ul class="s-tabs-01__nav nav nav-tabs mb-0" data-it-sliding-tabs="true" role="tablist">
           <li class="nav-item" role="presentation">
-              <a aria-controls="informations" aria-selected="true" class="nav-link active" data-bs-toggle="tab" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="informations candidat" href="#informations" id="informations-tab" role="tab">Informations générales</a>
+              <a aria-controls="informations" aria-selected="true" class="nav-link active" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="informations candidat" href="/job-seekers/details/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Informations générales</a>
           </li>
           <li class="nav-item" role="presentation">
-              <a aria-controls="candidatures" aria-selected="false" class="nav-link" data-bs-toggle="tab" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="candidatures" href="#candidatures" id="job-applications-tab" role="tab">Candidatures</a>
+              <a aria-controls="candidatures" aria-selected="false" class="nav-link" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="candidatures" href="/job-seekers/job_applications/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Candidatures</a>
           </li>
       </ul>
   
@@ -2632,18 +2582,6 @@
                                   
                               </div>
                           </div>
-                          <div aria-labelledby="job-applications-tab" class="tab-pane fade" id="candidatures" role="tabpanel">
-                              <h2>Candidatures envoyées</h2>
-                              <hr/>
-                              
-                              
-                                  <div class="c-box c-box--results my-3 my-md-4">
-                                      <div class="c-box--results__body">
-                                          <p class="mb-0">Aucune candidature envoyée.</p>
-                                      </div>
-                                  </div>
-                              
-                          </div>
                       </div>
                   </div>
               </div>
@@ -2691,10 +2629,10 @@
                               
       <ul class="s-tabs-01__nav nav nav-tabs mb-0" data-it-sliding-tabs="true" role="tablist">
           <li class="nav-item" role="presentation">
-              <a aria-controls="informations" aria-selected="true" class="nav-link active" data-bs-toggle="tab" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="informations candidat" href="#informations" id="informations-tab" role="tab">Informations générales</a>
+              <a aria-controls="informations" aria-selected="true" class="nav-link active" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="informations candidat" href="/job-seekers/details/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Informations générales</a>
           </li>
           <li class="nav-item" role="presentation">
-              <a aria-controls="candidatures" aria-selected="false" class="nav-link" data-bs-toggle="tab" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="candidatures" href="#candidatures" id="job-applications-tab" role="tab">Candidatures</a>
+              <a aria-controls="candidatures" aria-selected="false" class="nav-link" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="candidatures" href="/job-seekers/job_applications/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Candidatures</a>
           </li>
       </ul>
   
@@ -2808,18 +2746,6 @@
                                   
                               </div>
                           </div>
-                          <div aria-labelledby="job-applications-tab" class="tab-pane fade" id="candidatures" role="tabpanel">
-                              <h2>Candidatures envoyées</h2>
-                              <hr/>
-                              
-                              
-                                  <div class="c-box c-box--results my-3 my-md-4">
-                                      <div class="c-box--results__body">
-                                          <p class="mb-0">Aucune candidature envoyée.</p>
-                                      </div>
-                                  </div>
-                              
-                          </div>
                       </div>
                   </div>
               </div>
@@ -2867,10 +2793,10 @@
                               
       <ul class="s-tabs-01__nav nav nav-tabs mb-0" data-it-sliding-tabs="true" role="tablist">
           <li class="nav-item" role="presentation">
-              <a aria-controls="informations" aria-selected="true" class="nav-link active" data-bs-toggle="tab" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="informations candidat" href="#informations" id="informations-tab" role="tab">Informations générales</a>
+              <a aria-controls="informations" aria-selected="true" class="nav-link active" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="informations candidat" href="/job-seekers/details/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Informations générales</a>
           </li>
           <li class="nav-item" role="presentation">
-              <a aria-controls="candidatures" aria-selected="false" class="nav-link" data-bs-toggle="tab" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="candidatures" href="#candidatures" id="job-applications-tab" role="tab">Candidatures</a>
+              <a aria-controls="candidatures" aria-selected="false" class="nav-link" data-matomo-action="clic-onglet" data-matomo-category="candidat" data-matomo-event="true" data-matomo-option="candidatures" href="/job-seekers/job_applications/7614fc4b-aef9-4694-ab17-12324300180a?back_url=/job-seekers/list">Candidatures</a>
           </li>
       </ul>
   
@@ -3033,18 +2959,6 @@
                                   
                               </div>
                           </div>
-                          <div aria-labelledby="job-applications-tab" class="tab-pane fade" id="candidatures" role="tabpanel">
-                              <h2>Candidatures envoyées</h2>
-                              <hr/>
-                              
-                              
-                                  <div class="c-box c-box--results my-3 my-md-4">
-                                      <div class="c-box--results__body">
-                                          <p class="mb-0">Aucune candidature envoyée.</p>
-                                      </div>
-                                  </div>
-                              
-                          </div>
                       </div>
                   </div>
               </div>
@@ -3056,7 +2970,7 @@
 # ---
 # name: test_with_approval[SQL queries]
   dict({
-    'num_queries': 17,
+    'num_queries': 16,
     'queries': list([
       dict({
         'origin': list([
@@ -3659,137 +3573,6 @@
           LIMIT 1
         ''',
       }),
-      dict({
-        'origin': list([
-          'ForNode[job_seekers_views/details.html]',
-          'BlockNode[layout/base.html]',
-          'ExtendsNode[job_seekers_views/details.html]',
-        ]),
-        'sql': '''
-          SELECT "job_applications_jobapplication"."id",
-                 "job_applications_jobapplication"."job_seeker_id",
-                 "job_applications_jobapplication"."eligibility_diagnosis_id",
-                 "job_applications_jobapplication"."geiq_eligibility_diagnosis_id",
-                 "job_applications_jobapplication"."create_employee_record",
-                 "job_applications_jobapplication"."resume_link",
-                 "job_applications_jobapplication"."sender_id",
-                 "job_applications_jobapplication"."sender_kind",
-                 "job_applications_jobapplication"."sender_company_id",
-                 "job_applications_jobapplication"."sender_prescriber_organization_id",
-                 "job_applications_jobapplication"."to_company_id",
-                 "job_applications_jobapplication"."state",
-                 "job_applications_jobapplication"."archived_at",
-                 "job_applications_jobapplication"."archived_by_id",
-                 "job_applications_jobapplication"."hired_job_id",
-                 "job_applications_jobapplication"."message",
-                 "job_applications_jobapplication"."answer",
-                 "job_applications_jobapplication"."answer_to_prescriber",
-                 "job_applications_jobapplication"."refusal_reason",
-                 "job_applications_jobapplication"."refusal_reason_shared_with_job_seeker",
-                 "job_applications_jobapplication"."hiring_start_at",
-                 "job_applications_jobapplication"."hiring_end_at",
-                 "job_applications_jobapplication"."hiring_without_approval",
-                 "job_applications_jobapplication"."origin",
-                 "job_applications_jobapplication"."approval_id",
-                 "job_applications_jobapplication"."approval_delivery_mode",
-                 "job_applications_jobapplication"."approval_number_sent_by_email",
-                 "job_applications_jobapplication"."approval_number_sent_at",
-                 "job_applications_jobapplication"."approval_manually_delivered_by_id",
-                 "job_applications_jobapplication"."approval_manually_refused_by_id",
-                 "job_applications_jobapplication"."approval_manually_refused_at",
-                 "job_applications_jobapplication"."transferred_at",
-                 "job_applications_jobapplication"."transferred_by_id",
-                 "job_applications_jobapplication"."transferred_from_id",
-                 "job_applications_jobapplication"."created_at",
-                 "job_applications_jobapplication"."updated_at",
-                 "job_applications_jobapplication"."processed_at",
-                 "job_applications_jobapplication"."prehiring_guidance_days",
-                 "job_applications_jobapplication"."contract_type",
-                 "job_applications_jobapplication"."nb_hours_per_week",
-                 "job_applications_jobapplication"."contract_type_details",
-                 "job_applications_jobapplication"."qualification_type",
-                 "job_applications_jobapplication"."qualification_level",
-                 "job_applications_jobapplication"."planned_training_hours",
-                 "job_applications_jobapplication"."inverted_vae_contract",
-                 "job_applications_jobapplication"."diagoriente_invite_sent_at",
-                 T3."id",
-                 T3."password",
-                 T3."last_login",
-                 T3."is_superuser",
-                 T3."username",
-                 T3."first_name",
-                 T3."last_name",
-                 T3."is_staff",
-                 T3."is_active",
-                 T3."date_joined",
-                 T3."address_line_1",
-                 T3."address_line_2",
-                 T3."post_code",
-                 T3."city",
-                 T3."department",
-                 T3."coords",
-                 T3."geocoding_score",
-                 T3."geocoding_updated_at",
-                 T3."ban_api_resolved_address",
-                 T3."insee_city_id",
-                 T3."title",
-                 T3."email",
-                 T3."phone",
-                 T3."kind",
-                 T3."identity_provider",
-                 T3."has_completed_welcoming_tour",
-                 T3."created_by_id",
-                 T3."external_data_source_history",
-                 T3."last_checked_at",
-                 T3."public_id",
-                 T3."address_filled_at",
-                 T3."first_login",
-                 "companies_company"."id",
-                 "companies_company"."address_line_1",
-                 "companies_company"."address_line_2",
-                 "companies_company"."post_code",
-                 "companies_company"."city",
-                 "companies_company"."department",
-                 "companies_company"."coords",
-                 "companies_company"."geocoding_score",
-                 "companies_company"."geocoding_updated_at",
-                 "companies_company"."ban_api_resolved_address",
-                 "companies_company"."insee_city_id",
-                 "companies_company"."name",
-                 "companies_company"."created_at",
-                 "companies_company"."updated_at",
-                 "companies_company"."uid",
-                 "companies_company"."active_members_email_reminder_last_sent_at",
-                 "companies_company"."automatic_geocoding_update",
-                 "companies_company"."siret",
-                 "companies_company"."naf",
-                 "companies_company"."kind",
-                 "companies_company"."brand",
-                 "companies_company"."phone",
-                 "companies_company"."email",
-                 "companies_company"."auth_email",
-                 "companies_company"."website",
-                 "companies_company"."description",
-                 "companies_company"."provided_support",
-                 "companies_company"."source",
-                 "companies_company"."created_by_id",
-                 "companies_company"."block_job_applications",
-                 "companies_company"."job_applications_blocked_at",
-                 "companies_company"."convention_id",
-                 "companies_company"."job_app_score",
-                 "companies_company"."is_searchable",
-                 "companies_company"."rdv_solidarites_id",
-                 "companies_company"."fields_history"
-          FROM "job_applications_jobapplication"
-          LEFT OUTER JOIN "users_user" T3 ON ("job_applications_jobapplication"."sender_id" = T3."id")
-          INNER JOIN "companies_company" ON ("job_applications_jobapplication"."to_company_id" = "companies_company"."id")
-          WHERE ("job_applications_jobapplication"."job_seeker_id" = %s
-                 AND (("job_applications_jobapplication"."sender_id" = %s
-                       AND "job_applications_jobapplication"."sender_prescriber_organization_id" IS NULL)
-                      OR "job_applications_jobapplication"."sender_prescriber_organization_id" = %s))
-          ORDER BY "job_applications_jobapplication"."created_at" DESC
-        ''',
-      }),
       dict({
         'origin': list([
           'Atomic.__enter__[<site-packages>/django/db/transaction.py]',
diff --git a/tests/www/job_seekers_views/test_details.py b/tests/www/job_seekers_views/test_details.py
index 342a22e10f..65ff3e9090 100644
--- a/tests/www/job_seekers_views/test_details.py
+++ b/tests/www/job_seekers_views/test_details.py
@@ -218,13 +218,13 @@ def test_job_application_tab(client, snapshot):
         sender=prescriber_membership.user,
     )
     client.force_login(prescriber_membership.user)
-    url = reverse("job_seekers_views:details", kwargs={"public_id": job_application_1.job_seeker.public_id})
+    url = reverse("job_seekers_views:job_applications", kwargs={"public_id": job_application_1.job_seeker.public_id})
 
-    with assertSnapshotQueries(snapshot(name="job seeker details view with sent job applications")):
+    with assertSnapshotQueries(snapshot(name="job seeker job applications view with sent job applications")):
         response = client.get(url)
     soup = parse_response_to_soup(
         response,
-        selector="#candidatures",
+        selector="#main",
         replace_in_attr=[
             ("href", f"/company/{job_application_1.to_company.pk}/card", "/company/[PK of Company]/card"),
             ("href", f"/company/{job_application_2.to_company.pk}/card", "/company/[PK of Company]/card"),