{{!
    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.

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

    footer template
}}

<!-- Footer -->
<footer class="site-footer {{# sitecolor }} bg-{{sitecolor}}-600 {{/ sitecolor }} {{^ sitecolor }} bg-primary-600 {{/ sitecolor }} grey-100">
    {{# footerdata }}
    <div class="container">
        <div class="row">
           {{# sections }}
            <div class="{{ classes }} text-xs-center">
                <div class="py-30 px-10">
                    <h4 class="card-title mt-10 grey-100">{{ title }}</h4>
                    <p class="card-text">{{{ content }}}</p>
                </div>
            </div>
            {{/ sections }}

            {{# social }}
            <div class="{{ classes }} text-xs-center">
                <div class="py-30 px-10">
                    <h4 class="card-title mt-10 grey-100">{{# str }} followus, theme_remui {{/ str }}</h4>
                    <p class="card-text">
                        {{# facebook }}
                            <a href="{{ facebook }}" target="_blank" class="btn btn-icon btn-round social-facebook m-5"><i class="icon fa-facebook" aria-hidden="true"></i></a>
                        {{/ facebook }}
                        {{# twitter }}
                            <a href="{{ twitter }}" target="_blank" class="btn btn-icon btn-round social-twitter m-5"><i class="icon fa-twitter" aria-hidden="true"></i></a>
                        {{/ twitter }}
                        {{# linkedin }}
                            <a href="{{ linkedin }}" target="_blank" class="btn btn-icon btn-round social-linkedin m-5"><i class="icon fa-linkedin" aria-hidden="true"></i></a>
                        {{/ linkedin }}
                        {{# quora }}
                            <a href="{{ quora }}" target="_blank" class="btn btn-icon btn-round social-pinterest m-5"><i class="icon fa-quora" aria-hidden="true"></i></a>
                        {{/ quora }}
                        {{# gplus }}
                            <a href="{{ gplus }}" target="_blank" class="btn btn-icon btn-round social-google-plus m-5"><i class="icon fa-google-plus" aria-hidden="true"></i></a>
                        {{/ gplus }}
                        {{# instagram }}
                            <a href="{{ instagram }}" target="_blank" class="btn btn-icon btn-round social-instagram m-5"><i class="icon fa-instagram" aria-hidden="true"></i></a>
                        {{/ instagram }}
                        {{# youtube }}
                            <a href="{{ youtube }}" target="_blank" class="btn btn-icon btn-round social-youtube m-5"><i class="icon fa-youtube" aria-hidden="true"></i></a>
                        {{/ youtube }}
                        {{# pinterest }}
                            <a href="{{ pinterest }}" target="_blank" class="btn btn-icon btn-round social-pinterest m-5"><i class="icon fa-pinterest" aria-hidden="true"></i></a>
                        {{/ pinterest }}
                        
                    </p>
                </div>
            </div>
            {{/ social }}
        </div>
    </div>
    
    <!-- bottom sections -->
    <div class="footer-bottom">
        <div class="site-footer-legal pt-5">
            <a href="{{ bottomlink }}">{{{ bottomtext }}}</a>
        </div>
        
        <div class="site-footer-right pt-5">
            {{# poweredby }}
            <a href="https://edwiser.org/remui/" rel="nofollow" target="_blank" >{{# str }} poweredby, theme_remui {{/ str }}</a>
            {{/ poweredby }}
            
            {{{ output.standard_footer_html }}}
            <div id="course-footer">
                {{{ output.course_footer }}}
            </div>
        </div>
    </div>
    {{/ footerdata }}

    {{{ output.standard_end_of_body_html }}}

    <!-- screenshot button for homepage -->
    {{#caneditfrontpage}}
        <div class="take-screenshot-section w-100 mx-auto text-center" data-html2canvas-ignore>
            <a href="#" class="show-screenshot-modal d-block" data-toggle="modal" data-target="#screenshotShareModal">
                <img src="data:image/png;base64,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" alt="take screenshot button" class="camera-img">
            </a>

            <div class="flash fixed-top w-p100 h-p100 bg-white"></div>
            <canvas id="videofixCanvas" class="d-none"></canvas>

            <!-- Screenshot share Modal -->
            <div class="modal modal-slide-from-bottom" id="screenshotShareModal">
                <div class="modal-dialog modal-lg modal-simple modal-bottom">
                    <div class="modal-content rounded-0">
                        <!-- Modal Close -->
                        <button type="button" class="close position-absolute mx-10 my-5" data-dismiss="modal" style="right: 0;z-index: 1;">×</button>

                        <!-- Modal body -->
                        <div class="modal-body p-0">
                            <section class="taken-screenshot" style="display:none;">
                                <div class="card-group">
                                    <!-- preview screenshot -->
                                    <div class="screenshot-container card card-block p-0">
                                        <a href="" class="preview-screenshot" target="_blank">
                                            <div class="vertical-align screenshot text-center bg-primary p-30 h-400">
                                            </div>
                                        </a>
                                    </div>

                                    <div class="card card-block d-block p-20">
                                        <h3 class="screenshot-success font-weight-300 m-0 mb-15">Screenshot uploaded successfully.</h3>
                                        
                                        <h4 class="font-weight-300 my-25">Share Now</h4>
                                        
                                        <!-- share links -->
                                        <a href="" target="_blank" data-network="facebook" class="social-share btn-round btn-lg btn social-facebook mx-5 w-55"><i class="fa fa-facebook" aria-hidden="true"></i></a>
                                        <a href="" target="_blank" data-network="twitter" class="social-share btn-round btn-lg btn social-twitter mx-5 w-55"><i class="fa fa-twitter" aria-hidden="true"></i></a>
                                        <a href="" target="_blank" data-network="linkedin" class="social-share btn-round btn-lg btn social-linkedin mx-5 w-55"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
                                        
                                        <!-- download image link -->
                                        <a href="" target="_blank" class="btn-round btn-lg btn btn-info download-screenshot mx-5 w-55" download><i class="fa fa-download" aria-hidden="true"></i></a>

                                        <h4 class="font-weight-300 my-25">Not happy?</h4>

                                        <button type="button" class="btn btn-warning delete-screenshot">Delete and Capture Again</button>
                                    </div>
                                </div>
                            </section>
                            
                            <section class="take-screenshot p-40">
                                <h3 class="screenshot-heading font-weight-300 m-0 mb-15">Share your Moodle homepage with the World.</h3>
                                <a href="#" id="take_screenshot" class="btn btn-primary text-uppercase mt-25">CAPTURE SCREENSHOT</a>
                                <label class="failed-screenshot-message text-danger"></label>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {{/caneditfrontpage}}
</footer>