@extends('layouts.app')
@section('title')
    Verifikasi Email
@endsection
@section('content')
    {{-- <form action="{{ route('login') }}" method="POST" class="form-validate is-alter" autocomplete="off">
        @csrf
        <div class="form-group">
            <div class="form-label-group">
                <label class="form-label" for="email-address">Email or Username</label>
                <a class="link link-primary link-sm" tabindex="-1" href="#">Need
                    Help?</a>
            </div>
            <div class="form-control-wrap">
                <input autocomplete="off" type="text" class="form-control form-control-lg" required id="email-address"
                    placeholder="Enter your email address or username" name="email">
            </div>
        </div><!-- .form-group -->
        <div class="form-group">
            <div class="form-label-group">
                <label class="form-label" for="password">Passcode</label>
                <a class="link link-primary link-sm" tabindex="-1" href="html/pages/auths/auth-reset.html">Forgot Code?</a>
            </div>
            <div class="form-control-wrap">
                <a tabindex="-1" href="#" class="form-icon form-icon-right passcode-switch lg"
                    data-target="password">
                    <em class="passcode-icon icon-show icon ni ni-eye"></em>
                    <em class="passcode-icon icon-hide icon ni ni-eye-off"></em>
                </a>
                <input autocomplete="new-password" type="password" class="form-control form-control-lg" required
                    id="password" placeholder="Enter your passcode" name="password">
            </div>
        </div><!-- .form-group -->
        <div class="form-group">
            <button type="submit" class="btn btn-lg btn-primary btn-block">Sign in</button>
        </div>
    </form><!-- form --> --}}
    <div class="min-h-screen flex flex-col items-center justify-center  "
        style="background-image: url('https://ifrcofficial.com/wp-content/uploads/2023/09/Screen-Shot-2023-09-06-at-10.52.09.png');opacity:95%">
        <div class="flex flex-col bg-white rounded-xl shadow-md px-4 sm:px-6 md:px-8 lg:px-10 py-8  w-full max-w-xl">
            <div class="flex justify-center items-center">
                <img src="{{ asset('uploads/setting/general/images/' . Helper::generalSetting('logo_light')) }}"
                    width="200" alt="">
            </div>
            {{-- <div class="font-medium self-center text-xl sm:text-2xl pt-5" style="color: #BA3C3C">Silahkan Masuk Ke akun
                Anda!
            </div> --}}

            <div class="mt-10">
                <div class="mb-3 text-md tracking-wide text-black font-bold">
                    {{ __('Terima kasih telah mendaftar! Sebelum memulai, bisakah Anda memverifikasi alamat email Anda dengan mengklik tautan yang baru saja kami kirimkan ke email Anda? Jika Anda tidak menerima email tersebut, kami akan dengan senang hati mengirimkan email baru kepada Anda..') }}
                </div>

                @if (session('status') == 'verification-link-sent')
                    <div class="mb-3 text-md tracking-wide text-black font-bold">
                        {{ __('Tautan verifikasi baru telah dikirim ke alamat email yang Anda berikan saat pendaftaran.') }}
                    </div>
                @endif

                <div class="mt-4 flex items-center justify-between">
                    <form method="POST" action="{{ route('verification.send') }}">
                        @csrf

                        <button type="submit"
                            class="flex items-center justify-center focus:outline-none text-white text-sm sm:text-base rounded-xl py-1 px-3 transition duration-150 ease-in"
                            style="background: #BA3C3C">
                            <span class="mr-2">
                                {{ __('Kirim Ulang Email Verifikasi') }}
                            </span>
                        </button>
                    </form>

                    <form method="POST" action="{{ route('logout') }}">
                        @csrf

                        <button type="submit"
                            class="underline text-sm rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800">
                            {{ __('Keluar') }}
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection