{% extends "base.html" %}
{% block title %}{{ _('Sponsors') }}{% endblock %}
{% block content %}
<div class="card">
  <h2>{{ _('Our Sponsors') }}</h2>
  <p class="muted">{{ _('These businesses support our community classifieds.') }}</p>
  {% if not sponsors %}
    <p class="muted">{{ _('No sponsors yet.') }}</p>
  {% endif %}
  <div class="sponsor-grid">
    {% for s in sponsors %}
    <a class="sponsor-card card" href="{{ s.url }}" target="_blank" rel="noopener sponsored">
      {% if s.logo_path %}
        <img src="{{ url_for('listings.media', rel='sponsors/' + s.logo_path) }}"
             alt="{{ s.name }}" class="sponsor-logo">
      {% else %}
        <div class="sponsor-name-only">{{ s.name }}</div>
      {% endif %}
      {% if s.tagline %}<p class="muted small">{{ s.tagline }}</p>{% endif %}
    </a>
    {% endfor %}
  </div>
</div>
{% endblock %}