

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <title>Inicio | {{ config('app.name') }}</title>
      
      @include('layouts.partials.styles')
  <body class=" ">
    <!-- loader Start -->
    <div id="loading">
          <div id="loading-center">
          </div>
    </div>
    <!-- loader END -->
    
      <div class="wrapper">
    <section class="login-content">
         <div class="container h-100">
            <div class="row align-items-center justify-content-center h-100">
               <div class="col-md-5">
                  <div class="card p-3">
                     <div class="card-body">
                        <div class="auth-logo">
                           <img src="{{ asset('assets/images/logo.png') }}" class="img-fluid  rounded-normal  darkmode-logo" alt="logo">
                           <img src="{{ asset('assets/images/logo-dark.png') }}" class="img-fluid rounded-normal light-logo" alt="logo">
                        </div>
                        <h4>Seguimiento de Denuncia</h4>
                        <small>Ingrese con las credenciales enviadas a su correo</small>
                        
                        <form method="POST" action="{{ route('denunciante.login.post') }}">
                            @csrf
                            @if($errors->any())
                                <div class="alert alert-danger">
                                    {{ $errors->first() }}
                                </div>
                            @endif
                           <div class="row">
                              <div class="col-lg-12">
                                 <div class="form-group">
                                    <label class="text-secondary">Nombre de Usuario</label>
                                    <input class="form-control" type="text" placeholder="Nombre de usuario" name="username">
                                 </div>
                              </div>
                              <div class="col-lg-12 mt-2">
                                 <div class="form-group">
                                     <div class="d-flex justify-content-between align-items-center">
                                         <label class="text-secondary">Contraseña</label>
                                     </div>
                                    <input class="form-control" type="password" placeholder="Ingresar contraseña" name="password">
                                 </div>
                              </div>
                           </div>
                           <button type="submit" class="btn btn-primary btn-block mt-2">Ingresar</button>
                           
                        </form>
                        <div class="text-center mt-3">
                            <a href="{{ route('welcome') }}">Volver al formulario de denuncias</a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      </div>
    
    @include('layouts.partials.scripts')
</body>
</html>