@extends('layouts.app2')

@section('content')
<div class="container d-flex justify-content-center align-items-center" style="min-height: 100vh;">
    <div class="card shadow-lg p-4" style="max-width: 500px; width: 100%; border-radius: 15px;">
        <h2 class="text-center mb-4 text-primary">Cambiar Contraseña</h2>
        <form action="{{ route('password.update') }}" method="POST">
            @csrf
            <div class="form-group mb-3">
                <label for="password" class="form-label">Nueva Contraseña</label>
                <input 
                    type="password" 
                    name="password" 
                    id="password" 
                    class="form-control" 
                    placeholder="Ingresa tu nueva contraseña" 
                    required>
            </div>
            <div class="form-group mb-4">
                <label for="password_confirmation" class="form-label">Confirmar Contraseña</label>
                <input 
                    type="password" 
                    name="password_confirmation" 
                    id="password_confirmation" 
                    class="form-control" 
                    placeholder="Confirma tu nueva contraseña" 
                    required>
            </div>
            <button type="submit" class="btn btn-primary w-100">Cambiar Contraseña</button>
        </form>
    </div>
</div>
@endsection