{% extends 'admin/layout.twig' %}
{% block title %}{{ reply ? 'Edit saved reply' : 'New saved reply' }}{% endblock %}
{% block content %}
    <div class="admin-page-head">
        <p class="breadcrumbs"><a href="{{ app_url('/admin/saved-replies') }}">Saved replies</a> / {{ reply ? reply.name : 'New' }}</p>
        <h1>{{ reply ? 'Edit saved reply' : 'New saved reply' }}</h1>
    </div>

    <form method="post" action="{{ reply ? app_url('/admin/saved-replies/' ~ reply.id ~ '/edit') : app_url('/admin/saved-replies/new') }}" class="form narrow">
        {{ csrf_field()|raw }}
        <div class="form-row">
            <label>Name</label>
            <input type="text" name="name" value="{{ reply.name ?? '' }}" required>
        </div>
        <div class="form-row">
            <label>Content</label>
            <textarea name="content" id="reply-body" rows="12">{{ reply.content ?? '' }}</textarea>
        </div>
        {% if current_user().role == 'admin' %}
            <div class="form-row">
                <label class="checkbox">
                    <input type="checkbox" name="is_global" value="1" {{ reply and reply.is_global ? 'checked' : '' }}>
                    Visible to all staff (otherwise only you)
                </label>
            </div>
        {% endif %}
        <div class="form-actions">
            <button type="submit" class="btn btn-primary">Save</button>
            <a href="{{ app_url('/admin/saved-replies') }}" class="btn btn-light">Cancel</a>
        </div>
    </form>
{% endblock %}
{% block scripts %}
    {% include 'partials/tinymce.twig' with {selector: '#reply-body', allow_images: false, height: 300} %}
{% endblock %}