{% extends "new_base_glarus.html" %}
{% load staticfiles cms_tags bootstrap3%}
{% block title %}crowdfunding{% endblock %}

{% block content %}

<style type="text/css">
    
    .navbar-default {
        background-color: black;
    }

    section.login {
        margin-top: 10%;
        margin-bottom: 8%;
    }

</style>

<section class="login">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <h1>I'm already a member!</h1>
                <p>To book you need to be logged in.</p>
                <h2>Log in</h2>
                <hr>
                <form role="form" action="" method="POST" novalidate>
                {% csrf_token %}
                    {% for field in login_form %}
                        <div class="form-group">
                            <input type="hidden" name="is_login" value="True">
                            {% bootstrap_field field type='fields'%}
                        </div>
                    {% endfor %}
                    {{ login_form.non_field_errors }}
                    <button type="submit" class="btn btn-default">Submit</button>
                </form>
            </div>
            <div class="col-md-6">
                <h1></h1>

                <h1>Not yet a member?</h1>

                <p>It only takes your email to register!
                    You'll get a mail from us for confirmation.</p>

                <h2>Register</h2>
                <hr>
                <form role="form" action="" method="POST" novalidate>
                    {% csrf_token %}
                     <div class="form-group">
                        {% for field in register_form %}
                            {% bootstrap_field field type='fields'%}
                            <!-- <label class="control-label">{{ field.label }}</label> -->
                            <!-- {{ field }} -->
                        {% endfor %}
                    </div>
                    <button type="submit" class="btn btn-default">Submit</button>
                </form>
            </div>
        </div>
    </div>
</section>

{% endblock %}