{% extends "admin/base.html" %}

{% block logo %}
<h1>Edit Channel</h1>
{% endblock %}

{% block main %}
<div class="admin-content">
    <section class="admin-form">
        <h2>{{ channel.name }}</h2>

        {% if error %}
        <div class="alert alert-error">{{ error }}</div>
        {% endif %}

        <form method="post" action="/admin/channels/{{ channel.uid }}/edit.html">
            <div class="form-group">
                <label for="name">Name</label>
                <input type="text" id="name" name="name" value="{{ channel.name }}" maxlength="50" required>
            </div>

            <div class="form-group">
                <label for="description">Description</label>
                <textarea id="description" name="description" rows="3" maxlength="500">{{ channel.description or '' }}</textarea>
            </div>

            <div class="form-group checkbox">
                <label>
                    <input type="checkbox" name="is_private" {% if channel.is_private %}checked{% endif %}>
                    Private Channel
                </label>
            </div>

            <div class="form-actions">
                <button type="submit" class="btn btn-primary">Save Changes</button>
                <a href="/admin/channels/index.html" class="btn btn-secondary">Cancel</a>
            </div>
        </form>
    </section>

    <section class="admin-info">
        <h3>Channel Information</h3>
        <dl>
            <dt>UID</dt>
            <dd>{{ channel.uid }}</dd>
            <dt>Type</dt>
            <dd>{{ channel.tag or 'channel' }}</dd>
            <dt>Created</dt>
            <dd>{{ channel.created_at }}</dd>
        </dl>
    </section>
</div>
{% endblock main %}