@extends('frontend::layouts.master')

@section('content')
    <div class="container pt-8 lg:pt-16">
        <div class="flex items-center justify-center flex-col mx-auto w-full max-w-xl bg-glass py-6">
            <div class="img-wrapper">
                <img class="w-16 invert dark:invert-0" src="{{ Module::asset('frontend:img/mail.svg') }}" alt="Order Complete">
            </div>
            <p class="text-20 font-semibold w-full md:w-35 xl:w-4/5 mx-auto leading-6 text-center mt-4">
                {{ __('frontend::frontend.reset_verify_email_title') }}
            </p>
            <p class="text-13 font-light mb-6 mt-2 w-full md:w-3/5 xl:w-4/5 mx-auto text-center">
                {{ __('frontend::frontend.reset_verify_email_first') }} <a class="font-semibold text-secondary" href="mailto:{{ $data['verify_email'] ?? '' }}">{{ $data['verify_email'] ?? '' }}</a> {{ __('frontend::frontend.reset_verify_email_second') }}
            </p>
            <div class="flex iems-center gap-4 w-full flex-col xs:flex-row max-w-md">
                <div class="w-full">
                    <a class="button-primary w-1/2 mx-auto" href="{{ $data['login_link'] ?? '#' }}">
                        {{ __('frontend::frontend.btn.back_to_login') }}
                    </a>
                </div>
            </div>
        </div>
    </div>
@endsection