@extends('layouts.app')

@section('page-styles')

<style>
    .wrapper.grow {
        flex-grow : 0
    }
</style>

@endsection

@section('content')

    <div class="w-full max-w-md max-h-md m-auto mx-0 p-6">
        <div class="mt-7">
            <div class="p-4 sm:p-7">
                {{-- <div class="brand-logo"> --}}
                    {{-- <img src="{{asset('images/logo-dark.svg')}}" alt="logo"> --}}

                {{-- </div> --}}
                {{ __('auth.secure_information') }}
                <form method="POST" action="{{ route('password.confirm').(isset($_REQUEST['intended']) ? "?intended=".$_REQUEST['intended'] :  "") }}">
                    @csrf

                    <div class="form-group password-container">
                        <input id="password" type="password" placeholder="{{ __('forms.password') }}"
                            class="form-input text-md-regular text-custom-grey-500 w-full @error('password') is-invalid @enderror" name="password"
                            required autocomplete="current-password">
                        <i class="fa fa-eye" id="togglePassword"></i>
                        @error('password')
                            <div class="text-sm-regular text-custom-red-600" role="alert">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>

                    <div class="mt-3">
                        <button type="submit" class="btn-primary-sm auth-form-btn">
                            {{ __('auth.confirm_password') }}
                        </button>
                    </div>

                    {{-- <div class="my-2 d-flex justify-content-between align-items-center">
                        @if (Route::has('password.request'))
                            <a href="{{ route('password.request') }}" class="auth-link text-black">{{__('auth.forgot_password')}}</a>
                        @endif
                    </div> --}}

                </form>
            </div>
        </div>
    </div>
@endsection