{% extends '@syndexTrack/layout.html.twig' %}

{% block stylesheets %}
    {{ parent() }}
    <!-- Load Academia Bundle's - new research customized style sheet file. -->
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/academia.min.css') }}" />
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"/>
    <link rel="stylesheet" type="text/css" href="{{ asset('bundles/syndexacademic/css/style.css?v.3.2 ') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ asset('bundles/syndexacademic/css/tagmanager.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ asset('/assets/css/academia-section.css') }}" />
    <link rel="stylesheet" href="{{ asset('bundles/syndexacademic/css/new-research.css') }}"/>
    
    <style>
        #rich-text img{
            max-width: 500px;
            max-height: 500px;
        }
        img{
            max-width: 500px;
            max-height: 500px;
        }
    </style>
{% endblock %}

 {% block content %}

 {% endblock %}

{% block jqueryui %}
    <script src="{{ asset('js/jquery-ui.min.js') }}"></script>
{% endblock %}

{% block javascripts %}  
    {{ parent() }}
    <!-- Load Academia Bundle's - new research customized JavaScript file. -->
    <script src="{{ asset('bundles/syndexacademic/js/tagmanager.js') }}" ></script>
    <script src="{{ asset('bundles/syndexacademic/js/bootstrap-filestyle.min.js') }}"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.2.43/jquery.form-validator.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/qtip2/3.0.2/jquery.qtip.js"></script>
    <script src="{{ asset('bundles/syndexacademic/js/jquery.are-you-sure.js') }}"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.2.43/jsconf.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.2.43/file.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.2.43/date.js"></script>

    {# Load reCAPTCHA v2 javascript for checkbox and invisible type #}
    <script type="text/javascript">
        /**
         * The callback function executed
         * once all the Google dependencies have loaded
         */
        function onGoogleReCaptchaApiLoad() {
            var widgets = document.querySelectorAll('[data-toggle="reCaptcha"]');
            for (var i = 0; i < widgets.length; i++) {
                renderReCaptcha(widgets[i]);
            }
        }
        /**
        * Render the given widget as a reCAPTCHA 
        * from the data-type attribute
        */
        function renderReCaptcha(widget) {
            var form = widget.closest('form');
            var widgetType = widget.getAttribute('data-type');
            var widgetParameters = {
                'sitekey': '{{ gg_recaptcha_site_key }}'
            };

            if (widgetType == 'invisible') {
                widgetParameters['callback'] = function () {
                    form.submit()
                };
                widgetParameters['size'] = "invisible";
            }

            var widgetId = grecaptcha.render(widget, widgetParameters);

            if (widgetType == 'invisible') {
                bindChallengeToSubmitButtons(form, widgetId);
            }
        }

        /**
        * Prevent the submit buttons from submitting a form
        * and invoke the challenge for the given captcha id
        */
        function bindChallengeToSubmitButtons(form, reCaptchaId) {
            getSubmitButtons(form).forEach(function (button) {
                button.addEventListener('click', function (e) {
                    e.preventDefault();
                    grecaptcha.execute(reCaptchaId);
                });
            });
        }

        /**
        * Get the submit buttons from the given form
        */
        function getSubmitButtons(form) {
            var buttons = form.querySelectorAll('button, input');
            var submitButtons = [];

            for (var i= 0; i < buttons.length; i++) {
                var button = buttons[i];
                if (button.getAttribute('type') == 'submit') {
                    submitButtons.push(button);
                }
            }

            return submitButtons;
        }
    </script>
    <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?onload=onGoogleReCaptchaApiLoad&render=explicit&hl={{app.request.locale}}" async defer></script>
    
{% endblock %}