phase 1 partie 3

2025-11-17 15:43:12 +01:00
parent 2300847c58
commit cf75d78792
8 changed files with 76 additions and 1 deletions
--- a/resources/views/accueil.blade.php
+++ b/resources/views/accueil.blade.php
@@ -0,0 +1,6 @@
+@extends('layout')
+ 
+@section('content'){{-- contenu injecté dans la vue layout --}}
+    <h1>Bienvenue dans la gestion de clients</h1>
+    <p>Utilisez le menu pour naviguer entre les pages.</p>
+@endsection
--- a/resources/views/clients.blade.php
+++ b/resources/views/clients.blade.php
@@ -0,0 +1,24 @@
+@extends('layout')
+@section('content')
+  <h1>Liste des clients</h1>
+  <ul id="clients-list"></ul>
+    {{-- Définition et exécution d'une fonction javascript pour afficher les clients --}}
+    <script>
+        async function loadClients() {
+            try {
+                //appel de l'api
+                const response = await fetch('http://192.168.56.56:8000/api/clients');
+                const clients = await response.json();
+                const list = document.getElementById('clients-list');
+                list.innerHTML = '';
+                clients.forEach(c => {
+                list.innerHTML += `<li>${c.nom} (${c.email})</li>`;
+                });
+            } catch (error) {
+                console.error('Erreur :', error);
+                list.innerHTML = '<li>Impossible de charger les clients</li>';
+            }
+        }
+        loadClients();
+    </script>
+@endsection
--- a/resources/views/layout.blade.php
+++ b/resources/views/layout.blade.php
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="UTF-8">
+        <title>Gestion Clients</title>
+    </head>
+    <body>
+    
+    <nav>
+        <a href="{{ url('/') }}">Accueil</a>
+        <a href="{{ url('/clients') }}">Liste des clients</a>
+    </nav>
+    
+    <div>
+        @yield('content'){{-- contenu des autres vues ici --}}
+    </div>
+    
+    </body>
+</html>