{% extends "base.html" %}

{% block title %}{% if notebook %}Редактировать блокнот{% else %}Создать блокнот{% endif %} - Python Web Компилятор{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2 class="mb-0">{% if notebook %}Редактировать блокнот{% else %}Создать новый блокнот{% endif %}</h2>
    <a href="{{ url_for('dashboard') }}" class="btn btn-outline-secondary">
        <i class="bi bi-arrow-left me-1"></i>Назад
    </a>
</div>

<div class="card">
    <div class="card-body">
        <form method="POST">
            <div class="mb-3">
                <label for="title" class="form-label">Название блокнота</label>
                <input type="text" class="form-control" id="title" name="title" value="{{ notebook.title if notebook else '' }}" required>
            </div>
            
            <div class="mb-3">
                <label for="code" class="form-label">Код Python</label>
                <textarea id="code" name="code" class="form-control" style="height: 300px;" required>{{ notebook.code if notebook else 'print("Hello, World!")' }}</textarea>
            </div>
            
            <div class="mb-3">
                <label for="input_data" class="form-label">Входные данные (необязательно)</label>
                <textarea id="input_data" name="input_data" class="form-control" style="height: 150px;">{{ notebook.input_data if notebook else '' }}</textarea>
            </div>
            
            <div class="mb-3 form-check form-switch">
                <input class="form-check-input" type="checkbox" id="is_public" name="is_public" {% if notebook and notebook.is_public %}checked{% endif %}>
                <label class="form-check-label" for="is_public">Сделать блокнот публичным</label>
            </div>
            
            <div class="d-flex gap-2">
                <button type="submit" class="btn btn-primary flex-fill">
                    {% if notebook %}<i class="bi bi-save me-1"></i>Сохранить изменения{% else %}<i class="bi bi-journal-plus me-1"></i>Создать блокнот{% endif %}
                </button>
                <a href="{{ url_for('dashboard') }}" class="btn btn-outline-secondary flex-fill">Отмена</a>
            </div>
        </form>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script>
    // Инициализируем CodeMirror для редактора кода
    var codeEditor = initCodeMirror("code", {
        mode: "python"
    });
    
    // Инициализируем CodeMirror для поля ввода
    var inputEditor = initCodeMirror("input_data", {
        lineNumbers: true
    });
    
    // Устанавливаем высоту редакторов
    if (codeEditor) codeEditor.setSize("100%", 300);
    if (inputEditor) inputEditor.setSize("100%", 150);
    
    // При отправке формы сохраняем значения из CodeMirror в textarea
    document.querySelector('form').addEventListener('submit', function() {
        if (codeEditor) {
            document.getElementById('code').value = codeEditor.getValue();
        }
        if (inputEditor) {
            document.getElementById('input_data').value = inputEditor.getValue();
        }
    });
</script>
{% endblock %}