{% extends 'base.html' %}

{% block content %}
<div class="max-w-2xl mx-auto bg-white p-8 rounded-xl shadow-sm border border-slate-200">
    <h2 class="text-2xl font-bold text-slate-900 mb-6 border-b pb-3">⚙️ タスクの編集</h2>
    
    <form action="{{ url_for('edit_task', task_id=task.id) }}" method="POST" class="space-y-5">
        <div>
            <label class="block text-sm font-medium text-slate-700 mb-1">タスク名 / 課題名</label>
            <input type="text" name="title" value="{{ task.title }}" required class="w-full rounded-md border-slate-300 shadow-sm border p-2 focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
        </div>

        <div>
            <label class="block text-sm font-medium text-slate-700 mb-1">ステータス</label>
            <select name="status" class="w-full rounded-md border-slate-300 shadow-sm border p-2 focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
                <option value="todo" {% if task.status == 'todo' %}selected{% endif %}>未完了 (Todo)</option>
                <option value="done" {% if task.status == 'done' %}selected{% endif %}>完了 (Done)</option>
            </select>
        </div>

        <div>
            <label class="block text-sm font-medium text-slate-700 mb-1">提出・実施期限 (時間は任意)</label>
            <input type="datetime-local" name="due_date" value="{% if task.due_date %}{{ task.due_date|formdatetime }}{% endif %}" class="w-full rounded-md border-slate-300 shadow-sm border p-2 focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
            <span class="text-xs text-slate-400 mt-1 block">※時間を消去して日付のみにしたり、空欄で期限なしに設定することも可能です。</span>
        </div>

        <div>
            <label class="block text-sm font-medium text-slate-700 mb-1">詳細メモ</label>
            <textarea name="description" rows="5" class="w-full rounded-md border-slate-300 shadow-sm border p-2 focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">{{ task.description }}</textarea>
        </div>

        <div class="flex justify-end space-x-3 pt-4 border-t border-slate-100">
            <a href="{{ url_for('tasks_view') }}" class="bg-slate-100 hover:bg-slate-200 text-slate-700 font-medium py-2 px-4 rounded-md transition text-sm">
                戻る
            </a>
            <button type="submit" class="bg-indigo-600 hover:bg-indigo-700 text-white font-medium py-2 px-6 rounded-md shadow transition text-sm">
                変更を保存する
            </button>
        </div>
    </form>
</div>
{% endblock %}