{% extends "site_base.html" %}

{% load sponsorship_tags %}
{% load thumbnail %}
{% load i18n %}

{% block head_title %}{% trans "About Our Sponsors" %}{% endblock %}

{% block body_class %}sponsors{% endblock %}

{% sponsor_levels as levels %}

{% block body_outer %}
    <div class="row">
        <div class="span12">
            <h1>{% trans "About Our Sponsors" %}</h1>
            <a href="{% url cms_page "sponsors/prospectus/" %}" class="btn">Learn how to become a sponsor <span class="arrow"></span></a>

            {% for level in levels %}
                <h3>{{ level.name }}</h3>

                <div class="row">
                    {% for sponsor in level.sponsors %}
                        <div class="span4">
                            <div class="sponsor" id="sponsor-{{ sponsor.id }}">
                                <div class="sponsor-content">
                                    <h2>
                                        <a href="{{ sponsor.external_url }}">
                                            <img src="{% thumbnail sponsor.website_logo '150x80' %}" alt="{{ sponsor.name }}" />
                                        </a>
                                    </h2>
                                    <h5>{{ sponsor.name }}</h5>
                                    <p><a href="{{ sponsor.external_url }}">{{ sponsor.external_url }}</a></p>
                                    <p>{{ sponsor.listing_text|urlize|linebreaks }}</p>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            {% endfor %}
        </div>
    </div>
{% endblock %}