functionalitate login & register

Author: ovidiustanc123

app/Http/Livewire/ForgotPassword.php

@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Http\Livewire;
+
+use Livewire\Component;
+
+class ForgotPassword extends Component
+{
+    public function render()
+    {
+        return view('livewire.forgot-password')
+            ->layout('layouts.base');
+    }
+}

app/Http/Livewire/Login.php

@@ -6,8 +6,28 @@
 
 class Login extends Component
 {
+
+    public $email = '';
+    public $password = '';
+
+    protected $rules = [
+        'email' => 'required|email',
+        'password' => 'required',
+    ];
+
+    public function login()
+    {
+        $credentials = $this->validate();
+        return auth()->attempt($credentials)
+                ? redirect()->intended('/profile')
+                : $this->addError('email', trans('auth.failed'));
+
+    }
+
+
     public function render()
     {
-        return view('livewire.auth.login');
+        return view('livewire.auth.login')
+        ->layout('layouts.base');
     }
 }

app/Http/Livewire/Profile.php

@@ -8,6 +8,7 @@ class Profile extends Component
 {
     public function render()
     {
-        return view('livewire.profile');
+        return view('livewire.profile')
+        ->layout('layouts.base');
     }
 }

app/Http/Livewire/Register.php

@@ -3,9 +3,34 @@
 namespace App\Http\Livewire;
 
 use Livewire\Component;
+use App\Models\User;
+use Illuminate\Support\Facades\Hash;
 
 class Register extends Component
 {
+
+    public $email = '';
+    public $password = '';
+    public $passwordConfirmation = '';
+
+    public function updatedEmail()
+    {
+        $this->validate(['email'=>'required|email|unique:users']);
+    }
+    
+    public function register()
+    {
+        $this->validate([
+            'email' => 'required',
+            'password' => 'required|same:passwordConfirmation',
+        ]);
+
+        $user = User::create([
+            'email' =>$this->email,
+            'password' => Hash::make($this->password),
+        ]);
+    }
+
     public function render()
     {
         return view('livewire.auth.register')

app/Http/Livewire/ResetPassword.php

@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Http\Livewire;
+
+use Livewire\Component;
+
+class ResetPassword extends Component
+{
+    public function render()
+    {
+        return view('livewire.reset-password')
+            ->layout('layouts.base');
+    }
+}

app/Models/User.php

@@ -16,11 +16,12 @@ class User extends Authenticatable
      *
      * @var array
      */
-    protected $fillable = [
+ /*    protected $fillable = [
         'name',
         'email',
         'password',
-    ];
+    ]; */
+    protected $guarded=[];
 
     /**
      * The attributes that should be hidden for arrays.

database/migrations/2014_10_12_000000_create_users_table.php

@@ -20,7 +20,7 @@ public function up()
             $table->string('Gender')->nullable();
             $table->string('Email')->unique();
             $table->string('password');
-            $table->string('Phone');
+            $table->string('Phone')->nullable();
             $table->timestamp('email_verified_at')->nullable();
             $table->rememberToken();
             $table->timestamps();

resources/views/layouts/base.blade.php

@@ -46,6 +46,10 @@
     <!-- Volt CSS -->
     <link type="text/css" href="/css/volt.css" rel="stylesheet">
 
+    @livewireStyles
+
+    @livewireScripts
+
     <script src="/assets/js/volt.js"></script>
     <script src="/assets/js/datepicker.min.js"></script>
     <script async defer src="https://buttons.github.io/buttons.js"></script>

resources/views/layouts/sidenav.blade.php

@@ -100,12 +100,12 @@ class="nav-link @@if (context.page_group !== 'page_examples') { collapsed } d-fl
                 </a>
               </li>
               <li class="nav-item">
-                <a class="nav-link" href="/pages/examples/forgot-password.html">
+                <a class="nav-link" href="/forgot-password">
                   <span class="sidebar-text">Forgot password</span>
                 </a>
               </li>
               <li class="nav-item">
-                <a class="nav-link" href="/pages/examples/reset-password.html">
+                <a class="nav-link" href="/reset-password">
                   <span class="sidebar-text">Reset password</span>
                 </a>
               </li>

resources/views/livewire/auth/login.blade.php

@@ -1,12 +1,5 @@
    @extends('layouts.base')
 
-
-
-    <!-- NOTICE: You can use the _analytics.html partial to include production code specific code & trackers -->
-{{--     @@if (environment === 'production') {
-        @@include('./_analytics-body.html')
-    } --}}
-
     <main>
 
         <!-- Section -->
@@ -19,14 +12,15 @@
                             <div class="text-center text-md-center mb-4 mt-md-0">
                                 <h1 class="mb-0 h3">Sign in to our platform</h1>
                             </div>
-                            <form action="#" class="mt-4">
+                            <form wire:submit.prevent="login" action="#" class="mt-4" method="POST">
                                 <!-- Form -->
                                 <div class="form-group mb-4">
                                     <label for="email">Your Email</label>
                                     <div class="input-group">
                                         <span class="input-group-text" id="basic-addon1"><span class="fas fa-envelope"></span></span>
-                                        <input type="email" class="form-control" placeholder="example@company.com" id="email" autofocus required>
+                                        <input wire:model="email" type="email" class="form-control" placeholder="example@company.com" id="email" autofocus required>
                                     </div>  
+                                    @error('email') <div> {{$message}} </div> @enderror
                                 </div>
                                 <!-- End of Form -->
                                 <div class="form-group">
@@ -35,8 +29,9 @@
                                         <label for="password">Your Password</label>
                                         <div class="input-group">
                                             <span class="input-group-text" id="basic-addon2"><span class="fas fa-unlock-alt"></span></span>
-                                            <input type="password" placeholder="Password" class="form-control" id="password" required>
+                                            <input wire:model.lazy="password" type="password" placeholder="Password" class="form-control" id="password" required>
                                         </div>  
+                                        @error('password') <div> {{ $message }} </div> @enderror
                                     </div>
                                     <!-- End of Form -->
                                     <div class="d-flex justify-content-between align-items-top mb-4">