@extends('layouts.auth')

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

@section('content')
    <form method="POST" action="{{ route('resetPasswordUser',['token'=>$token]) }}" class="form-detail" oninput='password_confirmation.setCustomValidity(password_confirmation.value !== password.value ? "Passwords do not match." : "")'>
        <span style="color: #fff; font-size: 16pt; font-weight: 800">Enter new password for </span><span><a href="{{ route('welcome') }}" style="color: #34bbff; font-size: 16pt; font-weight: 800">{{ config('app.website_name') }}</a></span>
        <p style="color: #fff">Enter your new password!</p><br>
        @csrf
        <div class="form-group">
            <label class="form-control-label" for="InputPassword" style="color: #fff;">Password</label>
            <div class="input-group input-group-merge">
                <div class="input-group-prepend">
                    <span class="input-group-text">
                        <i class="icon-dual" data-feather="lock"></i>
                    </span>
                </div>
                <input type="password"
                       value=""
                       name="password"
                       class="input-text "
                       id="InputPassword"
                       placeholder=""
                       required
                       style="width: 100%; height: 40px; font-size: 10pt; font-family: Verdana;">
            </div>
        </div>
        <div class="form-group mb-4">
            <label class="form-control-label" for="InputPassword" style="color: #fff;">Confirm Password</label>
            <div class="input-group input-group-merge">
                <div class="input-group-prepend">
                    <span class="input-group-text">
                        <i class="icon-dual" data-feather="lock"></i>
                    </span>
                </div>
                <input type="password"
                       value=""
                       name="password_confirmation"
                       class="input-text "
                       id="InputPassword"
                       placeholder=""
                       required
                       style="width: 100%; height: 40px; font-size: 10pt; font-family: Verdana;">
            </div>
        </div>

        <div class="form-group mb-0 text-center">
            <button class="register btn-block" type="submit" style="padding:10px; background-color: #34bbff; color: #fff;">Submit</button>
        </div>
    </form>
@endsection