dashboard implementation

app.py

@@ -37,5 +37,9 @@ def hello_world():  # put application's code here
 def display_profile():
     return flask.render_template('profil.html.jinja2')
 
+@app.route('/dashboard')
+def display_dashboard():
+    return flask.render_template('profil.html.jinja2')
+
 if __name__ == '__main__':
     app.run()

templates/dashboard.html.jinja2

+{% extends "layout.html.jinja2" %}
+
+{% block content %}
+    <div class="row mt-5 justify-content-center">
+    <div class="col-xl-3 col-sm-6 col-12">
+        <div class="card border-primary">
+          <div class="card-content">
+            <div class="card-body">
+              <div class="media d-flex justify-content-between">
+                <div class="media-body text-left">
+                  <h3 class="success">156</h3>
+                  <span>Étudiants</span>
+                </div>
+                <div class="align-self-center">
+                  <i class="fa-solid fa-graduation-cap fa-2xl"></i>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+        <div class="col-xl-3 col-sm-6 col-12">
+        <div class="card border-dark">
+          <div class="card-content">
+            <div class="card-body">
+              <div class="media d-flex justify-content-between">
+                <div class="media-body text-left">
+                  <h3 class="success">50</h3>
+                  <span>Entreprises</span>
+                </div>
+                <div class="align-self-center">
+                  <i class="fa-solid fa-briefcase fa-2xl"></i>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="container mt-5 border-top border-secondary">
+        <div class="row p-3">
+            <div class="col" id="filter">
+                <h4>Trouvez le stage de vos rêves :</h4>
+                <div class="col-md">
+                    <div class="flex-column">
+                        <label>Select a company :</label>
+                        <select class="selectpicker border rounded" data-live-search="true" multiple>
+                            <option >Capgemini</option>
+                            <option >Orange</option>
+                            <option >Wavestone</option>
+                        </select>
+                    </div>
+                    <div class="flex-column mt-2">
+                        <label>Select a TAF :</label>
+                        <select class="selectpicker border rounded" data-live-search="true" multiple>
+                            <option >DCL</option>
+                            <option >LOGIN*</option>
+                            <option >TEE</option>
+                        </select>
+                    </div>
+                </div>
+            </div>
+            <div class="col-8" id="main"> <p>Affichage résultat</p></div>
+        </div>
+    </div>
+{% endblock %}
\ No newline at end of file

templates/layout.html.jinja2

@@ -4,7 +4,10 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
-
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta2/dist/css/bootstrap-select.min.css">
+      <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta2/dist/js/bootstrap-select.min.js"></script>
 
 <title>StageAlumni</title>
   </head>
@@ -29,7 +32,6 @@
         {% block footer %} {% endblock %}
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
   </body>