


<!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="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>Cambio obligatorio de contraseña</small>
                        
                        <div class="card-body">
                    <div class="alert alert-warning">
                        Por seguridad, debe cambiar la contraseña temporal antes de continuar.
                    </div>
                    @if(session('success'))
                        <div class="alert alert-success">
                            {{ session('success') }}
                        </div>
                    @endif
                    @if($errors->any())
                        <div class="alert alert-danger">
                            <ul class="mb-0">
                                @foreach($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <form method="POST" action="{{ route('denunciante.password.actualizar') }}">
                        @csrf

                        <div class="mb-3">
                            <label>Contraseña temporal actual</label>
                            <input type="password" name="password_actual" class="form-control" required>
                        </div>

                        <div class="mb-3">
                            <label>Nueva contraseña</label>
                            <input type="password" name="password" class="form-control" required>
                        </div>

                        <div class="mb-3">
                            <label>Confirmar nueva contraseña</label>
                            <input type="password" name="password_confirmation" class="form-control" required>
                        </div>

                        <button class="btn btn-success">
                            Cambiar contraseña
                        </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>