{% extends "layouts/base.html" %}
{% block title %}Add Note from Match - TryoutPro{% endblock %}
{% block page_title %}Add Note from Match{% endblock %}
{% block breadcrumb %}<span class="breadcrumb">Home / <a href="{{ url_for('tryouts.list_tryouts') }}">Tryouts</a> / <a href="{{ url_for('tryouts.view_tryout', tryout_id=tryout.id) }}">{{ tryout.title }}</a> / Add Note</span>{% endblock %}

{% block content %}
<div class="card">
    <div class="card-header">
        <h3><i class="fas fa-futbol"></i> Add Note for Match: {{ match.title }}</h3>
        <span class="badge badge-info">{{ match.date.strftime('%m/%d/%Y') }}</span>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ url_for('users.add_note_from_match', match_id=match.id) }}" 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 feedback or coaching tips for this player from the match..." required></textarea>
                <p class="form-text">This note will be linked to this match and 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>
                <a href="{{ url_for('tryouts.view_tryout', tryout_id=tryout.id) }}" class="btn btn-secondary">
                    <i class="fas fa-arrow-left"></i> Back to Tryout
                </a>
            </div>
        </form>
    </div>
</div>

{% if team_notes %}
<div class="card mt-4">
    <div class="card-header">
        <h3><i class="fas fa-users"></i> Team Notes Reference</h3>
    </div>
    <div class="card-body">
        <div class="detail-grid">
            {% for note in team_notes %}
            <div class="detail-item full-width mb-3">
                <span class="detail-label">
                    <i class="fas fa-user"></i> {{ note.coach.full_name if note.coach else 'Unknown Coach' }}
                </span>
                <span class="detail-value">{{ note.content | nl2br }}</span>
            </div>
            {% endfor %}
        </div>
    </div>
</div>
{% endif %}
{% endblock %}