@php $pageName = 'Reset Password' @endphp
@extends('layouts.auth_app')

@section('content')
<div class="container h-p100">
    <div class="row align-items-center justify-content-md-center h-p100">
        <div class="col-lg-5 col-md-8 col-12">
            <div class="login-box shadow-lg rounded bg-white p-4">
                <div class="login-box-body">
                    <h3 class="text-center text-success fw-bold mb-3">Reset Password</h3>
                    <p class="text-center text-muted mb-4">
                        Enter your new password below to regain access to your account.
                    </p>

                    <form method="POST" action="{{ route('password.store') }}">@csrf
                        <!-- Password Reset Token -->
                        <input type="hidden" name="token" value="{{ $request->route('token') }}">

                        <!-- Email -->
                        <div class="form-group mb-3">
                            <x-input-label for="email" :value="__('Email Address *')" />
                            <x-text-input id="email" class="form-control rounded border-success"
                                placeholder="Enter your email" type="email" name="email" :value="old('email')" required
                                autofocus autocomplete="username" />
                            <x-input-error :messages="$errors->get('email')" class="mt-2 text-danger" />
                        </div>

                        <!-- Password -->
                        <div class="form-group mb-3">
                            <x-input-label for="password" :value="__('New Password *')" />
                            <x-text-input id="password" class="form-control rounded border-success" type="password"
                                placeholder="Enter new password" name="password" required autocomplete="new-password" />
                            <x-input-error :messages="$errors->get('password')" class="mt-2 text-danger" />
                        </div>

                        <!-- Confirm Password -->
                        <div class="form-group mb-4">
                            <x-input-label for="password_confirmation" :value="__('Confirm Password *')" />
                            <x-text-input id="password_confirmation" class="form-control rounded border-success"
                                type="password" placeholder="Confirm new password" name="password_confirmation" required
                                autocomplete="new-password" />
                            <x-input-error :messages="$errors->get('password_confirmation')" class="mt-2 text-danger" />
                        </div>

                        <!-- Submit Button -->
                        <div class="row">
                            <div class="col-12 text-center">
                                <button type="submit" class="btn btn-primary btn-block w-100 py-2 fw-bold">
                                    {{ __('Reset Password') }}
                                </button>
                            </div>
                            <div class="col-12 text-center mt-3">
                                <a href="{{ route('login') }}" class="text-danger fw-semibold">
                                    ← Back to Login
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection