@extends('admin.layouts.login')
@section('content')
    <div class="main-wrapper flex-login forgot-password">
    <div id="overlayer">
			<div class="page-loader"></div>
		</div>
        <!-- Login image -->
        <div class="login-img-wrapper">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-6">
                        <div class="login-img bg-white p-4 border rounded shadow-sm">
                            <img class="shape-icon1-blk" src="{{ asset('admin/assets/img/shape1.svg') }}" alt="">
                            <img class="shape-icon2-blk" src="{{ asset('admin/assets/img/shape2.svg') }}" alt="">

                            <div class="login-wrap">
                                <div class="d-flex justify-content-end">
                                    <ul>
                                        <li class="dark-mode-list me-2">
                                            <a href="javascript:void(0);" id="dark-mode-toggle" class="dark-mode-toggle">
                                                <i class="fa fa-sun light-mode @if((session('site_mode') && session('site_mode') == 'light') || !session('site_mode')) active @endif"></i>
                                                <i class="fa fa-moon dark-mode @if(session('site_mode') && session('site_mode') == 'dark') active @endif"></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="login-header">
                                    <img class="logo-blk" src="{{ asset('admin/assets/img/logo.svg') }}" alt="" id="app_logo_big">
                                    <h4>Reset Password</h4>
                                    <p>Change New password for your account</p>
                                </div>

                                <!-- Login Form -->
                                <form action="{{ route('admin.reset_password', ['admin']) }}" method="POST">
                                    @csrf
                                    <input id="token" name="token" type="text" value="{{ $token }}" hidden>
                                    <div class="form-set">
                                        <input class="form-control" name="email" type="text" value="{{ $email }}" placeholder="Email Address" readonly>
                                        @error('email')
                                            <p class='text-danger ms-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                    <div class="form-set">
                                        <div class="pass-group position-relative">
                                            <input class="form-control pass-input" name="newpassword" type="password" placeholder="New Password">
                                            <span class="toggle-password feather-eye"></span>
                                        </div>
                                        @error('newpassword')
                                            <p class='text-danger ms-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                    <div class="form-set">
                                        <div class="pass-group position-relative">
                                            <input class="form-control pass-input" name="confirmpassword" type="password" placeholder="Confirm Password">
                                            <span class="toggle-password feather-eye"></span>
                                        </div>
                                        @error('confirmpassword')
                                            <p class='text-danger ms-1'>{{ $message }}</p>
                                        @enderror
                                    </div>
                                    @if (session()->has('error'))
                                        <p class='text-danger ms-1'>{{ session('error') }}</p>
                                    @endif
                                    <button class="btn btn-primary w-100 login-btn" type="submit">Change Password</button>
                                    <br>
                                    <br>
                                    <div class="register-link text-center">
                                        <p>No issues return to <a class="forgot-link" href="{{ route('admin.login') }}">Login</a></p>
                                    </div>
                                </form>
                                <!-- /Login Form -->

                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /Login Section -->
    </div>
@endsection