{% extends "base.html" %}

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

{% set title = "Bridge Program" %}

{% block content %}
  <div class="col-md-1">
  </div>
  <div class="col-md-11">
    <h2>Bridge Program</h2>
    <p class="lead">We are happy to announce our new partner program which allows you to support the Tor network by funding a Tor bridge.</p>
    <p> Rather than making a single donation which we would use to cover our expenses for our different projects and administrative charges, 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.</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>
    <center>
      <img src="{{ url_for('static', filename='images/Tor_bridge_users.png') }}" alt="bridge users">
    </center>
    <h3>How to participate?</h3>
    <p>Interested? Our <a href="//wiki.enn.lu/doku.php?id=user:kahpa">bridge operator</a> will give you further information about the project.</p>
    <p><strong>Get in touch:</strong> <abbr title="E-Mail"><span class="glyphicon glyphicon-envelope"></span></abbr> : <a href="mailto:bridges@enn.lu">bridges@enn.lu</a> <span class="glyphicon glyphicon-lock"></span> GPG: <a href="http://keyserver.cypherpunk.lu:11371/pks/lookup?op=get&search=0x3F917F479C5D0F3B">0x9C5D0F3B</a> (DE, EN, LB, FR)</p>
    <h3>Interaction</h3>
    <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>
    <p>You want to know more about our work? Our staff is always happy to answer your questions, don't hestitate to <a href="{{ url_for('root.contact') }}">contact us.</a></p>
  </div>
  <div class="col-md-offset-1 col-md-11">
    <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-primary') }}
        </div>
      </div>
    </form>
  </div>
{% endblock %}