This commit is contained in:
2025-11-17 17:42:16 +01:00
parent cf75d78792
commit 8bff5902cd
7 changed files with 108 additions and 9 deletions

View File

@@ -1,6 +1,7 @@
@extends('layout')
@section('content'){{-- contenu injecté dans la vue layout --}}
<link href="{{ asset('css/style.css') }}" rel="stylesheet">
<h1>Bienvenue dans la gestion de clients</h1>
<p>Utilisez le menu pour naviguer entre les pages.</p>
@endsection

View File

@@ -1,5 +1,6 @@
@extends('layout')
@section('content')
<link href="{{ asset('css/style.css') }}" rel="stylesheet">
<h1>Liste des clients</h1>
<ul id="clients-list"></ul>
{{-- Définition et exécution d'une fonction javascript pour afficher les clients --}}
@@ -10,10 +11,25 @@
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 = '';
list.innerHTML = `<table>
<thead>
<tr>
<th scope=\"col\">Nom du client</th>
<th scope=\"col\">Adresse e-mail</th>
<th scope=\"col\">Voir le client</th>
</tr>
</thead>
<tbody> `;
const table = list.querySelector("table")
clients.forEach(c => {
list.innerHTML += `<li>${c.nom} (${c.email})</li>`;
table.innerHTML += `<tr>
<td>${c.nom}</td>
<td>${c.email}</td>
<td><a href="{{ url('/clients/${c.id}') }}">le client ${c.id}<a></td>
</tr>`;
});
list.innerHTML += "</tbody> </table>"
} catch (error) {
console.error('Erreur :', error);
list.innerHTML = '<li>Impossible de charger les clients</li>';

View File

@@ -0,0 +1,22 @@
@extends('layout')
@section('content')
<link href="{{ asset('css/style.css') }}" rel="stylesheet">
<h1>Création d'un nouveau client</h1>
<form action="{{ url('ajout')}}" method="POST">
@csrf
<label for="nom">Nom:</label>
<input type="text" name="nom" id="nom" required>
<label for="prenom">Prenom:</label>
<input type="text" name="prenom" id="prenom" required>
<label for="email">E-mail:</label>
<input type="text" name="email" id="email" required>
<label for="telephone">Numero de Telephone:</label>
<input type="text" name="telephone" id="telephone">
<input type="submit" value="Soumettre">
</form>
@endsection

View File

@@ -7,9 +7,14 @@
<body>
<nav>
<a href="{{ url('/') }}">Accueil</a>
<a href="{{ url('/clients') }}">Liste des clients</a>
</nav>
<a href="{{ url('/') }}">Accueil</a>
<a href="{{ url('/clients') }}">Liste des clients</a>
<a href="{{ url('/ajoutClient') }}">Crée un client</a>
<a href="{{ url('/clients') }}">Mise à jour complète d'un client</a>
<a href="{{ url('/clients') }}">Mise à jour partielle d'un client</a>
<a href="{{ url('/clients') }}">Supprimer un client</a>
</nav>
<div>
@yield('content'){{-- contenu des autres vues ici --}}