How to solve logout issue in Laravel 7? - php

Question

I have been looking for answer and tried many answer from the community here, but none of them seems to work in my case.
All was working before migration from Bootstrap to TailwindCss, now when i click logout, nothing happens.
I'm not sure if it's a javascript related issue, i hope you guys can help me with this.
auth.blade.php
<div class="hidden md:flex items-center justify-end space-x-8 md:flex-1 lg:w-0">
<span class="inline-flex rounded-md shadow-sm">
<a href="{{ route('logout') }}"
onclick="event.preventDefault(); document.getElementById('logout-form').submit();"
class="whitespace-no-wrap inline-flex items-center justify-center px-4 py-2 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 focus:shadow-outline-indigo active:bg-indigo-700 transition ease-in-out duration-150">
{{ __('Logout') }}
</a>
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
#csrf
</form>
</span>
</div>
Auth::routes();
Route::get('/login/applicant', 'Auth\LoginController#showApplicantLoginForm')->name('login');
Route::get('/login/employer', 'Auth\LoginController#showEmployerLoginForm');
Route::get('/register/applicant', 'Auth\RegisterController#showApplicantRegisterForm')->name('register');
Route::get('/register/employer', 'Auth\RegisterController#showEmployerRegisterForm');
// route::post('/logout', 'Auth\LoginController#logout')->name('logout');
Route::post('/login/applicant', 'Auth\LoginController#applicantLogin');
Route::post('/login/employer', 'Auth\LoginController#employerLogin');
Route::post('/register/applicant', 'Auth\RegisterController#createApplicant');
Route::post('/register/employer', 'Auth\RegisterController#createEmployer');
Auth/LoginController.php
<?php
namespace App\Http\Controllers\Auth;
use App\Http\Controllers\Controller;
use App\Providers\RouteServiceProvider;
use Illuminate\Foundation\Auth\AuthenticatesUsers;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;
class LoginController extends Controller
{
/*
|--------------------------------------------------------------------------
| Login Controller
|--------------------------------------------------------------------------
|
| This controller handles authenticating users for the application and
| redirecting them to your home screen. The controller uses a trait
| to conveniently provide its functionality to your applications.
|
*/
use AuthenticatesUsers;
/**
* Where to redirect users after login.
*
* #var string
*/
protected $redirectTo = RouteServiceProvider::HOME;
/**
* Create a new controller instance.
*
* #return void
*/
public function __construct()
{
$this->middleware('guest')->except('logout');
$this->middleware('guest:applicant')->except('logout');
$this->middleware('guest:employer')->except('logout');
}
public function showApplicantLoginForm()
{
return view('auth.login', ['url' => 'applicant']);
}
public function applicantLogin(Request $request)
{
$this->validate($request, [
'email' => 'required|email',
'password' => 'required|min:6'
]);
if (Auth::guard('applicant')->attempt([
'email' => $request->email,
'password' => $request->password
], $request->get('remember'))) {
return redirect()->intended('/applicant');
}
return back()->withInput($request->only('email', 'remember'));
}
public function showEmployerLoginForm()
{
return view('auth.login', ['url' => 'employer']);
}
public function employerLogin(Request $request)
{
$this->validate($request, [
'email' => 'required|email',
'password' => 'required|min:6'
]);
if (Auth::guard('employer')->attempt([
'email' => $request->email,
'password' => $request->password
], $request->get('remember'))) {
return redirect()->intended('/employer');
}
return back()->withInput($request->only('email', 'remember'));
}
}