{% extends "master.html" %}

{% block body %}
<div class="page-header">
  <h1>{{current}} preferences 
    {% if preference.enabled %}
    <small>{{context.description}}</small>
    {% else %}
    <small>(disabled)</small>
    {% endif %}
  </h1>
</div>
<div class="row">
  <div class="col-md-6">
    {% if current == 'email' %}
    <p class="lead">We all get too much email.</p>
    <p>You probably don't want any more email.  I'm sorry..  but we can
    help!  This application is an attempt at a robust filtering system, built
    so you can avoid receiving 2000 emails from the pkgdb about stuff you
    already know.</p>
    {% endif %}

    {% if current == 'irc' %}
    <p class="lead">We have a bot...</p>
    <p>...on the <a href="https://freenode.net">freenode</a> network that can
    direct messages to you with notifications you care about.  Simply login,
    confirm your IRC nick, set up some filters, and wait for the magic.</p>
    {% endif %}

    {% if current == 'android' %}
    <p class="lead">Push-notifications to your mobile device.</p>
    <p>You'll need to install <a href="https://fedoraproject.org/mobile">Fedora
      Mobile</a> on your phone for this wiz-biz to fly.  You'll also need to use
    the API key (available on your <a
      href="{{ url_for('profile', openid=openid)}}">profile page</a>) to link
    everything together and transmit your <em>registration ids</em>.
    </p>
    {% endif %}

    <p>You have {{preference.filters|length}} rule filters
    defined for the {{current}} messaging context.  You can add new ones and
    delete existing ones here.</p>
    <p>If a message on the <a href="http://fedmsg.com">fedmsg bus</a> matches
    any one of these criteria, then a notification will be sent your
    way{% if preference.enabled %}.{% else %} (except that you currently have
    the {{current}} delivery mechanism disabled.  Enable it and
    <strong>then</strong> we'll send you notifications.){% endif %}
    We also need to know where you want your {{current}} messages delivered
    (a <em>{{context.detail_name}}</em>); you can set that up here.
    </p>

    <div class="list-group">
      {% for fltr in preference.filters %}
      <a href="{{fltr.id}}" class="list-group-item">
        <h4 class="list-group-item-heading">{{fltr.name}}</h4>
        {% if fltr.rules %}
        <dl class="list-group-item-text dl-horizontal">
          {% for rule in fltr.rules %}
          <dt>{{rule.title(valid_paths)}}</dt>
          <dd>{{rule.doc(valid_paths, no_links=True)}}
          {% if rule.arguments %}
          <dl class="dl-horizontal">
            {% for key, value in rule.arguments.iteritems() %}
            <dt>{{key}}</dt><dd>{{value}}</dd>
            {% endfor %}
          </dl>
          {% endif %}
          </dd>
          {% endfor %}
        </dl>
        {% else %}
        <p class="list-group-item-text">This filter has zero rules</p>
        {% endif %}
        <form role="form" action="{{url_for('handle_filter')}}" method="post">
          <input name="openid" id="openid" value="{{openid}}" type="hidden">
          <input name="context" id="context" value="{{current}}" type="hidden">
          <input name="filter_name" id="filter_name" value="{{fltr.name}}" type="hidden">
          <input name="method" id="method" value="delete" type="hidden">
          <span class="pull-right">
            <button type="submit" class="btn btn-danger">
              <span class="glyphicon glyphicon-remove"></span>
              Delete this filter</button>
          </span>
        </form>
        <div class="clearfix"></div>
      </a>
      {% endfor %}
    </div>
  </div>

  <div class="col-md-5">
    <div class="panel panel-default">
      <div class="panel-body">
        <form class="form-inline" role="form" action="{{url_for('handle_filter')}}"
          method="post">
          <div class="form-group">
            <label class="sr-only" for="filter_name">Filter Name</label>
            <input type="text" class="form-control" name="filter_name" id="filter_name" required=required placeholder="New Filter Name">
          </div>
          <input name="openid" id="openid" value="{{openid}}" type="hidden">
          <input name="context" id="context" value="{{current}}" type="hidden">
          <button type="submit" class="btn btn-success">
            <span class="glyphicon glyphicon-plus"></span>
            Create a new filter</button>
        </form>
      </div>
    </div>

    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">
          Active?
        </h3>
      </div> <!-- end panel-heading -->

      <div class="panel-body">
        <form class="form-horizontal" role="form" action="{{url_for('handle_details')}}"
          method="post">
          <p class="pull-left">
          This message delivery mechanism is currently <strong>
            {% if preference.enabled %}active{% else %}inactive{% endif %}.
          </strong></p>
          <input name="openid" id="openid" value="{{openid}}" type="hidden">
          <input name="context" id="context" value="{{current}}" type="hidden">
          <p class="pull-right">
          {% if preference.enabled %}
          <button type="submit" class="btn btn-danger" name="toggle_enable" value="toggle">
            <span class="glyphicon glyphicon-off"></span> Disable
          </button>
          {% else %}
          <button type="submit" class="btn btn-success" name="toggle_enable" value="toggle">
            <span class="glyphicon glyphicon-ok-circle"></span> Enable
          </button>
          {% endif %}
          </p>
        </form>
      </div>
    </div>

    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">
          Where should we send your messages?
        </h3>
      </div> <!-- end panel-heading -->

      <div class="panel-body">
        {% if confirmation %}
        <div class="alert alert-{{ {'pending': 'info', 'valid': 'info', 'accepted': 'success', 'rejected': 'danger', 'invalid': 'warning'}[confirmation.status] }}">
          <p><strong>{{confirmation.status}}</strong> Your confirmation for
          {% if context.name == "android" %}
          {{confirmation.detail_value[0:30]}}...
          {% else %}
          {{confirmation.detail_value}}
          {% endif %}
          is {{confirmation.status}}</p>
        </div>
        {% endif %}
        {% if context.name == "android" %}
        <p>
        Follow the instructions in the Fedora Mobile Android app to register
        for Fedora Notifications on your Android device.
        </p>
        {% else %}
        <form class="form-horizontal" role="form"
          action="{{url_for('handle_details')}}" method="post">
          <fieldset {{'disabled' if preference.enabled is sameas false}}>
            <div class="form-group">
              <input name="openid" id="openid" value="{{openid}}" type="hidden">
              <input name="context" id="context" value="{{current}}" type="hidden">
              <table class="table">
                {% if preference.detail_values %}
                <tr>
                  <td>
                    <label class="control-label" for="detail_value">
                      confirmed {{context.detail_name}}</label>
                  </td>
                  {% for value in preference.detail_values %}
                  <td>
                    <input type="text" class="form-control input-sm"
                    name="detail_value" id="detail_value" required=required
                    value='{{ value.value }}' disabled>
                  </td>
                  <td>
                    <button type="submit" class="btn btn-sm btn-danger"
                      name="delete" value="{{value.value}}"
                      {{'disabled' if preference.enabled is sameas false}}>
                      <span class="glyphicon glyphicon-remove"></span>
                    </button>
                  </td>
                </tr>
                {% endfor %}
                {% endif %}
                <tr>
                  <td>
                    <label class="control-label" for="detail_value">
                      new {{context.detail_name}}</label>
                  </td>
                  <td>
                    <input type="text" class="form-control input-sm"
                    name="detail_value" id="detail_value"
                    placeholder="{{context.placeholder}}">
                  </td>
                  <td>
                    <button type="submit" class="btn btn-sm btn-success"
                      name="save"
                      {{'disabled' if preference.enabled is sameas false}}>
                      <span class="glyphicon glyphicon-plus">
                      </button>
                    </td>
                  </tr>
                </table>
              </div>
            </fieldset>
          </form>
          {% endif %}
        </div> <!-- end panel-body -->
      </div> <!-- end panel -->

      <div class="panel panel-default">
        <div class="panel-heading">
          <h3 class="panel-title">
            How often should we send you messages?
          </h3>
        </div> <!-- end panel-heading -->

        <div class="panel-body">
          <p class="help-block text-left"> If you leave these <code>&lt;disabled&gt;</code>
          then we'll just forward you your notifications in real time.  </p>
          <form class="form-horizontal" role="form" action="{{url_for('handle_details')}}"
            method="post">
            <fieldset {{'disabled' if preference.enabled is sameas false}}>
              <div class="form-group">
                <label class="col-sm-1 control-label" for="batch_delta">Wait</label>
                <div class="col-sm-4">
                  <select name="batch_delta" class="form-control">
                    <option {{'selected' if preference.batch_delta is none}}>&lt;disabled&gt;</option>
                    <option {{'selected' if preference.batch_delta is equalto 20}} value="20">20 seconds</option>
                    <option {{'selected' if preference.batch_delta is equalto 120}} value="120">2 minutes</option>
                    <option {{'selected' if preference.batch_delta is equalto 300}} value="300">5 minutes</option>
                    <option {{'selected' if preference.batch_delta is equalto 600}} value="600">10 minutes</option>
                    <option {{'selected' if preference.batch_delta is equalto 1200}} value="1200">20 minutes</option>
                    <option {{'selected' if preference.batch_delta is equalto 3600}} value="3600">1 hour</option>
                    <option {{'selected' if preference.batch_delta is equalto 18000}} value="18000">5 hours</option>
                    <option {{'selected' if preference.batch_delta is equalto 86400}} value="86400">1 day</option>
                  </select>
                </div>
                <label class="col-sm-2 control-label" for="batch_count">or for</label>
                <div class="col-sm-4">
                  <select name="batch_count" class="form-control">
                    <option {{'selected' if preference.batch_count is none}}>&lt;disabled&gt;</option>
                    <option {{'selected' if preference.batch_count is equalto 5}} value="5">5 messages</option>
                    <option {{'selected' if preference.batch_count is equalto 10}} value="10">10 messages</option>
                    <option {{'selected' if preference.batch_count is equalto 50}} value="50">50 messages</option>
                    <option {{'selected' if preference.batch_count is equalto 100}} value="100">100 messages</option>
                    <option {{'selected' if preference.batch_count is equalto 250}} value="250">250 messages</option>
                  </select>
                </div>
                <div class="col-sm-11">
                  <p class="help-block text-right">..whichever comes first.</p>
                </div>
              </div>

            </fieldset>
            <input name="openid" id="openid" value="{{openid}}" type="hidden">
            <input name="context" id="context" value="{{current}}" type="hidden">
            <p class="pull-right">
            <button type="submit" class="btn btn-success" name="save"
              {{'disabled' if preference.enabled is sameas false}}>
              <span class="glyphicon glyphicon-{{context.icon}}"></span> Save
            </button>
            </p>
          </form>
        </div>
      </div>
    </div>
  </div>

  {% endblock %}