@extends('site.layouts.auth')
@section('content')
       <div class="flex h-[100vh]">
              <div class="2xl:w-[47%] lg:w-1/2 w-full  flex flex-col  justify-center  bg-[#FFFFFF] bg-no-repeat" style="background-image: url('{{ asset('site/Sites/images/map.png') }}');">
                     <div class="flex 2xl:ml-40 sm:ml-20 ml-8 mt-10  gap-2 mb-8 cursor-pointer" onclick="window.location.href='{{ url('/') }}'">
                            <img src="{{ asset('site/Sites/images/logo-login.png') }}" />
                     </div>
                     <form action="{{route('new_password',$userId)}}" method="post">
                            @csrf
                     
                    <div class="2xl:w-[648px]  xl:w-[550px] desk:w-[600px] lg:w-[500px] sm:w-[90%] w-[95%] 2xl:ml-40 sm:ml-10 mb-20 h-full flex flex-col justify-center sm:mx-0 mx-auto">
                            <h2 class="text-[29px] font-medium mb-10 text-[#111827] syne-medium leading-none">Create New Password</h2>
                            <label class="text-[19px] fo-m text-[#111827]">New Password*</label>
                            <input type="password" placeholder="Enter New Password"
                                   value="" name="password"
                                   
                                   class="w-full mt-1 mb-4 px-3 py-4 syne border-l font-medium text-[17px]  outline-none  text-[#111827]" />
                                   @error('password')
                                          <span class="text-error">{{$message}}</span>
                                   @enderror
                            <label class="text-[19px] fo-m text-[#111827]">Confirm New Password*</label>
                            <input type="password" name="password_confirmation" placeholder="Enter Confirm Password"
                                   value=""
                                   class="w-full mt-1 mb-4 px-3 py-4 syne border-l font-medium
                                    text-[17px]  outline-none  text-[#111827]" />
                                    @error('password_confirmation')
                                           <span class="text-error">{{$message}}</span>
                                    @enderror
                            <button class="w-full cursor-pointer text-[19px] bg-[#F4C701] text-[#000000] syne py-4 mt-10 rounded font-medium" onclick="window.location.href='{{ url('/') }}'">
                                   Change Password →
                            </button>
                            <div class="flex justify-between">

                                   <p class="text-[17px] text-center font-medium syne text-[#9CA3AF] mt-4">
                                          Back to
                                          <a href="{{url('login')}}" class="text-[#111827] font-medium underline ">Login?</a>
                                   </p>
                            </div>
                     </div>
                     </form>
              </div>

              <div class="w-[53%]  lg:flex hidden items-center justify-center relative m-5 rounded-md bg-cover" style="background-image: url('{{ asset('site/Sites/images/auth-bg.png') }}');">


                     <div class="relative text-center">
                            <div class="flex justify-center mb-3">
                                   <img src="{{ asset('site/Sites/images/login-logo.png') }}" class="desk:w-full w-60" />
                            </div>
                     </div>
                     <a href="{{url('login')}}" class="absolute syne font-normal top-10 right-[15%] text-white text-[18px]">
                            Login >
                     </a>
              </div>

       </div>
@endsection