{% macro create_date(date) %}

  {{ moment(date).format(config['ENNSTATUS_MOMENTJS_FORMAT']) }}

  <noscript>{{ date.strftime(config['ENNSTATUS_STRFTIME_FORMAT']) }}</noscript>

{% endmacro %}

{% macro create_server_table(server_type, servers) %}

  {% if server_type in ('exit', 'relay') %}

    {% set headers = ('#', 'Name', 'IP', 'IP6', 'Tor Status', 'Country', 'Fingerprint', 'Last Updated <noscript>(UTC)</noscript>') %}

  {% else %}

    {% set headers = ('#', 'Name', 'Tor Status', 'Country', 'Fingerprint', 'OBFS', 'FTEProxy', 'Flashproxy', 'meek', 'Last Updated <noscript>(UTC)</noscript>') %}

  {% endif %}

  <h2>{{ server_type|title }}</h2>

  <table class="table table-bordered table-striped sortable">

    <thead>

      <tr>

        {% for name in headers %}

          <th>{{ name|safe }}</th>

        {% endfor %}

      </tr>

    </thead>

    <tbody>

      {% for server in servers|sort(attribute='name')|sort(attribute='country') %}

      <tr {% if server.name in config['ENNSTATUS_BRIDGE_PROGRAM'] %}class="info"{% endif %}>

          <td>{{ loop.index }}</td>

          {% if server_type == 'bridge' %}

            <td>{{ colorize_obfs(server.obfs) }}</td>

            <td>{{ colorize_obfs(server.fteproxy) }}</td>

            <td>{{ colorize_obfs(server.flashproxy) }}</td>

            <td>{{ colorize_obfs(server.meek) }}</td>

          {% endif %}

          <td>{{ create_date(server.last_updated) }}

          </td>

        </tr>

      {% endfor %}

    </tbody>

  </table>

  {% if server_type == 'bridge' %}

    <div class="alert alert-info alert-dismissible" role="alert">

      <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>

      <p>See our <a class="alert-link" href="{{ url_for('root.bridgeprogram') }}">bridge program</a>, if you want to fund some bridges!</p>

    </div>

  {% endif %}

{% endmacro %}