{% extends "layouts/base.html" %}
{% block title %}{{ _('Personal Notes') }} - TryoutPro{% endblock %}
{% block page_title %}{{ _('Personal Notes') }}{% endblock %}
{% block breadcrumb %}<span class="breadcrumb">Home / Personal Notes</span>{% endblock %}

{% block content %}
<div class="card">
    <div class="card-header">
        <h3><i class="fas fa-user-friends"></i> {{ _('Add Personal Note') }}</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_personal_notes') }}" class="form">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
            
            <div class="form-group">
                <label for="player_id">{{ _('Select Player') }}</label>
                <select name="player_id" id="player_id" class="form-select" required>
                    <option value="">{{ _('-- Select a Player --') }}</option>
                    {% for player in players %}
<option value="{{ player.id }}">{{ player.username }}</option>
                    {% endfor %}
                </select>
            </div>

            <div class="form-group">
                <label for="content">{{ _('Note Content') }}</label>
                <textarea name="content" id="content" class="form-textarea" rows="4" placeholder="{{ _('Enter personal feedback or coaching tips for this player...') }}" required></textarea>
                <p class="form-text">{{ _('These notes will only be visible to the selected player.') }}</p>
            </div>

            <div class="form-actions">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save"></i> {{ _('Add Note') }}
                </button>
            </div>
        </form>
    </div>
</div>

{% if personal_notes %}
<div class="card mt-4">
    <div class="card-header">
        <h3><i class="fas fa-sticky-note"></i> {{ _('Recent Notes') }}</h3>
    </div>
    <div class="card-body">
        <div class="detail-grid">
            {% for note in personal_notes %}
             <div class="detail-item full-width mb-4">
                 <span class="detail-label">
<i class="fas fa-user"></i> {{ note.player.username if note.player else 'Unknown Player' }} -
                     <span class="text-muted">{{ note.created_at.strftime('%B %d, %Y') if note.created_at else 'Unknown date' }}</span>
                 </span>
                 <span class="detail-value">{{ note.content | nl2br if note.content else '' }}</span>
                 <span class="detail-label text-muted small">From: {{ note.coach.username if note.coach else 'Unknown Coach' }}</span>
             </div>
            {% endfor %}
        </div>
    </div>
</div>
{% endif %}
{% endblock %}