@extends('layouts.app')

@section('title', '')

@section('content')


    <div class="bg-[#38247b] w-full h-screen">
        <form method="POST" action="{{ route('send.email') }}" class="">
            @csrf
            <div class="py-20 ">
                <div class="container relative z-50 max-w-screen-lg mx-auto border-2 border-white">
                    <div class="relative grid grid-cols-1 -space-x-1 md:grid-cols-2">
                        <div class="">
                            <img class="object-contain hidden md:block w-full h-[40rem] rounded-l-3xl"
                                src="{{ asset('assets/MAIN MATERIALS/TARA_NA_PO_ULIT_badge.png') }}" alt="">
                        </div>
                        <div class="relative bg-white">
                            <div class="relative flex flex-col items-center w-full h-full p-12 space-y-20 ">
                                <h1 class="text-4xl poppins-regular ">Forgot Password</h1>
                                <div class="w-full space-y-4">
                                    <label for="email" class="font-bold">Email</label>
                                    <input type="email" id="email" name="email" class="w-full h-10 p-2 bg-[#f2f2f2] poppins-regular" required placeholder="email@gmail.com" />
                                    @error('email')
                                        <span style="color: red;">{{ $message }}</span>
                                    @enderror
                                    <p class="font-semibold text-center">Please enter 4 digit code sent to <br>sample@email.com</p>
                                </div>
                                <button type="dvsubmit" class="bg-[#38247b] rounded-lg px-20 py-2 text-white border-2 border-white mt-4 poppins-regular ">SEND</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>


@endsection