@extends('layouts.master-blank')

@section('title', 'Confirm password')

@push('styles')
    <link href="{{ asset('backend/css/login-register-page.css') }}" rel="stylesheet">
@endpush

@section('content')
    <section id="signin" class="signin forget-password">
        <div class="auth-layout-wrap">
            <div class="auth-content">
                <div class="card o-hidden">
                    <div class="row">
                        <div class="col-md-10 m-auto">
                            <div id="guest-container" class="col-xs-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
                                <div class="reset_pwd">
                                    <div id="sign_in_box" class="guest-box">
                                        <h2 class="title">Confirm Password</h2>
                                        <p class="mb-0">Please confirm your password before continuing.</p>
                                        <form method="POST" action="{{ url('password/confirm') }}">
                                            @csrf
                                            <div class="form-group mb-3">
                                                <div class="input-group ">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text  bg-transparent"><i class="fa fa-lock"></i></span>
                                                    </div>
                                                    <input type="password" name="password" class="form-control pl-15 bg-transparent @error('password') border-danger @enderror" placeholder="">
                                                </div>
                                                @error('password')
                                                <div class="text-danger">{{ $message }}</div>
                                                @enderror
                                            </div>
                                            <div class="row">
                                                <!-- /.col -->
                                                <div class="col-12 text-center">
                                                    <button type="submit" class="btn btn-primary mt-10">Confirm Password</button>
                                                </div>
                                                <!-- /.col -->
                                            </div>
                                        </form>
                                        @if (Route::has('password.request'))
                                            <div class="text-center">
                                                <p class="mt-15 mb-0"><a href="{{ route('password.request') }}" class="text-warning ml-5">{{ __('Forgot Your Password?') }}</a></p>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection