@extends('layouts.master-blank')

@section('title', e(__('Verify your email address')))

@push('styles')
    <meta http-equiv="cache-control" content="private, max-age=0, no-cache">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="expires" content="0">
    <link href="{{ asset('backend/css/login-register-page.css') }}" rel="stylesheet">
@endpush

@section('content')
    <section id="signin" class="h-100vh">
        <div class="container bgm-shadows">
            <div class="row">
                <div class="col-lg-7 col-md-12 col-sm-12 col-12">
                    <img class="d-block" src="{{ asset('frontend/images/logo-ico.png') }}" alt="..." width="95px" height="95px" />
                    <h2 class="lgm-title mt-2">{{ __('Verify your email address') }}</h2>
                </div>
                <div class="col-lg-1 col-md-12 col-sm-12 col-12"></div>
                <div class="col-lg-4 col-md-12 col-sm-12 col-12">
                    <div class="reset_pwd">
                        @if (session('resent'))
                            <div class="alert alert-success" role="alert">
                                {{__('Verification link has been sent to your email address.')}}
                            </div>
                        @endif

                        {{ __('Before proceeding, please check your email for a verification link.') }}
                        {{ __('If you did not receive the email') }},
                        @include('component.alerts.alert')

                        <form method="POST" action="{{ route('member.verification.resend') }}" id="resend">
                            @csrf
                            <div class="col-12 text-center">
                                <button type="submit" class="btn btn-primary mt-2 col-12" onclick="postreq(event, 'resend')">
                                    {{ __('Click here to request another') }}</button>
                            </div>
                            <!-- /.col -->
                        </form>
                        <form method="POST" action="{{ route('member.verification.update') }}" class="mt-5" id="update">
                            @csrf
                            <div class="relative z-0 w-full mb-1 group">
                                <input type="text" name="email" id="email" class="form-control email-validation border-clr p-2.5 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-700 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer h-40 @error('email') border-danger @enderror" placeholder="" required autocomplete="email" autofocus onkeydown="keyupEvent(event)" value="{{Auth::user()->email}}">
                                <label for="email" class="ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-blue-600 peer-focus:dark:text-blue-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white">{{ __('Email') }}</label>
                            </div>
                            @error('email')
                            <p class="text-danger">{{ $message }}</p>
                            @enderror
                            <div class="col-12 text-center">
                                <button type="submit" class="btn btn-primary mt-2 col-12" onclick="postreq(event,'update')">{{ __('Change email & send link') }}</button>
                            </div>
                            <!-- /.col -->
                        </form>

                        <div class="text-center mt-3">
                            <p class="mb-0"> {{ __('Already have an account?') }}
                                <a href="{{ route('member.login') }}" class="terms"> {{ __('Sign In') }} </a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section id="signin" class="h-100vh" hidden >
        <div class="container bgm-shadows">
            <div class="row">
                <div class="col-lg-7 col-md-12 col-sm-12 col-12">
                    <img class="d-block" src="{{ asset('frontend/images/logo-ico.png') }}" alt="..." width="95px" height="95px" />
                    <h2 class="lgm-title mt-2">{{ __('Verify your email address') }}</h2>
                </div>
                <div class="col-lg-1 col-md-12 col-sm-12 col-12"></div>
                <div class="col-lg-4 col-md-12 col-sm-12 col-12">
                    <div class="reset_pwd">
                                        @if (session('resent'))
                                            <div class="alert alert-success" role="alert">
                                                {{__('Verification link has been sent to your email address.')}}
                                            </div>
                                        @endif

                                        {{ __('Before proceeding, please check your email for a verification link.') }}
                                        {{ __('If you did not receive the email') }},
                                        @include('component.alerts.alert')

                                        <form method="POST" action="{{ route('member.verification.resend') }}" id="resend">
                                            @csrf

                                            <div class="row">
                                                <div class="col-12 text-center">
                                                    <button type="submit" class="btn btn-primary mt-10 col-12"
                                                            onclick="postreq(event, 'resend')"
                                                    >
                                                        {{ __('Click here to request another') }}</button>.
                                                </div>
                                                <!-- /.col -->
                                            </div>
                                        </form>
                                        <p class="text-start pb-0 m-0">{{ __('Change email if incorrect') }}</p>

                                        <form method="POST" action="{{ route('member.verification.update') }}" class="mt-2" id="update">
                                            @csrf

                                            <div class="form-group mb-3">
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text bg-transparent"><i class="fa fa-user"></i></span>
                                                    </div>
                                                    <input type="email" name="email" class="form-control pl-15 bg-transparent @error('email') border-danger @enderror" placeholder="" value="{{Auth::user()->email}}" required>

                                                </div>
                                                @error('email')
                                                <div class="text-danger">{{ $message }}</div>
                                                @enderror

                                            </div>
                                            <br>
                                            <div class="row">
                                                <div class="col-12 text-center">
                                                    <button type="submit" class="btn btn-primary mt-10 col-12" onclick="postreq(event,'update')">{{ __('Change email & send link') }}</button>.
                                                </div>
                                                <!-- /.col -->
                                            </div>
                                        </form>

                                        <div class="text-center">
                                            <p class="mb-0"> {{ __('Already have an account?') }}
                                                <a href="{{ route('member.login') }}" class="terms"> {{ __('Sign In') }} </a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

    </section>

@endsection

@push('scripts')
    <script src="{{asset('backend/js/js-cookie/js.cookie.min.js')}}"></script>
    <script src="{{asset('backend/js/pages-js/verify-blade.js')}}"></script>
@endpush