{% extends "layouts/base.html" %}
{% block title %}Add Note - TryoutPro{% endblock %}
{% block page_title %}Add Personal Note{% endblock %}
{% block breadcrumb %}<span class="breadcrumb">Home / <a href="{{ url_for('users.my_notes') }}">My Notes</a> / Add Note</span>{% endblock %}

{% block content %}
<div class="card">
    <div class="card-header">
        <h3><i class="fas fa-sticky-note"></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.add_personal_note') }}" 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.full_name }}</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-group">
                <label for="context">Context (Optional)</label>
                <p class="form-text text-muted">Link this note to a specific match, tryout, or team for better organization.</p>
                
                <div class="form-row">
                    <div class="form-group">
                        <label for="match_id">Match</label>
                        <select name="match_id" id="match_id" class="form-select">
                            <option value="">-- Select Match --</option>
                            {% for match in matches %}
                            <option value="{{ match.id }}">{{ match.title }} - {{ match.date.strftime('%m/%d/%Y') }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="tryout_id">Tryout</label>
                        <select name="tryout_id" id="tryout_id" class="form-select">
                            <option value="">-- Select Tryout --</option>
                            {% for tryout in tryouts %}
                            <option value="{{ tryout.id }}">{{ tryout.title }} - {{ tryout.date.strftime('%m/%d/%Y') }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="team_id">Team</label>
                        <select name="team_id" id="team_id" class="form-select">
                            <option value="">-- Select Team --</option>
                            {% for team in teams %}
                            <option value="{{ team.id }}">{{ team.name }}</option>
                            {% endfor %}
                        </select>
                    </div>
                </div>
            </div>

            <div class="form-actions">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save"></i> Add Note
                </button>
                <a href="{{ url_for('users.my_notes') }}" class="btn btn-secondary">
                    <i class="fas fa-arrow-left"></i> Back to Notes
                </a>
            </div>
        </form>
    </div>
</div>
{% endblock %}