{% extends "layouts/base.html" %}
{% block title %}Team Notes - UdeS team manager{% endblock %}
{% block page_title %}Team Notes{% endblock %}
{% block breadcrumb %}<span class="breadcrumb">Home / Team Notes</span>{% endblock %}

{% block content %}
<div class="card">
    <div class="card-header">
        <h3><i class="fas fa-users"></i> Team Improvement Notes</h3>
        {% if org_team %}
        <span class="badge badge-esport">{{ org_team.name }}</span>
        {% endif %}
    </div>
    <div class="card-body">
        <form method="POST" action="{{ url_for('users.manage_team_notes') }}" class="form">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
            
            <div class="form-group">
                <label for="content">Team Notes Content</label>
                <textarea name="content" id="content" class="form-textarea" rows="6" placeholder="Enter improvement suggestions and notes for your team...">{{ team_notes[0].content if team_notes else '' }}</textarea>
                <p class="form-text">These notes will be visible to all players on your team.</p>
            </div>

            <div class="form-actions">
            <button type="submit" class="btn btn-primary">
                    <i class="fas fa-plus"></i> Add Team Notes
                </button>
            </div>
        </form>
    </div>
</div>

{% if team_notes %}
<div class="card mt-4">
    <div class="card-header">
        <h3><i class="fas fa-history"></i> Note History</h3>
    </div>
    <div class="card-body">
        <table class="table">
            <thead>
                <tr>
                    <th>Last Updated</th>
                    <th>Content Preview</th>
                </tr>
            </thead>
            <tbody>
                {% for note in team_notes %}
                <tr>
                    <td>{{ note.updated_at.strftime('%B %d, %Y at %I:%M %p') if note.updated_at else 'Unknown date' }}</td>
                    <td>{{ note.content[:100] if note.content else '' }}{% if note.content and note.content|length > 100 %}...{% endif %}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endif %}
{% endblock %}