<div id="hidden-content" class="mailchimp-cadastro">
    <div class="hidden">
        <div class="g-signin2" data-onsuccess="onSignInGoogle" data-theme="dark"></div>
    </div>
    <div class="mailchimp-cadastro__text-modal">
        <div class="mailchimp-text-modal">
            <p><?php echo e($modal_text); ?></p>
        </div>
    </div>
    <div class="mailchimp-cadastro__content">
        <div class="mailchimp-cadastro__redesocial">
            <div onclick="facebookMailchimp()" class="mailchimp-facebook">
                <i class="fa fa-facebook circle"></i>
                <span class="hide-mobile text-cadastro">Entre com o Facebook</span>
                <span class="hide-desktop text-cadastro">Facebook</span>
            </div>
            <div class="mailchimp-google">
                <i class="fa fa-google-plus circle"></i>
                <span class="hide-mobile text-cadastro">Entre com o Google</span>
                <span class="hide-desktop text-cadastro">Google</span>
            </div>
        </div>
        <div class="mailchimp-cadastro__email">
            <p>ou entre com seu e-mail</p>
            <form id="mailchimp-email-form" action="<?php echo url('/mailchimp-cadastro'); ?>" method="POST">
                <input name="email" id="mailchimp-email" required="" class="default-input mailchimp-cadastro__content--input" placeholder="Digite seu e-mail" type="text">
                <button class="btn-email" id="enter-email">Entrar</button>
            </form>
        </div>
    </div>
</div>

<script>
    var modalMailchimp = {
        open : function(){
            $.fancybox.open([
                {
                    src  : '#hidden-content'
                }
            ], {
                modal: false
            })
        },
        close : function(){
            $.fancybox.close();
        }
    }

    var cookieName  = 'PopupClosed';

    $(document).ready(function(){

        cookieUtil.set('MCPopupClosed', 'yes', 1);

        //Fancybox afterClose Modal
        // $(document).on('#hidden-content afterClose.fb', function( e, instance, slide ) {
        //     cookieUtil.set(cookieName, true, 1);
        // });

        //Fancybox Open Modal
        // var PopupClosed = cookieUtil.get(cookieName);
        // if(PopupClosed !== 'true'){
        //     modalMailchimp.open();
        // }

        $('#hidden-content .fancybox-close-small').click(function(){
            cookieUtil.set(cookieName, true, 1);
        });

        $('#hidden-content .fancybox-close-small').css('right', '-6px');

        $('.mailchimp-google').click(function(){
          clicked = true;
          $('.abcRioButton').trigger('click');
        });

        if(screen.width <= 700 || (screen.width >= 701 && screen.width <= 1023)){ //mobile and tablet
            $('#hidden-content').css('background', 'url(<?php echo e($modal_image_mobile); ?>)');
            $('#hidden-content').css('background-repeat', 'no-repeat');
        }else{ //desktop
            $('#hidden-content').css('background', 'url(<?php echo e($modal_image_desktop); ?>)');
            $('#hidden-content').css('background-repeat', 'no-repeat');
        }
        $('#hidden-content').css('overflow', 'hidden');

        //Submit Form E-mail
        $('#mailchimp-email-form').submit(function(e){
            e.preventDefault();
            var email = $('#mailchimp-email').val();
            if(email == ''){
                alertUtil.alertError(data.message);
            }else{
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url:$(this).attr('action'),
                    type:$(this).attr('method'),
                    data:$(this).serialize(),
                    success:function(data){
                        modalMailchimp.close();
                        if(data.status){
                            alertUtil.alertSuccess(data.message);
                            cookieUtil.set(cookieName, true, 30);
                        }else{
                            alertUtil.alertError(data.message);
                            setTimeout(function(){
                                $('.alerta').fadeOut();
                                $('.alerta').removeClass('active');
                                modalMailchimp.open();
                            }, 3000);
                        }
                    },
                    error:function(){
                        modalMailchimp.close();
                        alertUtil.alertError('Ops, houve um problema, favor tente mais tarde. Caso persista, favor entre em contato conosco.');
                        setTimeout(function(){
                            $('.alerta').fadeOut();
                            $('.alerta').removeClass('active');
                            modalMailchimp.open();
                        }, 5000);
                    }
                });
            }
        });

    });

    function facebookMailchimp() {
        FB.login(function(){
            FB.api('/me', {fields: 'email'}, function(response) {
                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url:'/mailchimp-cadastro',
                    type:'POST',
                    data:{
                        email: response.email
                    },
                    success:function(data){
                        modalMailchimp.close();
                        if(data.status){
                            alertUtil.alertSuccess(data.message);
                            cookieUtil.set(cookieName, true, 30);
                        }else{
                            alertUtil.alertError(data.message);
                            setTimeout(function(){
                                $('.alerta').fadeOut();
                                $('.alerta').removeClass('active');
                                modalMailchimp.open();
                            }, 3000);
                        }
                    },
                    error:function(){
                        modalMailchimp.close();
                        alertUtil.alertError('Ops, houve um problema, favor tente mais tarde. Caso persista, favor entre em contato conosco.');
                        setTimeout(function(){
                            $('.alerta').fadeOut();
                            $('.alerta').removeClass('active');
                            modalMailchimp.open();
                        }, 5000);
                    }
                });
        });
        }, {scope: 'public_profile,email'});
    }

    function onSignInGoogle(googleUser) {
        if(clicked == true){
          // Useful data for your client-side scripts:
          var profile = googleUser.getBasicProfile();

          $.ajax({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            url:'/mailchimp-cadastro',
            type:'POST',
            data:{
                email : profile.getEmail()
            },
            beforeSend:function(){
                  //$('.carregando').fadeIn();
                },
                success:function(data){
                    modalMailchimp.close();
                    if(data.status){
                        alertUtil.alertSuccess(data.message);
                        cookieUtil.set(cookieName, true, 30);
                    }else{
                        alertUtil.alertError(data.message);
                        setTimeout(function(){
                            $('.alerta').fadeOut();
                            $('.alerta').removeClass('active');
                            modalMailchimp.open();
                        }, 3000);
                    }
                },
                error:function(){
                    modalMailchimp.close();
                    alertUtil.alertError('Ops, houve um problema, favor tente mais tarde. Caso persista, favor entre em contato conosco.');
                    setTimeout(function(){
                        $('.alerta').fadeOut();
                        $('.alerta').removeClass('active');
                        modalMailchimp.open();
                    }, 5000);
                }
            });

            // The ID token you need to pass to your backend:
            var id_token = googleUser.getAuthResponse().id_token;
        }
    };
</script>