@extends('layouts.app')

@section('title', 'Reset Password')

@section('content')
    <main id="main">
        <section class="breadcrumbs">
            <div class="container">
                <div class="d-flex justify-content-between align-items-center">
                    <h2>Reset Password</h2>
                    <ol>
                        <li><a href="{{ route('home.index') }}">Home</a></li>
                        <li>Reset Password</li>
                    </ol>
                </div>
            </div>
        </section>

        <section class="contact">
            <div class="container">
                <div class="row gy-4">
                    <div class="col-lg-6 offset-3">
                        <form action="{{ route('password.update') }}" method="post" role="form" class="php-email-form">
                            @csrf
                            <input type="hidden" name="token" value="{{ request()->route('token') }}">

                            <div class="row gy-4">
                                <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="bi bi-unlock" viewBox="0 0 16 16">
                                    <path d="M11 1a2 2 0 0 0-2 2v4a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h5V3a3 3 0 0 1 6 0v4a.5.5 0 0 1-1 0V3a2 2 0 0 0-2-2M3 8a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1z"/>
                                </svg>

                                <p class="text-center">Enter your email address and a new password below to update your password.</p>

                                @include('partials.validation-errors', ['displayErrors' => false])

                                <div class="col-lg-12">
                                    <label for="email" class="d-none"></label>
                                    <input type="email"
                                           class="form-control @error('email') is-invalid @enderror"
                                           name="email"
                                           id="email"
                                           placeholder="Your Email"
                                           value="{{ old('email') }}"
                                           required>
                                    @error('email') <span class="invalid-feedback" role="alert">{{ $message }}</span> @enderror
                                </div>
                                <div class="col-lg-12">
                                    <label for="password" class="d-none"></label>
                                    <input type="password"
                                           class="form-control @error('password') is-invalid @enderror"
                                           name="password"
                                           id="password"
                                           placeholder="Your Password"
                                           required>
                                    @error('password') <span class="invalid-feedback" role="alert">{{ $message }}</span> @enderror
                                </div>
                                <div class="col-lg-12">
                                    <label for="password_confirmation" class="d-none"></label>
                                    <input type="password"
                                           class="form-control @error('password_confirmation') is-invalid @enderror"
                                           name="password_confirmation"
                                           id="password_confirmation"
                                           placeholder="Confirm Your Password"
                                           required>
                                    @error('password_confirmation') <span class="invalid-feedback" role="alert">{{ $message }}</span> @enderror
                                </div>
                            </div>
                            <div class="text-center mt-3"><button type="submit">Submit</button></div>
                        </form>
                    </div>
                </div>
            </div>
        </section>
    </main>
@endsection