ajout du systeme de layout

This commit is contained in:
2026-03-23 22:33:33 +01:00
parent fb1f8b26a2
commit eb9d1f496b
9 changed files with 197 additions and 76 deletions
+32
View File
@@ -0,0 +1,32 @@
@extends('app')
@section('title', 'Connexion - (RE)Sources Relationnelles')
@section('content')
<section class="container mx-auto px-4 py-16">
<div class="max-w-md mx-auto bg-white rounded-xl border border-gray-200 p-8">
<h1 class="text-2xl font-bold mb-6 text-center text-niagara">Connexion</h1>
<form action="#" method="POST" class="space-y-4">
@csrf
<div>
<label for="email" class="block text-sm font-bold mb-2 text-gray-700">Email</label>
<input type="email" id="email" name="email" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-niagara outline-none">
</div>
<div>
<label for="password" class="block text-sm font-bold mb-2 text-gray-700">Mot de passe</label>
<input type="password" id="password" name="password" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-niagara outline-none">
</div>
<button type="submit" class="w-full py-3 gradient-niagara text-white font-bold rounded-lg hover:shadow-lg transition-smooth duration-200">
Se connecter
</button>
</form>
<p class="text-center mt-6 text-gray-600">
Pas encore inscrit? <a href="{{ route('register') }}" class="text-niagara font-bold hover:underline">S'inscrire</a>
</p>
</div>
</section>
@endsection
@@ -0,0 +1,42 @@
@extends('app')
@section('title', 'S\'inscrire - (RE)Sources Relationnelles')
@section('content')
<section class="container mx-auto px-4 py-16">
<div class="max-w-md mx-auto bg-white rounded-xl border border-gray-200 p-8">
<h1 class="text-2xl font-bold mb-6 text-center text-niagara">S'inscrire</h1>
<form action="#" method="POST" class="space-y-4">
@csrf
<div>
<label for="name" class="block text-sm font-bold mb-2 text-gray-700">Nom</label>
<input type="text" id="name" name="name" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-niagara outline-none">
</div>
<div>
<label for="email" class="block text-sm font-bold mb-2 text-gray-700">Email</label>
<input type="email" id="email" name="email" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-niagara outline-none">
</div>
<div>
<label for="password" class="block text-sm font-bold mb-2 text-gray-700">Mot de passe</label>
<input type="password" id="password" name="password" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-niagara outline-none">
</div>
<div>
<label for="password_confirmation" class="block text-sm font-bold mb-2 text-gray-700">Confirmer le mot de passe</label>
<input type="password" id="password_confirmation" name="password_confirmation" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-niagara outline-none">
</div>
<button type="submit" class="w-full py-3 gradient-niagara text-white font-bold rounded-lg hover:shadow-lg transition-smooth duration-200">
S'inscrire
</button>
</form>
<p class="text-center mt-6 text-gray-600">
Déjà inscrit? <a href="{{ route('login') }}" class="text-niagara font-bold hover:underline">Se connecter</a>
</p>
</div>
</section>
@endsection