Email Template Admin Page

I'll create an admin page where you can manage email templates, including a list of templates and an HTML editor for the content.

Email Template Admin Features

I've created a complete admin interface for managing email templates with the following features:

Main Features

• Template List: View all email templates with their names, subjects, and last updated dates
• Create New Templates: Add new email templates with a user-friendly form
• Edit Existing Templates: Modify template content with a code editor
• Preview Templates: See how your email will look in real-time
• HTML Editor: Write and edit HTML content for your email templates

Key Components

1. Template List Page: Shows all your email templates in a table with actions to view or edit

2. Template Editor: A dedicated page for creating and editing templates with:

   • Name and subject fields
   • HTML content editor
   • Live preview tab to see how the email will look

How It Works

The interface uses a tabbed approach to let you switch between editing the HTML code and previewing the rendered email. This makes it easy to see your changes in real-time without having to switch between different pages.

The sidebar navigation also provides access to other admin sections like Users and Settings (which are placeholders that you can expand later).

To get started, you can:

1. View the list of templates at /admin/email-templates
2. Create a new template with the "New Template" button
3. Edit existing templates by clicking the edit icon
4. Preview templates by clicking the view icon

In a real application, you would connect this to your backend to save the templates to a database.