{% 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>
    <p>Note that messages will only be sent to you when you are actually
    connected to the freenode network as your registered nick.  If you are
    offline, messages destined for you will just be dropped (and not queued for
    later delivery).</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">
          Should we send you messages?
        </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}}.
          {% if confirmation.status == "pending" %}
          You should be contacted soon with confirmation details via {{context.name}}.
          {% endif %}
          </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> <!-- end panel -->

      <div class="panel panel-default">
        <div class="panel-heading">
          <h3 class="panel-title">
            Should we do extra stuff to your messages?
          </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">We can annotate your messages with a
            "triggered by" link that will let you know which filter was
            responsible for triggering each message.  This can be useful if you
            are actively tuning your profile, or even if you just  want to
            track down why you're getting certain messages.  On the other hand,
            some people find it annoying to have extra links tacked onto their
            messages.  It's up to you...</p>
            <p class="pull-left">
            I'm configured right now to <strong>
              {% if preference.triggered_by_links %}append{% else %}not append{% endif %}
            </strong> those links.</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.triggered_by_links %}
            <button type="submit" class="btn btn-danger" name="toggle_triggered_by" value="toggle"
              {{'disabled' if preference.enabled is sameas false}}>
              <span class="glyphicon glyphicon-off"></span> Disable
            </button>
            {% else %}
            <button type="submit" class="btn btn-success" name="toggle_triggered_by" value="toggle"
              {{'disabled' if preference.enabled is sameas false}}>
              <span class="glyphicon glyphicon-ok-circle"></span> Enable
            </button>
            {% endif %}
            </p>
          </form>

          <div class="clearfix"></div><hr></hr>

          <form class="form-horizontal" role="form" action="{{url_for('handle_details')}}"
            method="post">
            <p class="pull-left">We can pass all links through a url shortener to make your
            delivered messages cute and manageable.  Some people don't like the
            indirection that link shortening introduces, so we give you the
            option here to turn it off.</p>
            <p class="pull-left">
            I'm configured right now to <strong>
              {% if preference.shorten_links %}shorten{% else %}not shorten{% endif %}
            </strong> your links.</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.shorten_links %}
            <button type="submit" class="btn btn-danger" name="toggle_shorten" value="toggle"
              {{'disabled' if preference.enabled is sameas false}}>
              <span class="glyphicon glyphicon-off"></span> Disable
            </button>
            {% else %}
            <button type="submit" class="btn btn-success" name="toggle_shorten" value="toggle"
              {{'disabled' if preference.enabled is sameas false}}>
              <span class="glyphicon glyphicon-ok-circle"></span> Enable
            </button>
            {% endif %}
            </p>
          </form>

          <div class="clearfix"></div><hr></hr>

          <form class="form-horizontal" role="form" action="{{url_for('handle_details')}}"
            method="post">
            <p class="pull-left">In some cases, we can try to enrich your
            messages with markup and color.  Want to try it out?</p>
            <p class="pull-left">
            I'm configured right now to <strong>
              {% if preference.markup_messages %}markup{% else %}not markup{% endif %}
            </strong> your messages.</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.markup_messages %}
            <button type="submit" class="btn btn-danger" name="toggle_markup" value="toggle"
              {{'disabled' if preference.enabled is sameas false}}>
              <span class="glyphicon glyphicon-off"></span> Disable
            </button>
            {% else %}
            <button type="submit" class="btn btn-success" name="toggle_markup" value="toggle"
              {{'disabled' if preference.enabled is sameas false}}>
              <span class="glyphicon glyphicon-ok-circle"></span> Enable
            </button>
            {% endif %}
            </p>
          </form>

        </div> <!-- end panel-body -->
      </div> <!-- end panel -->

      <div class="panel panel-default">
        <div class="panel-heading">
          <h3 class="panel-title">
            Party Perished
          </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">If you like, we can destroy all your existing
            filters for the {{current}} context and restore the "factory
            defaults": the settings that were in place when you first created
            your account.</p>
            <p><strong>Beware, there is no way to undo this operation.
            </strong></p>
            <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-danger" name="reset_to_defaults" value="confirm"
              {{'disabled' if preference.enabled is sameas false}}>
              <span class="glyphicon glyphicon-repeat"></span> Reset
            </button>
            </p>
          </form>

        </div> <!-- end panel-body -->
      </div> <!-- end panel -->

    </div>
  </div>

  {% endblock %}