refactor: Nova tela de login com implementação do novo componente.

resources/views/login.blade.php

@@ -2,44 +2,55 @@
 @section('title', 'Login')
 @section('content')
 
+<!-- 
+  1. Container principal que centraliza o card
+  (Usa a classe .container-form do seu novo CSS)
+-->
 <div class="container-form">
-    <div class="container-title">
-
-    </div>
 
+    <!-- 
+      2. O Card de Login "Vidro Fosco"
+      (Usa a classe .form-class do seu novo CSS)
+    -->
     <form action="{{ route('login-post') }}" class="form-class" method="POST">
-
-        <div class="flex justify-center">
-            <h1>Efetue seu login</h1>
-        </div>
-
-
-        <div class="messages">
-            @if ($errors->any())
-            <div class="alert alert-danger">
-                {{ $errors->first() }}
-            </div>
-            @endif
-
-            @if (session('error'))
-            <div class="alert alert-danger">
-                {{ session('error') }}
-            </div>
-
-            @endif
-        </div>
-
         @csrf
-        <input class="form-input-class" type="email" name="email" placeholder="E-mail">
+
-        <input class="form-input-class" type="password" name="password" placeholder="Senha">
+        <!-- 3. A Logo (Usa .container-title) -->
-        <div class="flex justify-center">
+        <div class="container-title">
+            <!-- Coloque sua nova logo aqui! -->
+            <img src="{{ Vite::asset('resources/images/logo-ingline.svg') }}" alt="Ingline Logo" class="h-10"> 
+            <!-- (Ajuste o src e o h-10 se necessário) -->
+        </div>
+
+        <!-- 4. Título (Usa .form-title) -->
+        <h1 class="form-title">
+            Efetue seu login
+        </h1>
+
+        <!-- 5. Mensagens de Sessão -->
+        <div class="messages">
+            <x-session-messages />
+        </div>
+
+        <!-- 6. Grupo de Inputs (Usa .input-group, .form-label, .form-input-class) -->
+        <div class="input-group">
+            <label for="email" class="form-label">E-mail</label>
+            <input class="form-input-class" id="email" type="email" name="email" placeholder="seu@email.com" required>
+        </div>
+        
+        <div class="input-group">
+            <label for="password" class="form-label">Senha</label>
+            <input class="form-input-class" id="password" type="password" name="password" placeholder="••••••••" required>
+        </div>
+
+        <!-- 7. Botão de Login (Usa .form-button-class) -->
+        <div class="mt-4">
             <button class="form-button-class" type="submit">Login</button>
         </div>
 
-        <div class="flex justify-center">
+        <!-- 8. Link de Senha (Usa .forget-password) -->
-            <div class="forget-password">
+        <div class="forget-password">
-                <a href="#">Esqueceu sua senha?</a>
+            <a href="#">Esqueceu sua senha?</a>
-            </div>
         </div>
 
     </form>