{% load leaflet_tags %}
{% load cookielaw_tags %}
{% load rowerfilters %}
{% load tz_detect %}
{% tz_detect %}
{% load analytical %}
{% block filters %}
{% endblock %}
<!DOCTYPE html>
<html>
  <head>
    <title>{% block title %}Rowsandall Rowing Data Analytics{% endblock %}</title>
    {% block scripts %} {% endblock %}

    <script type="text/javascript" src="/admin/jsi18n/"></script>
    <script type="text/javascript" src="/static/admin/js/core.js"></script>
    <script type="text/javascript" src="/static/admin/js/jquery.min.js"></script>
    <script type="text/javascript" src="/static/admin/js/jquery.init.js"></script>
    <script type="text/javascript" src="/static/admin/js/admin/RelatedObjectLookups.js">
    </script>
    <script type="text/javascript" src="/static/admin/js/calendar.js"></script>
    <script type="text/javascript" src="/static/admin/js/urlify.js"></script>
    <script type="text/javascript" src="/static/admin/js/prepopulate.js"></script>
    <script type="text/javascript" src="/static/admin/js/vendor/xregexp/xregexp.min.js"></script>
    <script type="text/javascript" src="/static/admin/js/SelectBox.js"></script>
    <script type="text/javascript" src="/static/admin/js/SelectFilter2.js"></script>
    <script type="text/javascript" src="/static/admin/js/admin/DateTimeShortcuts.js"></script>
    <script type="text/javascript" src="/static/admin/js/inlines.js"></script>
    <script src="/static/cookielaw/js/cookielaw.js"></script>
    {% analytical_head_top %}

    <link rel="stylesheet" href="/static/css/bokeh-0.12.3.min.css" type="text/css" />
    <link rel="stylesheet" href="/static/css/bokeh-widgets-0.12.3.min.css" type="text/css" />

    <link rel="shortcut icon" href="/static/img/favicon.ico" type="image/x-icon" />
    <link rel="icon" sizes="32x32" href="/static/img/favicon-32x32.png" type="image/png"/>
    <link rel="icon" sizes="64x64" href="/static/img/favicon-64x64.png" type="image/png"/>
    <link rel="icon" sizes="192x192" href="/static/img/favicon-192x192.png" type="image/png"/>
    <link rel="icon" sizes="16x16" href="/static/img/favicon-16x16.png" type="image/png"/>
    <meta charset="utf-8" />
    {% block image_src %}<link rel="image_src" href="static/img/logo7.png" />{% endblock %}
    <meta property="og:type" content="website">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width">

    {% block og_image %}
    <meta property="og:image" content="https://rowsandall.com/static/img/logo_r.png" />
    <meta property="og:image:secure_url" content="https://rowsandall.com/static/img/logo_r.png" />
    {% endblock %}
    <meta property="og:url" content="https://rowsandall.com{{ request.get_full_path }}" />
    <meta property="fb:app_id" content="694685920739849" />
    <meta property="og:title" content="{% block og_title %}Rowsandall{% endblock %}" />
    <meta property="og:description" content="{% block og_description %}Rowsandall: Free Data and Analysis. For Rowers. By Rowers.{% endblock %}" />
    <link rel="stylesheet" type="text/css" href="/static/admin/css/forms.css"/>
    <link rel="stylesheet" type="text/css" href="/static/admin/css/widgets.css"/>

    <link rel="stylesheet" href="/static/css/resetnew.css" />
    <link rel="stylesheet" href="/static/fontawesome/css/fontawesome.css">
    <link rel="stylesheet" href="/static/fontawesome/css/all.css">
    <link rel="stylesheet" href="/static/css/frontstyles.css">
    <link rel="stylesheet" href="/static/css/text2.css" />
    <link rel="stylesheet" href="/static/css/rowsandall2.css" />
    {% block meta %} {% endblock %}
    {% leaflet_js %}
    {% leaflet_css %}
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.async=true;
      js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.10&appId=694685920739849";
      fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>
    <link rel="stylesheet" href="https://webapiv2.navionics.com/dist/webapi/webapi.min.css" >
    <script type="text/javascript" src="https://webapiv2.navionics.com/dist/webapi/webapi.min.no-dep.js"></script>
    <script>window.twttr = (function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0],
      t = window.twttr || {};
      if (d.getElementById(id)) return t;
      js = d.createElement(s);
      js.id = id;
      js.async=true; 
      js.src = "https://platform.twitter.com/widgets.js";
      fjs.parentNode.insertBefore(js, fjs);

      t._e = [];
      t.ready = function(f) {
      t._e.push(f);
      };
      
      return t;
      }(document, "script", "twitter-wjs"));</script>

    <script type='text/javascript'
            src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'>
    </script>
    <script>
      $(document).ready(function(){
    var accordionsMenu = $('.cd-accordion-menu');
    
    if( accordionsMenu.length > 0 ) {
	
	accordionsMenu.each(function(){
	    var accordion = $(this);
	    //detect change in the input[type="checkbox"] value
	    accordion.on('change', 'input[type="checkbox"]', function(){
		var checkbox = $(this);
		console.log(checkbox.prop('checked'));
		( checkbox.prop('checked') ) ? checkbox.siblings('ul').attr('style', 'display:none;').slideDown(300) : checkbox.siblings('ul').attr('style', 'display:block;').slideUp(300);
	    });
	});
    }
});

    </script>
    <script>
      $(document).ready(function(){
      var active = "#{{ active }}";
      $(active).addClass("nav-active");
      });
    </script>
    {% analytical_head_bottom %}
  </head>

  <style>
    .parallax { 
	/* The image used */
	background-image: url("MerijnSoeters-hr-9841.jpg");
	
	/* Set a specific height */
	height: 100%; 
	
	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    }
  </style>

<!-- Container element -->
  
  <body data-root="https://webapiv2.navionics.com/dist/webapi/images">
    {% if user.is_authenticated %}
      <nav class="main-nav">
        <ul>
          <li id="nav-workouts"> 
            <a href="/rowers/list-workouts/">
              <i class="fas fa-clipboard-list"></i>&nbsp;Workouts
            </a>
          </li>
          <li id="nav-racing">
            <a href="/rowers/virtualevents/">
              <i class="fas fa-flag-checkered"></i>&nbsp;Racing
            </a>
          </li>
          <li id="nav-analysis">
            <a href="/rowers/analysis/">
              <i class="fas fa-analytics"></i>&nbsp;Analysis
            </a>
          </li>
          <li id="nav-plan">
            <a href="/rowers/sessions/">
              <i class="fas fa-calendar-alt"></i>&nbsp;Plan
            </a>
          </li>
          <li id="nav-teams">
            <a href="/rowers/me/teams/">
              <i class="fas fa-bullhorn"></i>&nbsp;Groups
            </a>
          </li>
        </ul>
      </nav>

    {% endif %}
    <div class="parallax">
        <p>Aap</p>
    </div>
    
  </body>
</html>
