<div class="tvd-modal-content">
    <p>
        <?php echo __('Below, you can define what your default asset delivery email will look like. You can change this for individual emails later', 'thrive-leads') ?>.
    </p>
    <div class="tvd-input-field">
        <# if(email_data.template_subject) { #>
            <input class="tve-leads-asset-subject-input" type="text"
                   value="<#= email_data.template_subject #>" id="tve-leads-asset-subject-input">
        <# } else { #>
            <input class="tve-leads-asset-subject-input" type="text"
                   value="Here's Your Download of [asset_name]" id="tve-leads-asset-subject-input">
        <# } #>
        <label for="tve-leads-asset-subject-input"><?php echo __('Email subject line', 'thrive-leads') ?></label>
    </div>
    <div class="tvd-v-spacer"></div>
    <div class="tvd-input-field">
        <textarea id="wp-editor" placeholder="<?php echo __('Email content', 'thrive-leads') ?>"></textarea>
        <label for="wp-editor" class="tvd-active"><?php echo __('Email content', 'thrive-leads') ?></label>
    </div>
    <div class="tvd-v-spacer"></div>
    <h4 class="tl-clickable tl-toggle-tab-display collapsed tvd-pointer" data-target="#tve-shortcode-list">
        <?php echo __('Show available short codes', 'thrive-leads') ?>
    </h4>
    <div class="tvd-relative">
        <ul class="tvd-collection tvd-not-visible" id="tve-shortcode-list">
            <li class="tvd-collection-item">
                <div class="tvd-row tvd-copy-row">
                    <div class="tvd-col tvd-s3">
                        <div class="tvd-input-field tvd-margin-top-small">
                            <input readonly="readonly" value="[asset_name]" type="text" class="tvd-no-margin tvd-copy"/>
                        </div>
                    </div>
                    <div class="tvd-col tvd-s3">
                    <span class="tve-leads-copy-container">
                        <a class="tve-copy-to-clipboard tvd-waves-effect tvd-waves-light tvd-btn tvd-btn-blue tvd-btn-small tvd-margin-top-small"
                           href="javascript:void(0)">
                            <span class="tvd-copy-text"><?php echo __('Copy', 'thrive-leads') ?></span>
                        </a>
                    </span>
                    </div>
                    <div class="tvd-col tvd-s6">
                        <div class="tve-align-stupid-text">
                            <?php echo __('Displays the name of your opt-in offer.', 'thrive-leads') ?>
                        </div>
                    </div>
                </div>
            </li>
            <li class="tvd-collection-item">
                <div class="tvd-row tvd-copy-row">
                    <div class="tvd-col tvd-s3">
                        <div class="tvd-input-field tvd-margin-top-small">
                            <input readonly="readonly" type="text" value="[lead_name]" class="tvd-no-margin tvd-copy"/>
                        </div>
                    </div>
                    <div class="tvd-col tvd-s3">
                    <span class="tve-leads-copy-container">
                        <a class="tve-copy-to-clipboard tvd-waves-effect tvd-waves-light tvd-btn tvd-btn-blue tvd-btn-small  tvd-margin-top-small"
                           href="javascript:void(0)">
                            <span class="tvd-copy-text"><?php echo __('Copy', 'thrive-leads') ?></span>
                        </a>
                    </span>
                    </div>
                    <div class="tvd-col tvd-s6">
                        <div class="tve-align-stupid-text">
                            <?php echo __('Displays the name of the person receiving the email (if available).', 'thrive-leads') ?>
                        </div>
                    </div>
                </div>
            </li>
            <li class="tvd-collection-item">
                <div class="tvd-row tvd-copy-row">
                    <div class="tvd-col tvd-s3">
                        <div class="tvd-input-field  tvd-margin-top-small">
                            <input readonly="readonly" value="[asset_download]" type="text" class="tvd-no-margin tvd-copy"/>
                        </div>
                    </div>
                    <div class="tvd-col tvd-s3">
                    <span class="tve-leads-copy-container">
                        <a class="tve-copy-to-clipboard tvd-waves-effect tvd-waves-light tvd-btn tvd-btn-blue tvd-btn-small  tvd-margin-top-small"
                           href="javascript:void(0)">
                            <span class="tvd-copy-text"><?php echo __('Copy', 'thrive-leads') ?></span>
                        </a>
                    </span>
                    </div>
                    <div class="tvd-col tvd-s6">
                        <div class="tve-align-stupid-text">
                            <?php echo __('Insert a download link or a list of download links.', 'thrive-leads') ?>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="tvd-modal-footer">
    <div class="tvd-row">
        <div class="tvd-col tvd-s12">
            <button class="tvd-waves-effect tvd-waves-light tvd-btn tvd-btn-green tvd-right tve-leads-submit-template"
                    value="mandrill"><?php echo __("Save Template & Continue", "thrive-cb") ?></button>
        </div>
    </div>
</div>