@extends('layout.master', ['title' => 'Sign In'])

@section('content')
    <div class="container mb-5">
        <div class="signup-img-wrapper">
            <div class="left-img">
                <img src="{{ asset('assets/client/images/dl.beatsnoop 1.png') }}" alt="" />
            </div>
            <div class="signup">
                <form class="signup-form-wrapper" action="{{ route('forgetPassword') }}" method="POST">
                    @method('put')
                    @csrf
                    <div class="your-profile-text">
                        <h5>Forget Password OTP</h5>
                    </div>
                    <small>Your mail: <span class="text-danger">{{ $email }}</span></small>
                    <div class="ac-input-field-wrapper">
                        <div class="ac-wrapper full-widh-wrapper">
                            <p>OTP</p>
                            <div class="inputfield-wrapper @error('otp') is-invalid @enderror">
                                <input class="inputfield" type="text" name="otp" placeholder="123456" />
                                @error('otp')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div>
                        </div>
                    </div>
                        <div class="ac-full-width-wrapper">
                            <p>Change Password</p>
                            <div class="inputfield-full-width-wrapper">
                                <input class="full-inputfield @error('password') is-invalid @enderror" type="password"
                                    name="password" placeholder="New Password" />
                                @error('password')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div>
                        </div>
                        <div class="ac-full-width-wrapper">
                            <div class="inputfield-full-width-wrapper">
                                <input class="full-inputfield" type="password" name="password_confirmation" placeholder="Confirm New Password" />
                            </div>
                        </div>

                    <div class="save-cancel-wrapper">
                        <a href="{{ url()->previous() }}" class="cancel btn" type="button">Cancel</a>
                        <button class="save btn" type="submit">Change Password</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('custom_css')
    <link rel="stylesheet" href="{{ asset('assets/client/css/signin.css') }}">
@endsection