{% set template = package('template').createPackage(theme_name) %}
{% set component_path = template.getComponentPath(theme_component,'emails') %}
{% set user = service('access').getUser() %}
<div class="ui horizontal segments">
    <div class="ui segment">
        {% if demo_mode != true %}
            <button class="ui green button mini circular save-file disabled">
                <i class="icon check"></i>
                {{ labels.save }}
            </button>
            {% if user.email is not empty %}
            <button 
                class="ui primary button mini circular send-test-email" 
                theme="{{ theme_name }}"
                component="{{ theme_component }}">
                <i class="icon envelope outline"></i>
                {{ labels.send }}
            </button>
            {% endif %}
        {% else %}
        <div class="ui warning message">
            {{ labels.demo }}
        </div>
        {% endif %}
        <div class="float-right">
            <div class="ui basic label">
                <i class="icon blue envelope outline"></i>
                {{ theme_component }}
            </div>
        </div>           
    </div>
    <div class="ui segment">
        <div class="ui basic label">
            <i class="icon blue folder outline"></i>
            ..{{ component_path|relativePath }}
        </div>
    </div>   
</div>
<div class="flex flex-col">
    <div class="ui segment">          
        <span class="font-bold py-2">{{ labels.subject }}</span>   
        <div class="ui input fluid field">                        
            <input type="text" value="" name="subject" id="subject">
        </div>                                        
    </div>
    <div class="mt-2">
        {{  component('email::admin.editor.edit.code.form',{
                theme: theme_name,
                component_name: theme_component,
                type: type
            }) 
        }}
    </div>
</div>