@extends('layouts.app', ['class' => 'bg-default'])

@section('content')
    @include('layouts.headers.guest')

    <div class="container mt--8 pb-5">
        <div class="row justify-content-center">
            <div class="col-lg-5 col-md-7">
                <div class="card bg-secondary shadow border-0">
                    <div class="card-body px-lg-5 py-lg-5">
                        <div class="text-center text-muted mb-4">
                            <h1>{{ __('Verify Your Email Address') }}</h1>
                        </div>
                        <div>
                            <!-- @if (session('resent'))
                                <div class="alert alert-success" role="alert">
                                    {{ __('A fresh verification link has been sent to your email address.') }}
                                </div>
                            @endif -->
                            
                            {{ __('Thank you for choosing your Qazaam Subscription Plan! Please check your email and click on the verification link to complete your account creation.') }}
                            <br>
                            <br>
                            <small>{{ __('If you did not receive the email') }}, <a id="resend_email" href="" onclick="return false;">{{ __('click here to request another') }}</a></small>


                            <div class="text-center">
                                <!-- <button type="submit" class="btn btn-primary mt-4">{{ __('Create account') }}</button> -->
                                <!-- <button class="btn btn-primary mt-4">
                                    <a href="{{ route('select-store-category') }}" class="text-white">
                                        {{ __('Verify') }}
                                    </a>
                                </button> -->
                                <input type="hidden" id="hash_id" value="{{$hashid}}">
                                <input type="hidden" id="fname" value="{{$fname}}">
                                <input type="hidden" id="email" value="{{$email}}">
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script
  src="https://code.jquery.com/jquery-3.7.0.min.js"
  integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g="
  crossorigin="anonymous"></script>

    <script>

        $(function(){
            $('#resend_email').click(function () {
                $.ajax({
                    type:'GET',
                    url: "resend-email?fname=" + $('#fname').val() + "&hashid=" + $('#hash_id').val() + "&email=" + $('#email').val(),
                    cache:false,
                    contentType: false,
                    processData: false,
                    success:function(data){

                        Swal.fire(
                            'Nice!',
                            'We sent another verification email, Please check it out on the email you provided earlier.',
                            'success'
                        )
                    },
                    error: function(data){
                        console.log("error");
                        console.log(data);
                    }
                });
            })
        })

    </script>
@endsection