@extends('layout.mainlayout')
@section('content')
<div class="account-content">
    <div class="d-flex flex-wrap w-100 vh-100 overflow-hidden account-bg-03">
        <div class="d-flex align-items-center justify-content-center flex-wrap vh-100 overflow-auto p-4 w-50 bg-backdrop">
            <form action="{{ route('password.update') }}" method="POST" class="flex-fill">
                @csrf
                <input type="hidden" name="token" value="{{ $token }}">
                <input type="hidden" name="email" value="{{ $email }}">
                <div class="mx-auto mw-450">
                    <div class="text-center mb-4">
                            <img src="{{ URL::asset('/build/img/logo.png')}}" class="img-fluid" alt="Logo">
                    </div>
                    <div class="mb-4">
                        <h4 class="mb-2 fs-20">Reset Password</h4>
                        <p>Enter your new password below.</p>
                    </div>
                    @if($errors->any())
                        <div class="alert alert-danger">{{ $errors->first() }}</div>
                    @endif
                    <div class="mb-3">
                        <label class="col-form-label">New Password</label>
                        <input type="password" name="password" class="form-control">
                    </div>
                    <div class="mb-3">
                        <label class="col-form-label">Confirm Password</label>
                        <input type="password" name="password_confirmation" class="form-control">
                    </div>
                    <div class="mb-3">
                        <button type="submit" class="btn btn-primary w-100">Reset Password</button>
                    </div>
                    <div class="mb-3 text-center">
                        <h6>Return to <a href="{{url('login')}}" class="text-purple link-hover"> Login</a></h6>
                    </div>
                    <div class="text-center">
                        <p class="fw-medium text-gray">Copyright &copy; -Marquis Technologies Pvt. Ltd.</p>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection