{% extends 'layouts/base.html' %}

{% block content %}

<div class="panel form-card">
    <h1>{{ 'Edit Template' if template else 'Add Email / SMS Template' }}</h1>

    <form method="post" class="form-grid">
        <div class="form-group">
            <label>Name</label>
            <input name="name" value="{{ template.name if template else '' }}" required>
        </div>
        <div class="form-group">
            <label>Type</label>
            <select name="type">
                <option value="email" {% if template and template.type == 'email' %}selected{% endif %}>Email</option>
                <option value="sms" {% if template and template.type == 'sms' %}selected{% endif %}>SMS</option>
            </select>
        </div>
        <div class="form-group">
            <label>Subject</label>
            <input name="subject" value="{{ template.subject if template and template.subject else '' }}">
        </div>
        <div class="form-group">
            <label>Status</label>
            <select name="status">
                <option value="active" {% if template and template.status == 'active' %}selected{% endif %}>Active</option>
                <option value="inactive" {% if template and template.status == 'inactive' %}selected{% endif %}>Inactive</option>
            </select>
        </div>
        <div class="form-group full-width">
            <label>Body</label>
            <textarea name="body" rows="10" required>{{ template.body if template else '' }}</textarea>
        </div>
        <div class="form-actions full-width">
            <button class="btn" type="submit">{{ 'Update Template' if template else 'Save Template' }}</button>
            <a class="btn btn-sm" href="{{ url_for('templates.index') }}">Cancel</a>
        </div>
    </form>
</div>

{% endblock %}