@extends('layouts.auth')

@section('content')
    <div class="auth-content my-auto">
        <div class="text-center">
            <h5 class="mb-0">Reset your password</h5>
            <p class="text-muted mt-2">Please provide following information to reset your password.</p>
        </div>

        @session('status')
            <div class="mb-4 font-medium text-sm text-green-600">
                {{ $value }}
            </div>
        @endsession

        <form method="POST" action="{{ route('password.update') }}" class="mt-4 pt-2">
            @csrf

            <input type="hidden" name="token" value="{{ $request->route('token') }}">
            <div class="mb-3">
                <label for="email" class="form-label">Email</label>
                <input tabindex="1" id="email" type="text"
                    class="form-control @error('email') is-invalid @enderror" name="email"
                    value="{{ old('email', $request->email) }}" required autocomplete="email" placeholder="Enter your email"
                    autofocus>

                @error('email')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>

            <div class="mb-3">
                <label for="password" class="col-form-label text-md-end">{{ __('Password') }}<i
                        style="color: red;">*</i></label>
                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror"
                    name="password" required autocomplete="new-password">

                @error('password')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>

            <div class="mb-3">
                <label for="password-confirm" class="col-form-label text-md-end">{{ __('Confirm Password') }}<i
                        style="color: red;">*</i></label>
                <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required
                    autocomplete="new-password">
            </div>

            <div class="mb-3">
                <button class="btn btn-primary w-100 waves-effect waves-light" type="submit">Reset Password</button>
            </div>
        </form>

        @if (Route::has('login'))
            <div class="mt-5 text-center">
                <p class="text-muted mb-0">Do not want to change password ? <a href="{{ route('login') }}"
                        class="text-primary fw-semibold"> Goto Login </a> </p>
            </div>
        @endif
    </div>
@endsection