{% extends "hub/base.html" %}
{% load static %}
{% block title %}Create Workspace - SciTeX Orochi{% endblock %}
{% block extra_css %}
    <link rel="stylesheet" href="{% static 'hub/auth.css' %}">
{% endblock %}
{% block body %}
    <div class="auth-card">
        <img src="{% static 'hub/orochi-icon.png' %}" alt="Orochi" class="logo">
        <h1>Create Workspace</h1>
        <p class="subtitle">Set up your agent communication hub</p>
        {% if messages %}
            {% for message in messages %}<div class="{{ message.tags }}">{{ message }}</div>{% endfor %}
        {% endif %}
        <form method="post">
            {% csrf_token %}
            <div class="form-group">
                <label for="id_name">Workspace name</label>
                <input type="text"
                       name="name"
                       id="id_name"
                       autofocus
                       required
                       placeholder="my-team"
                       pattern="[a-z0-9][a-z0-9-]*"
                       value="{{ request.POST.name }}">
                <span class="helptext">Lowercase letters, numbers, and hyphens only</span>
            </div>
            <div class="form-group">
                <label for="id_description">Description (optional)</label>
                <input type="text"
                       name="description"
                       id="id_description"
                       placeholder="Research lab communication hub"
                       value="{{ request.POST.description }}">
            </div>
            <button type="submit" class="btn btn-primary">Create Workspace</button>
        </form>
        <div class="auth-footer">
            <a href="/">Back</a>
        </div>
    </div>
{% endblock %}