cx-newsletter/renders/edit_message.html

<style>
    {{> styles/all.css }}
</style>

<script type="text/javascript">
    {{> scripts/preview.js }}
</script>

<div class="cx-newsletter-container" style="flex-direction: row; flex-wrap: wrap;">
    {{$ toast_place }}
    
    <form action="" method="post">
        <div class="section">
            <span class="title">
                {{? Message editor }}
            </span> 

            <span class="separator"></span>

            <input
                type="text"
                name="id"
                value="{{$ id }}"
                style="display: none;"
            >

            <div class="group">
                <label>
                    {{? Title }}
                </label>

                <input 
                    type="text"
                    name="title"
                    placeholder="{{? Title... }}"
                    value="{{$ title }}"
                >
            </div>

            <div class="column">
                <div class="editor">
                    {{$ editor }}
                </div>
            </div>

            <div class="group">
                <input
                    type="submit"
                    name="save"
                    value="{{? Save }}"
                >
                
                <input
                    type="submit"
                    name="return"
                    value="{{? Return }}"
                >

                <input 
                    type="button"
                    name="reload"
                    value="{{? Reload preview }}"
                    class="reload"
                >
            </div>
        </div>
    </form>

    <div class="section">
        <span class="title">
            {{? Preview }}
        </span>

        <span class="separator"></span>

        <iframe class="preview"></iframe>
    </div>
</div>