{{!
    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/>.
}}
{{!
    @template theme_moove/frontpage_guest

    Guest frontpage template.

    Moove frontpage guest layout template.

    Context variables required for this template:
    * sitename - The name of the site
    * output - The core renderer for the page
    * bodyattributes - attributes for the body tag as a string of html attributes

    Example context (json):
    {
        "sitename": "Moodle",
        "output": {
            "doctype": "<!DOCTYPE html>",
            "page_title": "Test page",
            "favicon": "favicon.ico",
            "main_content": "<h1>Headings make html validators happier</h1>"
         },
        "bodyattributes":"",
        "cansignup": true,
        "bannerheading": "Content string banner heading",
        "bannercontent": "Content string banner content",
        "shoulddisplaymarketing": true
    }
}}

<style>
 nav.navbar {

    background-color: rgba(0,0,0,0.4) !important;
}   
</style>

    {{>theme_moove/inc_start}}

    <div id="page" class="container-fluid">
        <div id="page-header" class="frontpage-guest-header">

            {{#sliderenabled}}
                {{#sliderfrontpage}}
                    {{>theme_moove/slideshow}}

                    {{^disablefrontpageloginbox}}
                        <div id="loginbox" class="d-none d-lg-block">
                            <div class="card" id="boxForm">
                                {{>theme_moove/frontpage_login}}
                            </div>
                        </div>
                    {{/disablefrontpageloginbox}}
                {{/sliderfrontpage}}
            {{/sliderenabled}}

            {{^sliderenabled}}
                <div class="row" id="loginbox">
                    
                    {{^disablefrontpageloginbox}}
                        <div class="col-12 col-sm-12 col-md-5 card d-none d-lg-block" id="boxForm">
                            {{>theme_moove/frontpage_login}}
                        </div><!-- end of .card-body -->
                    {{/disablefrontpageloginbox}}
                    <div class="col-sm-12 hidden-sm-down {{#disablefrontpageloginbox}}col-md-12{{/disablefrontpageloginbox}}{{^disablefrontpageloginbox}}col-md-7{{/disablefrontpageloginbox}}" id="intro">
                        {{#bannerheading}}
                            <h1>{{{ bannerheading }}}</h1>
                        {{/bannerheading}}
                        {{#bannercontent}}
                            <h2>{{{ bannercontent }}}</h2>
                        {{/bannercontent}}
                    </div>                    
                    
                </div> <!-- end of #boxForm -->
            {{/sliderenabled}}
        </div>

        {{#shoulddisplaymarketing}}
          <div class="frontpage-marketing row">
              <div class="col-md-3">
                <div class="card">
                  <div class="card-body cinza">
                    <img src="{{{ marketing1icon }}}" />
                    <br>
                    <h4>{{{ marketing1heading }}}</h4>
                    <h3>{{{ marketing1subheading }}}</h3>
                    <p>{{{ marketing1content }}}</p>
                    {{#marketing1url}}<a class="btn btn-primary" href="{{{ marketing1url }}}">{{#str}}readmore, theme_moove{{/str}}</a>{{/marketing1url}}
                  </div>
                </div>
              </div>

              <div class="col-md-3">
                <div class="card">
                  <div class="card-body vermelho">
                    <img src="{{{ marketing2icon }}}" />
                    <br>
                    <h4 style="color: #ee4540 !important;">{{{ marketing2heading }}}</h4>
                    <h3>{{{ marketing2subheading }}}</h3>
                    <p>{{{ marketing2content }}}</p>
                    {{#marketing2url}}<a class="btn btn-primary" href="{{{ marketing2url }}}">{{#str}}readmore, theme_moove{{/str}}</a>{{/marketing2url}}
                  </div>
                </div>
              </div>

              <div class="col-md-3">
                <div class="card">
                  <div class="card-body cinza">
                    <img src="{{{ marketing3icon }}}" />
                    <br>
                    <h4>{{{ marketing3heading }}}</h4>
                    <h3>{{{ marketing3subheading }}}</h3>
                    <p>{{{ marketing3content }}}</p>
                    {{#marketing3url}}<a class="btn btn-primary" href="{{{ marketing3url }}}">{{#str}}readmore, theme_moove{{/str}}</a>{{/marketing3url}}
                  </div>
                </div>
              </div>

              <div class="col-md-3">
                <div class="card">
                  <div class="card-body">
                    <img src="{{{ marketing4icon }}}" />
                    <br>
                    <h4 style="color: #ee4540 !important;">{{{ marketing4heading }}}</h4>
                    <h3>{{{ marketing4subheading }}}</h3>
                    <p>{{{ marketing4content }}}</p>
                    {{#marketing4url}}<a class="btn btn-primary" href="{{{ marketing4url }}}">{{#str}}readmore, theme_moove{{/str}}</a>{{/marketing4url}}
                  </div>
                </div>
              </div>

              <div class="clearfix"></div>
          </div>
        {{/shoulddisplaymarketing}}

        <div class="container-fluid">
          {{{ output.main_content }}}
        </div>

        {{>theme_moove/frontpage_numbers}}

        {{>theme_moove/frontpage_sponsorsclients}}
    </div>

{{>theme_moove/inc_end}}