Success message is not shown in alertify message box - laravel

Question

hello i am using modal form and if login successful , the successful message is shown in alertity message box. Why my message is not shown? If i am successful login stay on same page and show alertity message in message box & if failed then show failed message and show modal again? code is working and redirect on same page after login and failed in login.
Controller:
public function submitUser(Request $req)
{
$req->validate([
'email' => 'required|email',
'password' => 'required',
]);
$email_address=$req->input('email');
$password=$req->input('password');
$query_select=DB::table('table_users')->where('email','=',$email_address)->where('password','=',$password)->first();
if($query_select)
{
if($email_address==$query_select->email && $password ==$query_select->password)
{
$remember=$req->input('remember');
$req->session()->put('name',$query_select->name);
$req->session()->put('user_id',$query_select->id);
$req->session()->put('user_email',$query_select->email);
if(!empty($remember))
{
setcookie ("email",$query_select->email,time()+ (10 * 365 * 24 * 60 * 60));
setcookie ("password",$query_select->password,time()+ (10 * 365 * 24 * 60 * 60));
return redirect()->back()->with('status_of_login','You log in successful');
}
else
{
if(isset($_COOKIE["email"]))
{
setcookie ("email","");
}
if(isset($_COOKIE["password"]))
{
setcookie ("password","");
}
return redirect()->back()->with('status_of_login','You log in successful');
}
}
else
{
// $req->session()->flash('error','You have entered wrong credentials');
return redirect()->back()->with('status_of_login_wrong','Your credentials are wrong');
}
}
else
{
return redirect()->back()->with('status_of_login_wrong','Your credentials are wrong');
}
}
html:
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Login safely</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="card">
<center>
<div class="social-media">
<i class="fa fa-facebook-f fa_fb_new"></i>
<i class="fa fa-google fa_go_new"></i>
</div>
</center>
<form class="ps-product__review" action="{{ route('submit_user')}}" method="post" enctype="multipart/form-data">
<input type = "hidden" name = "_token" value = "<?php echo csrf_token(); ?>">
<div class="form-group">
<label for="inputEmail">Email</label>
<input type="email" class="form-control" id="" placeholder="Enter Email" name="email" value="<?php if(isset($_COOKIE["email"])) { echo $_COOKIE["email"]; } ?>" required>
<span class="text-danger">{{ $errors->first('email') }}</span>
</div>
<div class="form-group">
<label for="inputPassword">Password</label>
<input type="password" class="form-control" id="" placeholder="Enter Password" name="password" value="<?php if(isset($_COOKIE["password"])) { echo $_COOKIE["password"]; } ?>" required>
<span class="text-danger">{{ $errors->first('password') }}</span>
</div>
<div class="form-group">
<label class="form-check-label"><input type="checkbox" name="remember" <?php if(isset($_COOKIE["email"])) { ?> checked <?php } ?>> Remember me</label>
</div>
<button type="submit" class="ps-btn-login">Log In</button>
Sign Up
</form>
</div>
</div>
</div>
</div>
</div>
in footer:
<script type="text/javascript" src="{{ asset('js/alertify.min.js')}}"></script>
<script type="text/javascript">
#if(session('status_of_login'))
alertify.set('notifier','position', 'top-center');
alertify.success("{{session('status_of_login')}}");
#endif
</script>

Answer 1

change your footer code like
<script type="text/javascript" src="{{ asset('js/alertify.min.js')}}"></script>
#if(session('status_of_login'))
<script type="text/javascript">
$(function(){
alertify.set('notifier','position', 'top-center');
alertify.success("{{session('status_of_login')}}");
alertify.error("{{session('status_of_login_wrong')}}");
})
</script>
#endif
here it check have any session is there or not once it got session then it trigger onload function of jQuery