{% extends "base.html" %}

{% block title %}Technical Turbulence - Team{% endblock %}

{% block content %}

<div class="contributors">
        <!-- <div class="team-info"> -->
            <!-- <div class="stats-container" id="stats2">
                <h1 class="heading"><span class="emoji stats">Our stats</span></h1>
                <hr>

                <div class="stats-cards">
                    <div class="stats-card">
                        <h1 class="stats-card-header">2</h1>
                        <p class="stats-card-info">seasons of robotics</p>
                    </div>
                    <div class="stats-card">
                        <h1 class="stats-card-header">6</h1>
                        <p class="stats-card-info">awards this season</p>
                    </div>
                    <div class="stats-card">
                        <h1 class="stats-card-header">11</h1>
                        <p class="stats-card-info">total awards won</p>
                    </div>
                    <div class="stats-card">
                        <h1 class="stats-card-header">9</h1>
                        <p class="stats-card-info">team members</p>
                    </div>
                </div>

                <button class="stats-button" onclick="window.location.href = '{{ url_for('competitions') }}' ; ">View
                    our log</button>
            </div> -->
        <!-- </div> -->
        <br>
        <h1 class="heading"><span class="emoji sponsors" id="team">Our mentors and coaches</span></h1>
        <hr>
        <p class="info">❤️ meet our amazing coach and mentors! ❤️</p>
        <div class="members-container">
            {% for mentor in mentors %}
            <div class="member-card">
                {% if mentor.image_path %}
                <img class="member-image" src="{{ url_for('static', filename=mentor.image_path) }}">
                {% endif %}
                <h2 class="member-name">{{ mentor.name }}</h2>
                <p class="member-role">{{ mentor.role }}</p>
            </div>
            {% endfor %}
        </div>
        <h1 class="heading"><span class="emoji team" id="team">Our team</span></h1>
        <hr>
        <p class="info">⭐ meet our amazing team! ⭐</p>

        <div class="members-container">
            {% for member in members %}
            <div class="member-card">
                {% if member.image_path %}
                <img class="member-image" src="{{ url_for('static', filename=member.image_path) }}">
                {% endif %}
                <h2 class="member-name">{{ member.name }}</h2>
                <p class="member-role">{{ member.role }}</p>
            </div>
            {% endfor %}
        </div>

    </div>

{% endblock %}