{# Ënnstatus
   Copyright (C) 2015  Dennis Fink

   This program 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.

   This program 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 this program.  If not, see <http://www.gnu.org/licenses/>.
#}

{% extends "base.html" %}

{% import 'bootstrap/wtf.html' as wtf %}

{% set title = "Bridge Program" %}

{% block content %}
  <div class="col-sm-12 col-md-offset-1 col-md-11">
    <h2>Bridge Program</h2>
    <p class="lead">Fight censorship! Our bridge program allows you to support the Tor network by adopting a Tor bridge.</p>
    <p> Rather than making a single donation, you can now fund a Tor bridge on your own. Bridges are an important element in the Tor network because they allow people to use the network even if the direct acces to its entry-nodes is blocked in their country. This is mainly the case for people living under oppressive regimes. <a href="https://www.torproject.org/docs/bridges" target="blank"><strong>Read more about Tor bridges</strong></a></p>
    <p>With a recurring contribution of 3 EUR/month (duration min. 12 months) you can help us keep such a bridge up and running. The servers for this project are located in Luxembourg.</p>
    <p>As a partner in our project you can choose the nickname of your bridge and follow it on <a href="{{ url_for('status.index') }}">Ënnstatus</a>, our self-made information-panel.</p>
  </div>
  <div class="col-sm-12 col-md-offset-1 col-md-6">
    <h2>Apply for the bridge program</h2>
    <form method="post" class="form form-horizontal" role="form">
      {{ form.hidden_tag() }}
      {{ wtf.form_field(form.fullname, form_type='horizontal') }}
      {{ wtf.form_field(form.email, form_type='horizontal') }}
      {{ wtf.form_field(form.bridgename, form_type='horizontal') }}
      <div class="form-group {% if form.duration.errors %} has-error {% endif %} required">
        {{ form.duration.label(class_='control-label col-lg-2') }}
        <div class="col-lg-10">
        {% for field in form.duration %}
          <div class="radio">
            {{ field() }}
            <div class="btn-group">
              <label class="btn btn-success" for="{{ field.id }}">
                <span class="glyphicon glyphicon-plus"></span>
                <span class="glyphicon glyphicon-minus"></span>
              </label>
              <label class="btn btn-default" for="{{ field.id }}">
                {{ field.label.text }}
              </label>
            </div>
          </div>
        {% endfor %}
        </div>
        {% if form.duration.errors %}
          <div class="col-lg-offset-2 col-lg-10">
            {% for error in form.duration.errors %}
              <p class="help-block">{{ error }}</p>
            {% endfor %}
          </div>
        {% endif %}
      </div>
      <div class="form-group {% if form.payment.errors %} has-error {% endif %} required">
        {{ form.payment.label(class_='control-label col-lg-2') }}
        <div class="col-lg-10">
        {% for field in form.payment %}
          <div class="radio">
            {{ field() }}
            <div class="btn-group">
              <label class="btn btn-success" for="{{ field.id }}">
                <span class="glyphicon glyphicon-plus"></span>
                <span class="glyphicon glyphicon-minus"></span>
              </label>
              <label class="btn btn-default" for="{{ field.id }}">
                {{ field.label.text }}
              </label>
            </div>
          </div>
        {% endfor %}
        </div>
        {% if form.payment.errors %}
          <div class="col-lg-offset-2 col-lg-10">
            {% for error in form.payment.errors %}
              <p class="help-block">{{ error }}</p>
            {% endfor %}
          </div>
        {% endif %}
      </div>
      <div class="form-group">
        <div class="col-lg-offset-2 col-lg-10">
          {{ form.submit(class_='btn btn-enn') }}
        </div>
      </div>
    </form>
  </div>
  <div class="col-sm-12 col-md-5">
    <h3>More information</h3>
    <p>You want to know more about our work?</p>
    <p>Our <a href="//wiki.enn.lu/doku.php?id=user:virii">bridge operator</a> will give you further information about the project.</p>
  </div>
{% endblock %}