{% extends "base.html" %}
{% block title %}{{ settings.site_name }} | Our Team{% endblock %}

{% block content %}

{% set team_header_img = (settings.team_header_image_path and url_for('static', filename=settings.team_header_image_path)) or settings.team_header_image_url %}
<section class="page-hero {{ 'has-image' if team_header_img }}" {% if team_header_img %}style="background-image:url('{{ team_header_img }}');"{% endif %}>
  <div class="container">
    <p class="eyebrow">Our People</p>
    <h1>Our Team</h1>
  </div>
</section>

<section class="section team-section">
  <div class="container">
    <div class="team-grid">
      {% for m in members %}
      <div class="team-card">
        <div class="team-photo">
          {% if m.photo_path %}
            <img src="{{ url_for('static', filename=m.photo_path) }}" alt="{{ m.name }}">
          {% else %}
            <div class="hero-photo-placeholder small">Photo</div>
          {% endif %}
        </div>
        <h3>{{ m.name }}</h3>
        <p class="team-title">{{ m.title }}</p>
        {% if m.phone %}<p class="team-phone"><a href="tel:{{ m.phone }}">{{ m.phone }}</a></p>{% endif %}
        {% if m.bio %}<p class="team-bio">{{ m.bio }}</p>{% endif %}
      </div>
      {% else %}
      <p class="empty-note">Team members will appear here once added from the admin panel.</p>
      {% endfor %}
    </div>
  </div>
</section>

{% endblock %}