{% extends "base.html" %}

{% block head %}
{{ super() }}
{% endblock %}

{% block styles %}
{{ super() }}
    <link href="/static/css/login.css" type="text/css" rel="stylesheet">
    <link href="/static/css/simple-slideshow-styles.css" type="text/css" rel="stylesheet" media="screen">
    <style>
    body {
        background-image: url('/static/images/cloudsbg.jpeg'); 
    }
    </style>
{% endblock %}

{% block scripts %}
{{ super() }}
    <script type="text/javascript">
    $('.message a').click(function(){
       $('form').animate({height: "toggle", opacity: "toggle"}, "slow");
    });
    </script>

    <script type="text/javascript" src="/static/js/_better-simple-slideshow.js" charset="UTF-8"></script>

    <script type="text/javascript">
    var opts = {
        auto : {
            speed : 6000, 
            pauseOnHover : false
        },
        fullScreen : false, 
        swipe : false
    };
    makeBSS('.bss-slides', opts);
    </script>

    <script type="text/javascript">    
    $(document).ready(function() {
        $('#newsmenu').load('https://www.datapoint.bg/news/latest');
    });
    </script>

    <script type="text/javascript">
    $(document).ready(function() {
        $('#livesupport').load('https://www.datapoint.bg/kiwi/');
    });
    </script>
{% endblock %}


{% block page_content %}
<div class="container-fluid-index">
 <div class="row">
  <div class="col-md-6 col-md-offset-1">
   <div class="panel panel-primary panel-transparent">
     <div class="panel-body">
     <img src="../../static/images/srv.png" width="100%" class="img-responsive center" />
    </div>
   </div>
   <div class="panel panel-primary panel-transparent"> 
    <div class="panel-body">
      <p><img src="../../static/images/VPS-Mission.png" width="64" height="64" align="top">
      Panel1</p>
      <p><img src="../../static/images/VPS-Security.png" width="64" height="64" />
      Panel2</p>
    </div>
   </div>
  </div>

  <div class="col-md-4 col-md-offset-0">
      <div class="panel panel-primary panel-transparent">
    <div class="panel-body">

        <br /><br /><br />
<div class="form">
    <form class="register-form" actoion="{{ url_for('auth.register') }}" method="POST">
    <input type="text" placeholder="name"/>
    <input type="password" placeholder="password"/>
    <input type="text" placeholder="email address"/>
    <button>create</button>
    <p class="message">Already registered? <a href="#">Sign In</a></p>
  </form>
  <form class="login-form" action="{{ url_for('auth.login') }}" method="POST">
    <input name="email" type="text" placeholder="username"/>
    <input name="password" type="password" placeholder="password"/>
    {{ form.csrf_token }}
    <button name="submit">login</button>
    <p class="message">Not registered? <a href="#">Create an account</a></p>
  </form>
</div>
  </div>
</div>
  </div>

</div>

<br />
<br />
<br />
<br />


{% endblock %}

{% block footer %}
{% include "main/footer_index.html" %}
{% include "main/footer_colored.html" %}
{% endblock %}
