CSOL-site/views/landing/after-school-matters.html

{% extends 'info/layout.html' %}
{% set pageTitle = 'After School Matters' %}
{% set navItem = 'asm' %}
{% set bodyClass = 'asm' %}
{% block content %}
  <div class="lead">
    <p><a href="http://www.afterschoolmatters.org/about">After School Matters&reg;</a> is a non-profit organization that offers Chicago high school teens innovative out-of-school activities through Science, Sports, Tech, Words and nationally recognized Gallery programs.</p>
    <p>Check out the variety of programs offered by After School Matters as part of the Chicago Summer of Learning below. You can contact 312-742-4182 to learn more and enroll in programs that excite you.</p>
  </div>
  {% if filters %}
    <div class="navbar filter">
      <form class="navbar-inner navbar-form form-inline text-left" method="get">
        {% for k,filter in filters %}
          <div class="selectWrapper{% if not filter.options %} text{% endif %}">
            <label for="filter-{{ filter.class }}" class="filter-icon filter-{{ filter.class }}">{{ filter.label }}</label>
            {% if filter.options %}
              <select id="filter-{{ filter.name }}" name="{{ filter.name }}" class="input-small{% if filter.class %} {{ filter.class }}{% endif %}">
                <option value="">{{ filter.label }}</option>
                {% for item in filter.options %}
                  <option value="{{ item }}"{% if filter.value == item %} selected="selected"{% endif %}>{{ item }}</option>
                {% endfor %}
              </select>
            {% endif %}
          </div>
        {% endfor %}
        <input type="submit" value="Update" class="btn">
      </form>
    </div>
  {% endif %}
  <div class="row">
  {% for program in programs %}
    {% if loop.index == 1 or loop.index == split_column_number %}
    <div class="span6">
      <ul class="orgs unstyled">
    {% endif %}
      {% if program.region != 'Cancelled' %}
        <li>
          <h4>
            <a data-toggle="collapse" data-target="#collapse-{{rowloop.index}}-{{loop.index}}">{{program.program_name}}</a>
            <small>
              {{program.start}} - {{program.end}}
              &bull; STEAM: {{program.steam}}
            </small>
          </h4>
          <div id="collapse-{{rowloop.index}}-{{loop.index}}" class="collapse">
            <p>
              {{program.program_description}}
            </p>
            <div class="meta">
              <p><strong>Region:</strong> {{program.region}}</p>
              <p><strong>Specialist:</strong> {{program.program_specialist}}</p>
              <p><strong>Organization:</strong> {{program.organization_name}}</p>
            </div>
          </div>
        </li>
      {% endif %}
    {% if loop.index == (split_column_number - 1) %}
      </ul>
    </div>
    {% endif %}
  {% endfor %}
  </ul>
</div>
</div>
{% endblock %}