Bootstrap - Problema ao exibir modal [RESOLVIDO]

@extends('layouts.app')

@section('content')

        <div class="container"><!--Início do Container-->
            <div class="d-flex justify-content-center h-100">
                <div class="card">
                    <div class="card-header">
                        <h3>Sistema de Gestão para Psicólogos</h3>
                    </div>
                    <div class="card-body">

                    <form  method="POST" action="{{ route('login') }}"><!--Início do form-->
                    @csrf
                        <div class="input-group form-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fas fa-user"></i></span>
                            </div>
                            <input onkeypress="DefinirBgUsuario()" type="text" class="form-control" id="usuario" name="username" placeholder="Usuário" value="{{ old('login') }}">
                        </div>
                        <div class="input-group form-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fas fa-key"></i></span>
                            </div>  
                            <input onkeypress="DefinirBgSenha()" type="password" class="form-control"  id="senha" name="password" placeholder="Senha">
                        </div>
                        <div class="form-group">
                            <button id="btn" type="submit" value="Entrar" onclick="ValidarLogin()" class="btn float-right btn-primary">
                            {{ __('Login') }}</button>
                        </div>
                             @if(Session::has('errors'))
                                <script>
                                   $(document).ready(()=>{
                                        $('#exibirmodal').modal('show');
                                    })
                                </script>
                                    
                                @endif
                    </form><!--Fim do form-->


                    </div>
                    <div class="card-footer">
                        <div class="d-flex justify-content-center links">
                            <a href="#">Esqueceu a sua senha?</a>
                        </div>
                    </div>
            </div>
        </div>
    </div><!--Fim do Container-->
 
    <!-- Início do Modal -->
        <div class="modal fade" id="exibirmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div id="modal_titulo_div">
                <h5 class="modal-title" id="modal_titulo"></h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body" id="modal_conteudo"></div>
              <div class="modal-footer">
                <button type="button" data-dismiss="modal" id="modal_btn">Voltar</button>
              </div>
            </div>
          </div>
        </div>
        <!-- Fim do Modal -->
        
    <footer ><!--Início do Footer-->
        <span id="texto">&copy; Copyright todos os direitos reservados</span>
    </footer><!--Fim do Footer-->
@endsection