{% extends "base.html" %}

{% block title %}Preview Email - Café Bach Email Generator{% endblock %}

{% block content %}
<div class="preview-container">
    <h2>Email Preview</h2>
    
    <div id="copyContainer">
        <button id="copyBtn" class="btn btn-primary" onclick="copyToClipboard()">Copy HTML to Clipboard</button>
    </div>

    <div id="emailPreview" class="email-preview">
        <!-- Email preview will be rendered here -->
    </div>
</div>
{% endblock %}

{% block scripts %}
<script>
function copyToClipboard() {
    const previewContent = document.getElementById('emailPreview').innerHTML;
    navigator.clipboard.writeText(previewContent).then(() => {
        const btn = document.getElementById('copyBtn');
        btn.textContent = 'Copied!';
        setTimeout(() => {
            btn.textContent = 'Copy HTML to Clipboard';
        }, 2000);
    }).catch(err => {
        console.error('Failed to copy:', err);
        alert('Failed to copy to clipboard');
    });
}
</script>
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
{% endblock %}