{% extends "base.html" %}
{% block title %}Sessions: {{ task.task_name }} - {{ config.APP_NAME }}{% endblock %}
{% block content %}
<h1>📅 Work Sessions: {{ task.task_name }}</h1>
<p style="font-size:0.85rem; color:var(--text-muted);">
    Adding a session breaks this task into multiple work sessions across different dates
    (a "multi-session" task). The task's date automatically stays in sync with whichever
    upcoming session is soonest.
</p>

<form method="POST" action="{{ url_for('work_sessions.add', task_id=task.id) }}" style="margin-bottom:20px;">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <input type="date" name="session_date" required>
    <input type="text" name="notes" placeholder="What's the plan for this session?" size="30">
    <button type="submit" class="btn-primary">Schedule Session</button>
</form>

{% if sessions %}
<div class="table-responsive">
<table class="data-table">
    <thead><tr><th>Done</th><th>Date</th><th>Notes</th><th></th></tr></thead>
    <tbody>
        {% for s in sessions %}
        <tr>
            <td>
                <form method="POST" action="{{ url_for('work_sessions.toggle', task_id=task.id, session_id=s.session_id) }}">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                    <input type="hidden" name="completed" value="{{ '0' if s.session_complete else '1' }}">
                    <button type="submit" class="btn-link">{{ "✅" if s.session_complete else "⬜" }}</button>
                </form>
            </td>
            <td style="{{ 'text-decoration:line-through;color:#999;' if s.session_complete else '' }}">{{ s.session_date }}</td>
            <td>{{ s.notes or "-" }}</td>
            <td>
                <a href="{{ url_for('work_sessions.edit', task_id=task.id, session_id=s.session_id) }}">Edit</a>
                <form method="POST" action="{{ url_for('work_sessions.delete', task_id=task.id, session_id=s.session_id) }}"
                      onsubmit="return confirm('Delete this session?');">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                    <button type="submit" class="btn-danger-link">Delete</button>
                </form>
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
</div>
{% else %}
<p>No sessions scheduled yet - this is currently a single-date task.</p>
{% endif %}
<p><a href="{{ url_for('tasks.list_view', view_name='all') }}">Back to all tasks</a></p>
{% endblock %}