modified

build/resources/views/components/flash.edge

@@ -1,31 +1,71 @@
 @if(flashMessages.has('success'))
-   <div class="alert alert-success">
+   <div class="flash-success">
       {{ flashMessages.get('success') }}
    </div>
 @end
 
 @if(flashMessages.has('error'))
-   <div class="alert alert-danger">
+   <div class="flash-error">
       {{ flashMessages.get('error') }}
    </div>
 @end
 
+<style>
+   .flash-success {
+      color: #155724; /* Couleur du texte */
+      background-color: #d4edda; /* Couleur de l'arrière-plan */
+      border-color: #c3e6cb; /* Couleur de la bordure */
+
+      /* Style de la bordure */
+      border: 1px solid transparent;
+      border-radius: 0.25rem;
+      padding: 0.75rem 1.25rem; /* Espacement interne */
+
+      /* Styles supplémentaires pour le texte et les liens */
+      font-weight: bold;
+      text-align: center;
+      text-decoration: none;
+
+      /* Ombre légère */
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+   }
+
+   .flash-error {
+      color: #721c24; /* Couleur du texte */
+      background-color: #f8d7da; /* Couleur de l'arrière-plan */
+      border-color: #f5c6cb; /* Couleur de la bordure */
+
+      /* Style de la bordure */
+      border: 1px solid transparent;
+      border-radius: 0.25rem;
+      padding: 0.75rem 1.25rem; /* Espacement interne */
+
+      /* Styles supplémentaires pour le texte et les liens */
+      font-weight: bold;
+      text-align: center;
+      text-decoration: none;
+
+      /* Ombre légère */
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+   }
+</style>
+
 
 
 @if(flashMessages.has('errors.pseudo'))
-   <div class="alert alert-danger">
+   <div class="flash-error">
       {{ flashMessages.get('errors.pseudo') }}
    </div>
 @end
 
 @if(flashMessages.has('errors.email'))
-   <div class="alert alert-danger">
+   <div class="flash-error">
       {{ flashMessages.get('errors.email') }}
    </div>
 @end
 
 @if(flashMessages.has('errors.password'))
-   <div class="alert alert-danger">
+   <div class="flash-error">
       {{ flashMessages.get('errors.password') }}
    </div>
 @end

build/resources/views/components/foother.edge

@@ -0,0 +1,52 @@
+<footer id="footer" class="footer">
+   <span class="copyrights">&copy; <div id="year"></div> - Arthur Puechberty</span>
+   <a href="{{ route('terms') }}" class="conditions_generale" target="_blank">Terms and Conditions</a>
+</footer>
+<script>
+   var year = new Date().getFullYear();
+   document.getElementById("year").innerHTML = year;
+   
+   document.getElementById('myForm').addEventListener('submit', function(event) {
+       var input = document.getElementById('myInput');
+       if (input.value.trim() === '') {
+           event.preventDefault(); // Empêche la soumission du formulaire
+       } else {
+           this.action = "https://www.google.fr/search";
+       }
+   });
+</script>
+<style>
+   @import url('https://fonts.googleapis.com/css?family=Roboto:400,900');
+
+   .footer{
+      font-family: 'Roboto', sans-serif;
+      font-weight: 600;
+      min-height: 100px;
+      display: flex;
+      align-items: center;
+      margin-top: 50px;
+      justify-content: space-between;
+      padding: 0 100px;
+      flex-wrap: wrap;
+      background-color: rgb(50, 50, 50);
+   }
+
+   .copyrights{
+      padding-right: 20px;
+      color: white;
+   }
+
+   .copyrights,
+   #year {
+      padding-right: 20px;
+      color: #9aa0a6;
+      display: inline;
+      padding: 0;
+   } 
+
+   .conditions_generale {
+      text-decoration: none;
+      font-weight: 600;
+      color: #9aa0a6;
+   }
+</style>