{{!
    This file is part of Moodle - http://moodle.org/

    Moodle is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Moodle is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.

    Edwiser RemUI
    @package theme_remui
    @copyright (c) 2023 WisdmLabs (https://wisdmlabs.com/)
    @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
}}
{{!
    @template theme_remui/footer

    Page footer.

    Example context (json):
    {
        "output": {
            "page_doc_link": "Help and documentation",
            "supportemail": "<a href=\"#\">Contact site support</a>",
            "has_popover_links": true,
            "services_support": "Services and support",
            "login_info": "You are logged in as cute kitten",
            "moodle_release": "90210"
        }
    }
}}

<footer id="page-footer" class="footer-popover ">
    <div class="footer-container container">
        <div class="floating-buttons-wrapper">
            <button id="gotop" class="btn btn-primary btn-floating d-none" aria-label="{{#str}}gotop, theme_remui{{/str}}" role="button" title="{{#str}}gotop, theme_remui{{/str}}">
                <span class="edw-icon edw-icon-UpArrow"></span>
                <span class="btn-floating-text">{{#str}}gotop, theme_remui{{/str}}</span>
            </button>
            {{#output.has_communication_links}}
                <button onclick="window.open('{{output.communication_url}}', '_blank', 'noreferrer')" class="btn btn-primary btn-floating  align-items-center justify-content-center  btn-footer-communication" aria-label="{{#str}}communicationroomlink, course{{/str}}">
                    {{#pix}}t/messages-o, core{{/pix}}
                </button>
            {{/output.has_communication_links}}
            {{#focusdata.enabled}}
                <button id="focusmodebutton" type="button" class="btn {{focusdata.btnbg}} {{#focusdata.on}}open{{/focusdata.on}} btn-floating align-items-center justify-content-center d-flex" data-toggle="tooltip" data-placement="left" data-trigger="hover" aria-label="{{#str}}togglefocusmode, theme_remui{{/str}}" role="Button" aria-pressed="false" >
                    <i class="{{focusdata.btnicon}}" aria-hidden="true"></i>
                    <span class="btn-floating-text">{{focusdata.btntext}}</span>
                </button>
            {{/focusdata.enabled}}
            {{#floating_buttons}}
                {{{floating_buttons}}}
            {{/floating_buttons}}

            {{#output.edw_feedback_and_support}}
            <button class="btn btn-floating d-none d-md-flex send-remui-feedback" aria-label="{{#str}}sendfeedback, theme_remui{{/str}}" title="{{#str}}sendfeedback, theme_remui{{/str}}" style="background: #EE8E4A;color: white;">
                <span class="edw-icon edw-icon-Feedback"></span>
                <span class="btn-floating-text">{{#str}}edwiserfeedback, theme_remui{{/str}}</span>
            </button>
            {{/output.edw_feedback_and_support}}

            <button class="btn btn-primary btn-floating d-none d-md-flex moodlehelpbtn" data-action="footer-popover" aria-label="{{#str}}showfooter, theme_remui{{/str}}" data-region="footer-container-popover" >
                <span class="edw-icon edw-icon-Cancel"></span>
                <span class="edw-icon edw-icon-Help"></span>
                <span class="btn-floating-text">{{#str}}edwiserhelp, theme_remui{{/str}}</span>
            </button>

            {{#enablebeacon}}
            <button class="btn btn-primary btn-floating d-none d-md-flex beaconbtn open" onclick="Beacon('toggle')" >
                <span class="edw-icon edw-icon-Comment-03"></span>
                <span class="edw-icon edw-icon-Cancel"></span>
                <span class="btn-floating-text">{{#str}}edwisersupport, theme_remui{{/str}}</span>
            </button>
            {{/enablebeacon}}
        </div>
        <div class="footer-content-popover container" data-region="footer-content-popover">
            {{# output.has_popover_links }}
            <div class="footer-section ">
                <!--
                {{#output.edw_feedback_and_support}}
                    <div class="footer-popover-section-links">{{{output.edw_feedback_and_support}}}</div>
                {{/output.edw_feedback_and_support}}
                -->
                {{# output.page_doc_link }}
                    <div class="footer-popover-section-links">{{{ output.page_doc_link }}}</div>
                {{/ output.page_doc_link }}

                {{# output.services_support_link }}
                    <div class="footer-popover-section-links">{{{ output.services_support_link }}}</div>
                {{/ output.services_support_link }}

                {{# output.supportemail }}
                    <div class="footer-popover-section-links">{{{ output.supportemail }}}</div>
                {{/ output.supportemail }}
            </div>
            {{/ output.has_popover_links }}
            <div class="footer-section">
                <div class="logininfo">
                    {{{ output.login_info }}}
                </div>
                <div class="tool_usertours-resettourcontainer">
                </div>

                {{{ output.standard_footer_html }}}
                {{{ output.standard_end_of_body_html }}}

                {{#output.edwiser_check_faq}}
                <div>{{{output.edwiser_check_faq}}}</div>
                {{/output.edwiser_check_faq}}
            </div>
            <div class="footer-section ">
                {{#footerdata.poweredby}}
                <div class="footer-poweredby">
                    {{# str }}poweredby, theme_remui {{/ str }}
                    {{#footerdata.isadmin}}
                    <a href="https://edwiser.org/remui/" rel="nofollow" target="_blank">
                        {{#str}}pluginname, theme_remui{{/str}}
                    </a>
                    {{/footerdata.isadmin}}
                    {{^footerdata.isadmin}}
                    {{#str}}pluginname, theme_remui{{/str}}
                    {{/footerdata.isadmin}}

                </div>
                {{/footerdata.poweredby}}
                {{^footerdata.poweredby}}
                <div class="footer-poweredby">{{#str}}poweredbymoodle, core{{/str}}</div>
                {{/footerdata.poweredby}}

                {{#output.moodle_release}}
                <div>
                    {{#str}}version, core{{/str}} {{{ output.moodle_release }}}
                </div>
                {{/output.moodle_release}}
            </div>
        </div>
        <div class="footer-mainsection-wrapper">
            {{> theme_remui/footer_sections}}
        </div>
        <div class="footer-secondarysection-wrapper">
            {{#footerdata.footercopyrights}}
            <div class="footer-copyright-wrapper " {{#attributes}} {{{.}}} {{/attributes}}>
                <div class="{{^footerdata.footershowlogo}}d-none{{/footerdata.footershowlogo}} secondary-footer-logo">
                    <div class="navbar-logo-footer-wrapper {{^footerdata.useheaderlogo}}d-none{{/footerdata.useheaderlogo}}">
                        <a href="{{{ config.homeurl }}}"
                        class="navbar-brand d-flex  m-0 p-0 aabtn footer-logo"
                        aria-label="{{ sitename }} - {{#str}}brandname, theme_remui{{/str}}">
                        {{#output.get_branding_context}}
                            {{#logourl}}
                                <img src="{{ logourl }}" class="navbar-brand-logo logo light-logo">
                            {{/logourl}}

                            {{#darklogourl}}
                                <img src="{{ darklogourl }}" class="navbar-brand-logo logo dark-logo">
                            {{/darklogourl}}

                            {{#logominiurl}}
                                <img src="{{ logominiurl }}" class="navbar-brand-logo logomini light-logomini">
                            {{/logominiurl}}

                            {{#darklogominiurl}}
                                <img src="{{ darklogominiurl }}" class="navbar-brand-logo logomini dark-logomini">
                            {{/darklogominiurl}}

                            {{#icononly}}
                                <span class="navbar-brand-logo icononly" style="color: {{color}};">
                                    <i class="fa fa-{{siteicon}}"></i>
                                </span>
                            {{/icononly}}

                            {{#iconwithsitename}}
                                <span class="navbar-brand-logo iconsitename" style="color: {{color}};">
                                    <i class="fa fa-{{siteicon}}"></i>&nbsp;
                                    {{{ sitename }}}
                                </span>
                            {{/iconwithsitename}}
                        {{/output.get_branding_context}}
                    </a>
                    </div>

                    <div class="footer-diff-logo {{^footerdata.secondaryfooterlogo}}d-none{{/footerdata.secondaryfooterlogo}}">
                        <a href="{{{ config.homeurl }}}"
                        class="navbar-brand d-flex m-0 p-0 aabtn footer-logo"
                        aria-label="{{ sitename }} - {{#str}}brandname, theme_remui{{/str}}">
                        <img src="{{footerdata.secondaryfooterlogo}}" class="navbar-brand-logo logomini light-logo">
                        <img src="{{footerdata.secondaryfooterlogodarkmode}}" class="navbar-brand-logo logomini dark-logo">
                    </a>
                    </div>
                </div>
                <div class="footer-content-debugging footer-dark">
                    <div class="footer-content-debugging-wrapper footer-dark-inner ">
                        {{> theme_remui/footer_legal}}
                    </div>
                </div>
                <div class="copyright-content secondary-footer-copyright {{^footercopyrightsshow}}d-none{{/footercopyrightsshow}}" {{#attributes}} {{{.}}} {{/attributes}}>
                    <p class=" mb-0">{{{content}}}</p>
                </div>
            </div>
            {{/footerdata.footercopyrights}}
        </div>
        {{{ output.debug_footer_html }}}
    </div>
</footer>
{{#js}}
require(['jquery', 'theme_remui/footer-popover'], function($, FooterPopover) {
    FooterPopover.init();

    $(document).ready(function() {
        setTimeout(function(){
            $(".btn-floating.open").removeClass('open');
        }, 2000);
    });
});


{{# cansendfeedback }}
require(['jquery', 'theme_remui/feedback'], function($) {
    $(document).ready(function() {
        $.feedback({
            ajaxURL: 'theme_remui_handle_bug_feedback_report', // external api method
            html2canvasURL: '{{canvasurl}}',
            initialBox: false,
            highlightElement: true,
            postHTML: false,
            strokeStyle: '#62a8ea',
            lineJoin: 'round',
            tpl: {
                description:'<div id="feedback-welcome"><div class="feedback-logo">{{# str }} sendfeedback, theme_remui {{/ str }}</div>{{# str }} descriptionmodal_text1, theme_remui {{/ str }}<textarea class="form-control" id="feedback-note-tmp"></textarea>{{# str }} descriptionmodal_text2, theme_remui {{/ str }}<button id="feedback-welcome-next" class="feedback-next-btn btn btn-primary">{{# str }} feedbackmodal_next, theme_remui {{/ str }}</button><div id="feedback-welcome-error">{{# str }} emptydescription_error, theme_remui {{/ str }}</div><div class="feedback-wizard-close"></div></div>',

                highlighter:'<div id="feedback-loading-icon" data-html2canvas-ignore="true"><img src="{{feedback_loading_image}}" alt="Loading..." /></div><div id="feedback-highlighter"><div class="feedback-logo">{{# str }} sendfeedback, theme_remui {{/ str }}</div><p>{{# str }} highlightmodal_text1, theme_remui {{/ str }}</p><div class="markup-buttons"><div class="blackout-wrap"><button class="feedback-setblackout feedback-active"><div class="ico"></div><span>{{# str }} blackout_button, theme_remui {{/ str }}</span></button><label class="lower tooltiptext">{{# str }} blackout_button_tooltip, theme_remui {{/ str }}</label></div><div class="highlight-wrap"><button class="feedback-sethighlight"><div class="ico"></div><span>{{# str }} highlight_button, theme_remui {{/ str }}</span></button><label class="tooltiptext">{{# str }} highlight_button_tooltip, theme_remui {{/ str }}</label></div></div><div class="feedback-buttons"> <button id="feedback-skiphighlighter-next" class="feedback-next-btn btn btn-link ml-2 w-auto"><span>{{# str }} feedbackmodal_skipnext, theme_remui {{/ str }}</span></button><button id="feedback-highlighter-next" class="feedback-next-btn btn btn-primary w-auto"><span>{{# str }} feedbackmodal_next, theme_remui {{/ str }}</span></button><button id="feedback-highlighter-back" class="feedback-back-btn btn btn-secondary"><span>{{# str }} feedbackmodal_previous, theme_remui {{/ str }}</span></button></div><div class="feedback-wizard-close"></div></div>',

                overview:'<div id="feedback-overview"><div class="feedback-logo">{{# str }} sendfeedback, theme_remui {{/ str }}</div><div id="feedback-overview-description"><div id="feedback_person_email_id"><h3>{{# str }} feedback_email_heading, theme_remui {{/ str }}</h3><input class="form-control" type="email" id="feedback_person_email_id_field" value="{{feedbacksender_emailid}}" /></div><div id="feedback-overview-description-text"><h3>{{# str }} description_heading, theme_remui {{/ str }}</h3><p class="mt-20 dataoverview">{{# str }}feebdack_datacollected_desc, theme_remui {{/ str }}</p></div></div><div id="feedback-overview-screenshot"><h3>{{# str }} feedback_screenshot, theme_remui {{/ str }}</h3></div><div class="feedback-buttons"><button id="feedback-submit" class="feedback-submit-btn feedback-btn-blue">{{# str }} feedbackmodal_submit, theme_remui {{/ str }}</button><button id="feedback-overview-back" class="feedback-back-btn btn btn-secondary">{{# str }} feedbackmodal_previous, theme_remui {{/ str }}</button></div><div id="feedback-overview-error">{{# str }} emptydescription_error, theme_remui {{/ str }}</div><div id="feedback-email-error" style="display: none;">{{# str }} incorrectemail_error, theme_remui {{/ str }}</div><div class="feedback-wizard-close"></div></div>',

                submitLoading:'<div id="feedback-submit-loading"><div class="feedback-logo">{{# str }} sendfeedback, theme_remui {{/ str }}</div><p>{{# str }} submit_loading, theme_remui {{/ str }}</p></div>',
                submitSuccess:  '<div id="feedback-submit-success"><div class="feedback-logo">{{# str }} sendfeedback, theme_remui {{/ str }}</div><p>{{# str }} submit_success, theme_remui {{/ str }}</p></p><button class="feedback-close-btn feedback-btn-blue">{{# str }} feedbackmodal_ok, theme_remui {{/ str }}</button><div class="feedback-wizard-close"></div></div>',
                submitError:'<div id="feedback-submit-error"><div class="feedback-logo">{{# str }} sendfeedback, theme_remui {{/ str }}</div><p>{{# str }} submit_error, theme_remui {{/ str }}</p><button class="feedback-close-btn feedback-btn-blue">{{# str }} feedbackmodal_ok, theme_remui {{/ str }}</button><div class="feedback-wizard-close"></div></div>'
            },
            feedbackButton: '.send-remui-feedback',
            onTrigger: function(){
                $('.btn-floating[data-action="footer-popover"]').on('click');
            },
            onClose: function() { window.location.reload(); }
        });
    });
});
{{/ cansendfeedback }}

{{/js}}

{{#enablebeacon}}
     <script type="text/javascript">!function(e,t,n){function a(){var e=t.getElementsByTagName("script")[0],n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://beacon-v2.helpscout.net",e.parentNode.insertBefore(n,e)}if(e.Beacon=n=function(t,n,a){e.Beacon.readyQueue.push({method:t,options:n,data:a})},n.readyQueue=[],"complete"===t.readyState)return a();e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}(window,document,window.Beacon||function(){});</script>
    {{#js}}
    require(['jquery'], function($) {
        $(document).ready(function(){
            // Init Beacon.
            window.Beacon('init', '20161736-5fba-49ab-91ce-c0ef930782f3');

            // Update Beacon Icon position variables.
            var r = document.querySelector(':root');

            r.style.setProperty('--hs-beacon-window-v-offset', '70px');
            r.style.setProperty('--hs-beacon-window-h-offset-right', '14px');

            // Toggle Button icon.
            $(document).on('click', '.beaconbtn', function() {
                if (!$(this).hasClass("show")) {
                    $(this).addClass("show");
                } else {
                    $(this).removeClass("show");
                }
            });
        });
    });
    {{/js}}
{{/enablebeacon}}