{% load static %}
{% load staticfiles cms_tags menu_tags sekizai_tags  menu_tags  bootstrap3 %}
{% load i18n %}
<!DOCTYPE html>
<html lang="en">
  <head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
    <meta name="viewport" content="width=device-width" />
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Digital Glarus</title>


    <link href="{% static 'digitalglarus/css/bootstrap.min.css' %}" rel="stylesheet">

    <!-- Bootstrap Core CSS -->
    <link href="{% static 'digitalglarus/font-awesome-4.1.0/css/font-awesome.min.css' %}" rel="stylesheet">
    <link href="{% static  'ungleich_page/font-awesome-4.1.0/css/font-awesome.min.css' %}" rel="stylesheet"
      type="text/css">

    <link href="{% static 'digitalglarus/css/agency.css' %}" rel="stylesheet">
    <link href="{% static 'digitalglarus/css/ungleich.css' %}" rel="stylesheet">
    <link href="{% static 'digitalglarus/css/history.css' %}" rel="stylesheet">
    <link href="{% static 'digitalglarus/css/price.css' %}" rel="stylesheet">

    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />
    <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.42/css/bootstrap-datetimepicker.min.css" />

    <!-- <link href="css/bootstrap.min.css" rel="stylesheet"> -->
    <link href="{% static 'digitalglarus/css/lib/animate.min.css' %}" rel="stylesheet">
    <!-- <link href="{% static 'css/membership.css' %}" rel="stylesheet"> -->



    <!-- Custom CSS -->
    <!-- <link href="css/agency.css" rel="stylesheet"> -->

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="{% static 'digitalglarus/https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="{% static 'digitalglarus/https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- <link href="css/ungleich.css" rel="stylesheet" type="text/css"></link> -->
    <!-- Google tracking -->
    <script src="//www.google-analytics.com/analytics.js" async></script><script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-62285904-1', 'auto');
      ga('send', 'pageview');

    </script>
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <style id="igtranslator-color" type="text/css"></style>
    <style type="text/css">


      .navbar-default .nav .dropdown.open .dropdown-toggle {
        background: none !important;
        color: white !important;
      }


      .navbar-default .nav .dropdown li a{
        color:#0f1221;
        text-transform: capitalize;
      }

      .navbar-default .nav li a .glyphicon-user{

        font-size: 15px;
        display: inline-block;
        margin: 0px;
        color:white;
      }


      html,body{
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
        overflow-x: hidden; 
        }

      @media only screen and (min-width: 769px){ 
        .dropdown.home-dropdown-mobile {
          display:  none;
        }
        .dropdown.home-dropdown {
          display: block;
        }
      }

      @media only screen and (max-width: 768px){ 
        .dropdown.home-dropdown-mobile {
          display: block;
          background-color: 
        }

        .dropdown.home-dropdown-mobile .dropdown-menu{
          display: block;
          background-color: #0f1221;
        }

        .dropdown.home-dropdown-mobile .dropdown-menu li a {
          color:white;
        }
        .dropdown.home-dropdown-mobile .dropdown-menu li a:hover {
          color: #0f1221;
        }

        .dropdown.home-dropdown {
          display: none;
        }
      }


    </style>
    {% block extra_css %} {% endblock %}
  </head>



  <body id="page-top" class="index">

    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top">
      <div class="container" style="margin-right: -; margin-left: 0px;margin-right: 0px;">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header page-scroll">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <p><a class="navbar-brand page-scroll" href="{% url 'digitalglarus:landing' %}"><img src="{% static 'digitalglarus/img/logo_white.svg' %}"></a></p>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right" style="margin-right: -; margin-left: 0px;margin-right: 0px;">
        <li class="hidden active">
          <a href="#page-top"></a>
        </li>
        <li>
          <a class="page-scroll" href="{% url 'digitalglarus:booking' %}" >booking & price</a>
        </li>
        <li>
          <a class="page-scroll" href="{% url 'digitalglarus:history' %}">history</a>
        </li>
        <li>
          <a class="page-scroll" href="http://blog.ungleich.ch">BLOG</a>
        </li>
        <li>
          <a class="page-scroll" href="#contact">Contact</a>
        </li>

		
        {% if request.user.is_authenticated %}
		<li class="dropdown home-dropdown-mobile open">
          <a class="dropdown-toggle" role="button" data-toggle="dropdown" href="#">
            <i class="glyphicon glyphicon-user"></i>{{request.user.name}} <span class="caret"></span>
          </a>
          <ul id="g-account-menu" class="dropdown-menu" role="menu" aria-hidden="true">
            <li>
              <a href="{% url 'digitalglarus:booking_orders_list' %}">
                <i class="fa fa-home" aria-hidden="true"></i> {% trans "Bookings"%}
              </a>
            </li>
            <li>
              <a href="{% url 'digitalglarus:membership_orders_list' %}"><i class="fa fa-heart-o" aria-hidden="true"></i> {% trans "Membership"%} 
              </a>
            </li>
            <li>
              <a href="{% url 'digitalglarus:logout' %}">
                <i class="fa fa-lock" aria-hidden="true"></i>
                {% trans "Logout"%}
              </a>
            </li>
          </ul>
        </li>

        <li class="dropdown home-dropdown">
          <a class="dropdown-toggle" role="button" data-toggle="dropdown" href="#">
            <i class="glyphicon glyphicon-user"></i>{{request.user.name}} <span class="caret"></span>
          </a>
          <ul id="g-account-menu" class="dropdown-menu" role="menu">
            <li>
              <a href="{% url 'digitalglarus:booking_orders_list' %}">
                <i class="fa fa-home" aria-hidden="true"></i> {% trans "Bookings"%}
              </a>
            </li>
            <li>
              <a href="{% url 'digitalglarus:membership_orders_list' %}"><i class="fa fa-heart-o" aria-hidden="true"></i> {% trans "Membership"%} 
              </a>
            </li>
            <li>
              <a href="{% url 'digitalglarus:logout' %}">
                <i class="fa fa-lock" aria-hidden="true"></i>
                {% trans "Logout"%}
              </a>
            </li>
          </ul>
        </li>              
        {% else %}
            <li>
                <a class="page-scroll" href="{% url 'digitalglarus:login' %}">Login</a>
            </li> 
        {% endif %}
<!--          <li>
          <a class="page-scroll" href="{% url 'digitalglarus:signup' %}">Sign Up</a>
        </li>
 -->      </ul>
    </div>
    <!-- /.navbar-collapse -->
      </div>
      <!-- /.container-fluid -->
    </nav>

    {% block content %} {% endblock %}
    
    <footer>
      <div class="container">
    <div class="row">
      <div class="col-md-4">
        <span class="copyright">Copyright © ungleich GmbH 2016</span>
      </div>
      <div class="col-md-4">
        <ul class="list-inline social-buttons">
          <li><a href="https://facebook.com/digitalglarus"><i class="fa fa-facebook"></i></a>
          </li>
          <li><a href="https://twitter.com/ungleich"><i class="fa fa-twitter"></i></a>
          </li>
          <li><a href="https://github.com/ungleich"><i class="fa fa-github"></i></a>
          </li>
          <li><a href="https://www.linkedin.com/company/ungleich-gmbh?trk=nav_account_sub_nav_company_admin/"><i class="fa fa-linkedin"></i></a>
          </li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul class="list-inline quicklinks">
          <li><a href="http://www.ungleich.ch/">ungleich Home</a>
          </li>
        </ul>
      </div>
    </div>
      </div>
    </footer>
        
<script type="text/javascript" src="{% static 'digitalglarus/bower_components/jquery/dist/jquery.min.js' %}"></script>

<!-- jQuery -->
<script src="{% static 'digitalglarus/js/jquery.js' %}"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.validation/1.13.1/jquery.validate.min.js"></script>


<!-- Bootstrap Core JavaScript -->
<script src="{% static 'digitalglarus/js/bootstrap.min.js'  %}"></script>


<!-- Plugin JavaScript -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="{% static 'digitalglarus/js/classie.js' %}"></script>
<script src="{% static 'digitalglarus/js/cbpAnimatedHeader.js' %}"></script>

<!-- Stripe Lib -->
<script type="text/javascript" src="//js.stripe.com/v2/"></script>

<!-- Proccess payment lib -->
<script src="{% static 'digitalglarus/js/payment.js' %}"></script>

<!-- Contact Form JavaScript -->
<script src="{% static 'digitalglarus/js/jqBootstrapValidation.js' %}"></script>

<!-- <script src="{% static 'digitalglarus/js/contact_me.js' %}"></script>
 -->
<script src="{% static 'digitalglarus/./js/lib/wow.min.js' %}"></script>
<!-- Custom Theme JavaScript -->
<script src="{% static 'digitalglarus/js/agency.js' %}"></script>

<script src="{% static 'digitalglarus/js/ungleich.js' %}"></script>



<!-- Include Required Prerequisites -->
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<!-- <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/latest/css/bootstrap.css" />
 --> 
<!-- Include Date Range Picker -->
<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.42/js/bootstrap-datetimepicker.min.js
"></script>


<!-- Booking JavaScript -->
<script src="{% static 'digitalglarus/js/booking.js' %}"></script>

<!-- Utils JavaScript -->
<script src="{% static 'digitalglarus/js/utils.js' %}"></script>

<!-- Custom Fonts -->
<link href="//fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css">
<link href="{% static 'digitalglarus/font-awesome-4.1.0/css/font-awesome.min.css' %}" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css">
</html>