@extends('layouts.auth')

@section('content')
 <div class="app-container auth-container">
    <div class="auth-logo">
        <h1>{{$siteName}}</h1>
    </div>
 @if (session('status'))
        <div class="alert alert-success">{{ session('status') }}</div>
    @endif
    <form class="auth-form reset-password-form" method="POST" action="{{ route('password.update') }}">
                        @csrf
                        
                         <input type="hidden" name="token" value="{{ $token }}">
                         <input type="hidden" name="email" value="{{ $email }}">
        
        <div class="auth-header">
        <h3>Conform Password Rest</h3>
        <p>Your account is verified successfully. Now you can change your password. Please enter a strong password and don\'t share it with anyone.</p>
        </div>
        
         
        
        <div class="input-group">
            <label>Email Address</label>
            <input type="email"  class="@error('email') is-invalid @enderror" name="email" readonly value="{{ $email }}" placeholder="Enter Your Email Address" required>
        </div>
        @error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
        
        <div class="input-group">
            <label>New Password</label>
            <input type="password" class=" @error('password') is-invalid @enderror" name="password" placeholder="Enter password" required>
             
        </div>
        <div class="input-group">
            <label>New Password</label>
            <input type="password" class=" @error('password') is-invalid @enderror" name="password_confirmation" required placeholder="Enter password" >
             
        </div>
        
                                

        <button type="submit" class="btn-auth">Confirm & Continue</button>

        <div class="auth-footer">
            <p>Remember your password? 
                <a href="{{ route('login') }}" style="color:DFAB29;">Back to Login</a>
            </p>
        </div>
    </form>
</div>

@endsection
