public function index() public function update(Request $request, $cin) Route::middleware('auth:sanctum')->get('/user',function return ( <div><h1>CRUD App with Axios</h1><Link

{ { (Request $request) { to="/">Back to Home</Link><form onSubmit=

$pompistes = Pompiste::all(); $pompistes = Pompiste::find($cin); return $request->user(); {handleSubmit}>
if ( sizeof($pompistes) == 0) { if ($pompistes == null) { }); <inputtype="text"placeholder="Title"value=
return response()->json([ return response()->json([ Route::middleware('auth:api')->group(function () { {title}onChange={(e) => setTitle(e.target.value)} required
'erreur' => true, 'erreur' => true, Route::get('/users', [AuthController::class, 'getUser']); /> <textareaplaceholder="Body"value={body}onChange=
'message' => "Pompiste introuvable!"], 422);} 'message'=> "pompistes introuvable!", Route::get('/pompistes', [PompistesController::class, 'index']); {(e) => setBody(e.target.value)} required ></textarea>
else{ ], 422); seeder <button type="submit">{editId ? 'Update' : 'Create'}
return response()->json([ } public function run() </button></form><ul> {items.map(item => ( <li key=
'erreur' => false, else{ { {item.id}><h2>{item.title}</h2><p>{item.body}</p><button
'data' => $pompistes], 200);}} $pompistes->cin= $request->input('cin'); Reservoir::create([ onClick={() => handleEdit(item)}>Edit</button><button
public function store(Request $request) $pompistes->nom = $request->input('nom'); 'id'=>'111', onClick={() => handleDelete(item.id)}>Delete</button></li>
{ $pompistes->prenom = $request->input('prenom'); 'typeProduit'=>'gasoil', ))} </ul></div> ); };
$data = array( $pompistes->photo = $request->input('photo'); 'qteStock'=>'300', export default CrudComponent;
'cin'=>$request->cin, $pompistes->email = $request->input('email'); ]); App.js
'nom'=>$request->nom, $pompistes->tel = $request->input('tel'); migration // src/App.js
'prenom'=>$request->prenom, $pompistes->adresse = $request->input('adresse'); public function up() import React from 'react';
'photo'=>$request->photo, $pompistes->ville = $request->input('ville'); { import { BrowserRouter as Router, Route, Routes, Link }
'email'=>$request->email, $pompistes->save(); Schema::create('reservoirs', function (Blueprint $table) { from 'react-router-dom';
'tel'=>$request->tel, return response()->json([ $table->id(); import CrudComponent from './CrudComponent';
'adresse'=>$request->adresse, 'erreur' => false, $table->string('typeProduit');
'ville'=>$request->ville 'data'=> $pompistes], 200);}} $table->integer('qteStock'); const Home = () => (
); class Chargement extends Model $table->timestamps(); <div>
$pompistes = Pompiste::create($data); { }); <h1>Home Page</h1>
use HasFactory; } <p>Welcome to the CRUD App Home Page.</p>
return response()->json([ protected $fillable= react <Link to="/crud">Go to CRUD Operations</Link>
'erreur' => false, ['id','cin','immatriculation','idreservoir','QteCharge','prix']; CrudComponent.js </div>
'msg' =>'pompistes bien créée', public function pompiste(){ const CrudComponent = () => { const [items, setItems] = );
'pompistes' => $pompistes, return $this->belongsTo(Pompiste::class);} useState([]); const [title, setTitle] = useState(''); const [body,
], 200); public function reservoir(){ setBody] = useState(''); const [editId, setEditId] = const App = () => {
} return $this->belongsTo(Reservoir::class);} useState(null);useEffect(() => { axios.get('API_ENDPOINT_GET') return (
public function show($cin) public function voiture(){ .then(response => { setItems(response.data); }) .catch(error => <Router>
{ return $this->belongsTo(Voiture::class);}} console.error('Error fetching data:', error)); }, []); <div className="App">
$pompistes = Pompiste::where('cin', $cin)->first(); views // Create or Update item <nav>
if ($pompistes == null) { @extends('layouts.app') const handleSubmit = (e) => { e.preventDefault(); if (editId) { <Link to="/">Home</Link> | <Link to="/crud">CRUD
return response()->json([ @section('content') axios.put(`API_ENDPOINT_UPDATE/${editId}`, { title, body }) Operations</Link>
'erreur' => true, <div class="container"> .then(response => { setItems(items.map(item => (item.id === </nav>
'message' => "pompistes introuvable!", <h1>Détails de la Voiture</h1> editId ? response.data : item))); setEditId(null); setTitle(''); <Routes>
], 422); @if ($voiture) setBody(''); }) .catch(error => console.error('Error updating <Route path="/" element={<Home />} />
} <p><b>immatriculation:</b> data:', error)); } else { axios.post('API_ENDPOINT_CREATE', { <Route path="/crud" element={<CrudComponent />}
else{ {{ $voiture->immatriculation }}</p> title, body }) .then(response => { setItems([response.data, />
return response()->json([ <p><b>modele:</b> {{ $voiture->modele}}</p> ...items]); setTitle(''); setBody(''); }) .catch(error => </Routes>
'erreur' => false, <p><b>couleur:</b> {{ $voiture->couleur }}</p> console.error('Error creating data:', error)); } }; </div>
'pompistes' => $pompistes], 200);} } <p><b>marque:</b> {{ $voiture->marque}}</p> const handleDelete= </Router>
public function destroy($cin) <p><b>photo:</b> {{ $voiture->photo}}</p> (id) => { axios.delete(`API_ENDPOINT_DELETE/${id}`) .then(() => );
{ @else { setItems(items.filter(item => item.id !== id)); }) .catch(error => };
$pompistes = Pompiste::where('cin', $cin)->first(); <p>Voiture non trouvée!</p> console.error('Error deleting data:', error)); }; export default App;
if ($pompistes == null) { @endif // Delete item
return response()->json([ <a href="{{ route('voitures.edit', const handleDelete = (id) => {
'erreur' => true, $voiture->immatriculation??'') }}" axios.delete(`API_ENDPOINT_DELETE/${id}`) .then(() => {
'message'=> "Pompiste introuvable!"], 422);} class="btn btn-primary">Modifier</a> setItems(items.filter(item => item.id !== id)); }) .catch(error =>
else{ <a href="{{ route('voitures.index') }}" console.error('Error deleting data:', error)); };
Pompiste::where('cin', $cin)->delete(); class="btn btn-secondary">Retour</a> // Edit item
return response()->json([ </div> const handleEdit = (item) => { setEditId(item.id);
'erreur' => false, @endsection setTitle(item.title); setBody(item.body); };
'message'=> "Pompiste est bien supprimée!"], 200);}}