# --
# Copyright (C) 2001-2019 OTRS AG, https://otrs.com/
# --
# This software comes with ABSOLUTELY NO WARRANTY. For details, see
# the enclosed file COPYING for license information (GPL). If you
# did not receive this file, see https://www.gnu.org/licenses/gpl-3.0.txt.
# --

<form action="[% Env("CGIHandle") %]" method="post" enctype="multipart/form-data" name="Compose" id="Compose" class="Validate PreventMultipleSubmits">
    <input type="hidden" name="Action" value="[% Env("Action") %]"/>
    <input type="hidden" name="Subaction" value="SendEmail"/>
    <input type="hidden" name="TicketID" value="[% Data.TicketID | html %]"/>
    <input type="hidden" name="Email" value="[% Data.Email | html %]"/>
    <input type="hidden" name="FormID" value="[% Data.FormID | html %]"/>
    <input type="hidden" name="FormDraftTitle" value="[% Data.FormDraftTitle | html %]"/>
    <input type="hidden" name="FormDraftID" value="[% Data.FormDraftID | html %]"/>
    <input type="hidden" name="FormDraftAction" id="FormDraftAction" />

    <div class="LayoutPopup ARIARoleMain">
        <div class="Header">
            <h1>[% Translate("Outbound Email for %s%s%s", Config('Ticket::Hook'), Config('Ticket::HookDivider'), Data.TicketNumber) | html %] &mdash; [% Data.Title | html %]</h1>
            <p class="AsteriskExplanation">[% Translate("All fields marked with an asterisk (*) are mandatory.") | html %]</p>

[% RenderBlockStart("TicketBack") %]
            <p>
                <a class="CancelClosePopup" href="#">[% Translate("Cancel & close") | html %]</a>
            </p>
[% RenderBlockEnd("TicketBack") %]
[% RenderBlockStart("PropertiesLock") %]
            <p>
                [% Translate("The ticket has been locked") | html %].
                <a class="UndoClosePopup" href="[% Env("Baselink") %]Action=AgentTicketLock;Subaction=Unlock;TicketID=[% Data.TicketID %][% IF Data.PreviousOwner %];PreviousOwner=[% Data.PreviousOwner %][% END %];[% Env("ChallengeTokenParam") | html %]">
                    [% Translate("Undo & close") | html %]
                </a>
            </p>
[% RenderBlockEnd("PropertiesLock") %]

        </div>

        <div class="Content">
            [% INCLUDE "FormElements/DraftNotifications.tt" %]
            <fieldset class="TableLike FixedLabel">
                <label>[% Translate("From") | html %]:</label>
                <div class="Field">
                    [% Data.From | html %]
                    <input type="hidden" name="From" value="[% Data.From | html %]"/>
                </div>
                <div class="Clear"></div>

                <label for="ToCustomer" class="Mandatory"><span class="Marker">*</span>[% Translate("To") | html %]:</label>
                <div class="Field">
                    <input id="ToCustomer" type="text" name="ToCustomer" value="" class="CustomerAutoComplete W75pc [% Data.ToIsLocalAddress | html %] [% Data.ToInvalid | html %]" autocomplete="off" />

                    <div id="ToCustomerServerError" class="TooltipErrorMessage">
[% RenderBlockStart("ToServerErrorMsg") %]
                        <p>[% Translate("Please include at least one recipient") | html %]</p>
[% RenderBlockEnd("ToServerErrorMsg") %]

[% RenderBlockStart("ToIsLocalAddressServerErrorMsg") %]
                        <p>[% Translate("This address is registered as system address and cannot be used: %s", Data.To) | html %]</p>
[% RenderBlockEnd("ToIsLocalAddressServerErrorMsg") %]
                    </div>
                [% IF Data.OptionCustomerUserAddressBook %]
                    <a href="#" data-recipient-field-label="[% Translate("To") | html %]" data-recipient-field="ToCustomer" data-recipient-type="Email" id="OptionCustomerUserAddressBookToCustomer" class="OptionCustomerUserAddressBook AdditionlFieldIcon" title="[% Translate("Select one or more recipients from the customer user address book.") | html %]">
                        <span>[% Translate("Customer user address book") | html %]</span>
                        <i class="fa fa-address-book-o"></i>
                    </a>
                [% END %]
                </div>
                <div class="Clear"></div>

                <div class="Field [% Data.CustomerHiddenContainer | html %]">
                    <div class="CustomerTicketTemplateToCustomer SpacingTopSmall Hidden">
                        <input name="CustomerInitialValue" id="CustomerInitialValue" type="hidden" value="[% Data.To | html %]" />
                        <input name="CustomerKey" id="CustomerKey" class="CustomerKey" type="hidden" value=""/>
                        <input name="CustomerQueue" id="CustomerQueue" class="CustomerQueue" type="hidden" value=""/>
                        <input class="CustomerTicketText" title="[% Translate("To") | html %]" name="CustomerTicketText" id="CustomerTicketText" type="text" value="" readonly="readonly" />
                        <a href="#" id="RemoveCustomerTicket" class="RemoveButton CustomerTicketRemove">
                            <i class="fa fa-minus-square-o"></i>
                            <span class="InvisibleText">[% Translate("Remove Ticket Customer") | html %]</span>
                        </a>
                    </div>

                    <div id="TicketCustomerContentToCustomer" class="CustomerContainer">
                        <span class="BoxLabel">[% Translate("To") | html %]</span>
[% RenderBlockStart("MultipleCustomer") %]
                        <div class="SpacingTopSmall ">
                            <input name="CustomerKey_[% Data.Count | html %]" id="CustomerKey_[% Data.Count | html %]" class="CustomerKey" type="hidden" value="[% Data.CustomerKey | html %]"/>
                            <input name="CustomerQueue_[% Data.Count | html %]" id="CustomerQueue_[% Data.Count | html %]" class="CustomerQueue" type="hidden" value="[% Data.CustomerQueue | html %]"/>
                            <input class="CustomerTicketText [% Data.CustomerError | html %]" name="CustomerTicketText_[% Data.Count %]" id="CustomerTicketText_[% Data.Count %]" type="text" value="[% Data.CustomerElement | html %]" readonly="readonly" />
                            <a href="#" id="RemoveCustomerTicket_[% Data.Count %]" class="RemoveButton CustomerTicketRemove">
                                <i class="fa fa-minus-square-o"></i>
                                <span class="InvisibleText">[% Translate("Remove Ticket Customer") | html %]</span>
                            </a>

[% RenderBlockStart("CustomerErrorExplantion") %]
                            <p class="Explanation Error">[% Translate("Please remove this entry and enter a new one with the correct value.") | html %]</p>
[% RenderBlockEnd("CustomerErrorExplantion") %]

                            <div id="CustomerTicketText_[% Data.Count %]ServerError" class="TooltipErrorMessage">
[% RenderBlockStart("CustomerGenericServerErrorMsg") %]
                                <p>[% Translate("This field is required.") | html %]</p>
[% RenderBlockEnd("CustomerGenericServerErrorMsg") %]
[% RenderBlockStart("InvalidConfigServerErrorMsg") %]
                                <p>[% Translate("This email address is not allowed due to the system configuration.") | html %]</p>
[% RenderBlockEnd("InvalidConfigServerErrorMsg") %]
[% RenderBlockStart("InvalidMXServerErrorMsg") %]
                                <p>[% Translate("This email address failed MX check.") | html %]</p>
[% RenderBlockEnd("InvalidMXServerErrorMsg") %]
[% RenderBlockStart("InvalidDNSServerErrorMsg") %]
                                <p>[% Translate("DNS problem, please check your configuration and the error log.") | html %]</p>
[% RenderBlockEnd("InvalidDNSServerErrorMsg") %]
[% RenderBlockStart("InvalidSyntaxServerErrorMsg") %]
                                <p>[% Translate("The syntax of this email address is incorrect.") | html %]</p>
[% RenderBlockEnd("InvalidSyntaxServerErrorMsg") %]
[% RenderBlockStart("IsDuplicatedServerErrorMsg") %]
                                <p>[% Translate("This address already exists on the address list.") | html %]</p>
[% RenderBlockEnd("IsDuplicatedServerErrorMsg") %]
                            </div>
                        </div>
[% RenderBlockEnd("MultipleCustomer") %]
                    </div>
[% RenderBlockStart("MultipleCustomerCounter") %]
                    <input name="CustomerTicketCounterToCustomer" id="CustomerTicketCounterToCustomer" type="hidden" value="[% Data.CustomerCounter | html %]"/>
[% RenderBlockEnd("MultipleCustomerCounter") %]
                </div>
                <div class="Clear"></div>

                <label for="CcCustomer">[% Translate("Cc") | html %]:</label>
                <div class="Field">
                    <input id="CcCustomer" type="text" name="CcCustomer" value="" class="CustomerAutoComplete W75pc [% Data.CcIsLocalAddress | html %] [% Data.CcInvalid | html %]" autocomplete="off" />

                    <div id="CcCustomerServerError" class="TooltipErrorMessage">
[% RenderBlockStart("CcIsLocalAddressServerErrorMsg") %]
                        <p>[% Translate("This address is registered as system address and cannot be used: %s", Data.Cc) | html %]</p>
[% RenderBlockEnd("CcIsLocalAddressServerErrorMsg") %]
                    </div>
                [% IF Data.OptionCustomerUserAddressBook %]
                    <a href="#" data-recipient-field-label="[% Translate("Cc") | html %]" data-recipient-field="CcCustomer" data-recipient-type="Email" id="OptionCustomerUserAddressBookCcCustomer" class="OptionCustomerUserAddressBook AdditionlFieldIcon" title="[% Translate("Select one or more recipients from the customer user address book.") | html %]">
                        <span>[% Translate("Customer user address book") | html %]</span>
                        <i class="fa fa-address-book-o"></i>
                    </a>
                [% END %]
                </div>
                <div class="Clear"></div>

                <div class="Field [% Data.CcCustomerHiddenContainer | html %]">
                    <div class="CustomerTicketTemplateCcCustomer SpacingTopSmall Hidden">
                        <input name="CcCustomerInitialValue" id="CcCustomerInitialValue" type="hidden" value="[% Data.Cc | html %]" />
                        <input name="CcCustomerKey" id="CcCustomerKey" class="CustomerKey" type="hidden" value=""/>
                        <input name="CcCustomerQueue" id="CcCustomerQueue" class="CustomerQueue" type="hidden" value=""/>
                        <input class="CustomerTicketText" title="[% Translate("Cc") | html %]" name="CcCustomerTicketText" id="CcCustomerTicketText" type="text" value="" readonly="readonly" />
                        <a href="#" id="CcRemoveCustomerTicket" class="RemoveButton CustomerTicketRemove">
                            <i class="fa fa-minus-square-o"></i>
                            <span class="InvisibleText">[% Translate("Remove Cc") | html %]</span>
                        </a>
                    </div>

                    <div id="TicketCustomerContentCcCustomer" class="CcCustomerContainer">
                        <span class="BoxLabel">[% Translate("Cc") | html %]</span>
[% RenderBlockStart("CcMultipleCustomer") %]
                        <div>
                            <input name="CcCustomerKey_[% Data.Count | html %]" id="CcCustomerKey_[% Data.Count | html %]" class="CustomerKey" type="hidden" value="[% Data.CustomerKey | html %]"/>
                            <input name="CcCustomerQueue_[% Data.Count | html %]" id="CcCustomerQueue_[% Data.Count | html %]" class="CustomerQueue" type="hidden" value="[% Data.CustomerQueue | html %]"/>
                            <input class="CustomerTicketText [% Data.CustomerError | html %]" name="CcCustomerTicketText_[% Data.Count %]" id="CcCustomerTicketText_[% Data.Count %]" type="text" value="[% Data.CustomerElement | html %]" readonly="readonly" />
                            <a href="#" id="CcRemoveCustomerTicket_[% Data.Count %]" class="RemoveButton CustomerTicketRemove">
                                <i class="fa fa-minus-square-o"></i>
                                <span class="InvisibleText">[% Translate("Remove Cc") | html %]</span>
                            </a>

[% RenderBlockStart("CcCustomerErrorExplantion") %]
                            <p class="Explanation Error">[% Translate("Please remove this entry and enter a new one with the correct value.") | html %]</p>
[% RenderBlockEnd("CcCustomerErrorExplantion") %]

                            <div id="CcCustomerTicketText_[% Data.Count %]ServerError" class="TooltipErrorMessage">
[% RenderBlockStart("CcCustomerGenericServerErrorMsg") %]
                                <p>[% Translate("This field is required.") | html %]</p>
[% RenderBlockEnd("CcCustomerGenericServerErrorMsg") %]
[% RenderBlockStart("CcInvalidConfigServerErrorMsg") %]
                                <p>[% Translate("This email address is not allowed due to the system configuration.") | html %]</p>
[% RenderBlockEnd("CcInvalidConfigServerErrorMsg") %]
[% RenderBlockStart("CcInvalidMXServerErrorMsg") %]
                                <p>[% Translate("This email address failed MX check.") | html %]</p>
[% RenderBlockEnd("CcInvalidMXServerErrorMsg") %]
[% RenderBlockStart("CcInvalidDNSServerErrorMsg") %]
                                <p>[% Translate("DNS problem, please check your configuration and the error log.") | html %]</p>
[% RenderBlockEnd("CcInvalidDNSServerErrorMsg") %]
[% RenderBlockStart("CcInvalidSyntaxServerErrorMsg") %]
                                <p>[% Translate("The syntax of this email address is incorrect.") | html %]</p>
[% RenderBlockEnd("CcInvalidSyntaxServerErrorMsg") %]
[% RenderBlockStart("CcIsDuplicatedServerErrorMsg") %]
                                <p>[% Translate("This address already exists on the address list.") | html %]</p>
[% RenderBlockEnd("CcIsDuplicatedServerErrorMsg") %]
                            </div>
                        </div>
[% RenderBlockEnd("CcMultipleCustomer") %]

                    </div>
[% RenderBlockStart("CcMultipleCustomerCounter") %]
                    <input name="CustomerTicketCounterCcCustomer" id="CustomerTicketCounterCcCustomer" type="hidden" value="[% Data.CustomerCounter | html %]"/>
[% RenderBlockEnd("CcMultipleCustomerCounter") %]
                </div>
                <div class="Clear"></div>

                <label for="BccCustomer">[% Translate("Bcc") | html %]:</label>
                <div class="Field">
                    <input id="BccCustomer" type="text" name="BccCustomer" value="" class="CustomerAutoComplete W75pc [% Data.BccIsLocalAddress | html %] [% Data.BccInvalid | html %]" autocomplete="off" />

                    <div id="BccCustomerServerError" class="TooltipErrorMessage">
[% RenderBlockStart("BccIsLocalAddressServerErrorMsg") %]
                        <p>[% Translate("This address is registered as system address and cannot be used: %s", Data.Bcc) | html %]</p>
[% RenderBlockEnd("BccIsLocalAddressServerErrorMsg") %]
                    </div>
                [% IF Data.OptionCustomerUserAddressBook %]
                    <a href="#" data-recipient-field-label="[% Translate("Bcc") | html %]" data-recipient-field="BccCustomer" data-recipient-type="Email" id="OptionCustomerUserAddressBookBccCustomer" class="OptionCustomerUserAddressBook AdditionlFieldIcon" title="[% Translate("Select one or more recipients from the customer user address book.") | html %]">
                        <span>[% Translate("Customer user address book") | html %]</span>
                        <i class="fa fa-address-book-o"></i>
                    </a>
                [% END %]
                </div>
                <div class="Clear"></div>

                <div class="Field [% Data.BccCustomerHiddenContainer | html %]">
                    <div class="CustomerTicketTemplateBccCustomer SpacingTopSmall Hidden">
                        <input name="BccCustomerInitialValue" id="BccCustomerInitialValue" type="hidden" value="[% Data.Bcc | html %]" />
                        <input name="BccCustomerKey" id="BccCustomerKey" class="CustomerKey" type="hidden" value=""/>
                        <input name="BccCustomerQueue" id="BccCustomerQueue" class="CustomerQueue" type="hidden" value=""/>
                        <input class="CustomerTicketText" title="[% Translate("Bcc") | html %]" name="BccCustomerTicketText" id="BccCustomerTicketText" type="text" value="" readonly="readonly" />
                        <a href="#" id="BccRemoveCustomerTicket" class="RemoveButton CustomerTicketRemove">
                            <i class="fa fa-minus-square-o"></i>
                            <span class="InvisibleText">[% Translate("Remove Bcc") | html %]</span>
                        </a>
                    </div>

                    <div id="TicketCustomerContentBccCustomer" class="BccCustomerContainer">
                        <span class="BoxLabel">[% Translate("Bcc") | html %]</span>
[% RenderBlockStart("BccMultipleCustomer") %]
                        <div class="SpacingTopSmall ">
                            <input name="BccCustomerKey_[% Data.Count | html %]" id="BccCustomerKey_[% Data.Count | html %]" class="CustomerKey" type="hidden" value="[% Data.CustomerKey | html %]"/>
                            <input name="BccCustomerQueue_[% Data.Count | html %]" id="BccCustomerQueue_[% Data.Count | html %]" class="CustomerQueue" type="hidden" value="[% Data.CustomerQueue | html %]"/>
                            <input class="CustomerTicketText [% Data.CustomerError | html %]" name="BccCustomerTicketText_[% Data.Count %]" id="BccCustomerTicketText_[% Data.Count %]" type="text" value="[% Data.CustomerElement | html %]" readonly="readonly" />
                            <a href="#" id="BccRemoveCustomerTicket_[% Data.Count %]" class="RemoveButton CustomerTicketRemove">
                                <i class="fa fa-minus-square-o"></i>
                                <span class="InvisibleText">[% Translate("Remove Bcc") | html %]</span>
                            </a>

[% RenderBlockStart("BccCustomerErrorExplantion") %]
                            <p class="Explanation Error">[% Translate("Please remove this entry and enter a new one with the correct value.") | html %]</p>
[% RenderBlockEnd("BccCustomerErrorExplantion") %]

                            <div id="BccCustomerTicketText_[% Data.Count %]ServerError" class="TooltipErrorMessage">
[% RenderBlockStart("BccCustomerGenericServerErrorMsg") %]
                                <p>[% Translate("This field is required.") | html %]</p>
[% RenderBlockEnd("BccCustomerGenericServerErrorMsg") %]
[% RenderBlockStart("BccInvalidConfigServerErrorMsg") %]
                                <p>[% Translate("This email address is not allowed due to the system configuration.") | html %]</p>
[% RenderBlockEnd("BccInvalidConfigServerErrorMsg") %]
[% RenderBlockStart("BccInvalidMXServerErrorMsg") %]
                                <p>[% Translate("This email address failed MX check.") | html %]</p>
[% RenderBlockEnd("BccInvalidMXServerErrorMsg") %]
[% RenderBlockStart("BccInvalidDNSServerErrorMsg") %]
                                <p>[% Translate("DNS problem, please check your configuration and the error log.") | html %]</p>
[% RenderBlockEnd("BccInvalidDNSServerErrorMsg") %]
[% RenderBlockStart("BccInvalidSyntaxServerErrorMsg") %]
                                <p>[% Translate("The syntax of this email address is incorrect.") | html %]</p>
[% RenderBlockEnd("BccInvalidSyntaxServerErrorMsg") %]
[% RenderBlockStart("BccIsDuplicatedServerErrorMsg") %]
                                <p>[% Translate("This address already exists on the address list.") | html %]</p>
[% RenderBlockEnd("BccIsDuplicatedServerErrorMsg") %]
                            </div>
                        </div>
[% RenderBlockEnd("BccMultipleCustomer") %]

                    </div>
[% RenderBlockStart("BccMultipleCustomerCounter") %]
                    <input name="CustomerTicketCounterBccCustomer" id="CustomerTicketCounterBccCustomer" type="hidden" value="[% Data.CustomerCounter | html %]"/>
[% RenderBlockEnd("BccMultipleCustomerCounter") %]
                </div>
                <div class="Clear"></div>

                <label class="Mandatory" for="Subject"><span class="Marker">*</span>[% Translate("Subject") | html %]:</label>
                <div class="Field">
                    <input type="text" name="Subject" id="Subject" value="[% Data.Subject | html %]" class="W50pc Validate_Required [% Data.SubjectInvalid | html %]"/>
                    <div id="SubjectError" class="TooltipErrorMessage"><p>[% Translate("This field is required.") | html %]</p></div>
                    <div id="SubjectServerError" class="TooltipErrorMessage"><p>[% Translate("This field is required.") | html %]</p></div>
                </div>
                <div class="Clear"></div>

[% RenderBlockStart("Option") %]
                <label for="[% Data.Name | html %]">[% Translate(Data.Key) | html %]:</label>
                <div class="Field">
                    [% Data.Value %]
                    <div id="[% Data.Name | html %]ServerError" class="TooltipErrorMessage"><p>[% Data.Invalid | html %]</p></div>
                    [% IF Data.FieldExplanation.length %]
                        <p class="FieldExplanation">[% Translate(Data.FieldExplanation) | html %]</p>
                    [% END %]
                </div>
                <div class="Clear"></div>
[% RenderBlockEnd("Option") %]

[% RenderBlockStart("TicketOptions") %]
                <label>[% Translate("Options") | html %]:</label>
                <div class="Field">

<!-- OutputFilterHook_TicketOptionsBegin -->
<!-- OutputFilterHook_TicketOptionsEnd -->

                </div>
                <div class="Clear"></div>
[% RenderBlockEnd("TicketOptions") %]

<!-- OutputFilterHook_NoTicketOptionsFallback -->

[% RenderBlockStart("StandardTemplate") %]
                <label for="StandardTemplateID">[% Translate("Text Template") | html %]:</label>
                <div class="Field">
                                [% Data.StandardTemplateStrg %]
                    <p class="FieldExplanation">[% Translate("Setting a template will overwrite any text or attachment.") | html %]</p>
                </div>
                <div class="Clear"></div>
[% RenderBlockEnd("StandardTemplate") %]

                <label class="Mandatory" for="RichText"><span class="Marker">*</span>[% Translate("Text") | html %]:</label>
                <div id="RichTextField" class="RichTextField">
                    <textarea id="RichText" name="Body" rows="15" cols="[% Config("Ticket::Frontend::TextAreaEmail") %]" class="RichText Validate_Required [% Data.BodyInvalid | html %]">[% Data.Body | html %]</textarea>
                    <div id="RichTextError" class="TooltipErrorMessage"><p>[% Translate("This field is required.") | html %]</p></div>
                    <div id="RichTextServerError" class="TooltipErrorMessage"><p>[% Translate("This field is required.") | html %]</p></div>
                </div>
                <div class="Clear"></div>

                <label>[% Translate("Attachments") | html %]:</label>
                <div class="Field">
[% INCLUDE "FormElements/AttachmentList.tt" %]
                </div>
                <div class="Clear"></div>

                <label for="ComposeStateID">[% Translate("Next ticket state") | html %]:</label>
                <div class="Field">
                    [% Data.NextStatesStrg %]
                </div>
                <div class="Clear"></div>

                <label>[% Translate("Pending date") | html %]:</label>
                <div class="Field">
                    [% Data.PendingDateString %]
                    <div id="DayServerError" class="TooltipErrorMessage"><p>[% Translate("Date Invalid!") | html %]</p></div>
                    <div id="HourServerError" class="TooltipErrorMessage"><p>[% Translate("Date Invalid!") | html %]</p></div>
                    <p class="FieldExplanation">[% Translate("For all pending* states.") | html %]</p>
                </div>
                <div class="Clear"></div>

                <label for="IsVisibleForCustomer">[% Translate("Visible for customer") | html %]:</label>
                <div class="Field">
                    <input type="checkbox" id="IsVisibleForCustomer" name="IsVisibleForCustomer" value="1" [% IF Data.IsVisibleForCustomer %]checked="checked"[% END %]/>
                    <input type="hidden" name="IsVisibleForCustomerPresent" value="1" />
                </div>

[% RenderBlockStart("DynamicField") %]
                <div class="Row Row_DynamicField_[% Data.Name | html %]">
                    [% Data.Label %]
                    <div class="Field">
                        [% Data.Field %]
                    </div>
                    <div class="Clear"></div>
                </div>
[% RenderBlockEnd("DynamicField") %]

# example of how to use fixed dynamic field blocks for customizations
# Note: Field1 and Field2 are the names of the fields and had to be replaced with the actual
# field names
#[% RenderBlockStart("DynamicField_Field1") %]
#                <div class="Row Row_DynamicField_[% Data.Name | html %]">
#                    [% Data.Label %]
#                    <div class="Field">
#                        [% Data.Field %]
#                    </div>
#                    <div class="Clear"></div>
#                </div>
#[% RenderBlockEnd("DynamicField_Field1") %]
#[% RenderBlockStart("DynamicField_Field2") %]
#                <div class="Row Row_DynamicField_[% Data.Name | html %]">
#                    [% Data.Label %]
#                    <div class="Field">
#                        [% Data.Field %]
#                    </div>
#                    <div class="Clear"></div>
#                </div>
#[% RenderBlockEnd("DynamicField_Field2") %]

[% RenderBlockStart("TimeUnitsLabel") %]
                <label for="TimeUnits">[% Translate("Time units") | html %] [% Translate(Config("Ticket::Frontend::TimeUnits")) | html %]:</label>
[% RenderBlockEnd("TimeUnitsLabel") %]
[% RenderBlockStart("TimeUnitsLabelMandatory") %]
                <label class="Mandatory" for="TimeUnits"><span class="Marker">*</span>[% Translate("Time units") | html %] [% Translate(Config("Ticket::Frontend::TimeUnits")) | html %]:</label>
[% RenderBlockEnd("TimeUnitsLabelMandatory") %]
[% RenderBlockStart("TimeUnits") %]
                <div class="Field">
                    <input type="text" name="TimeUnits" id="TimeUnits" value="[% Data.TimeUnits | html %]" class="W50pc Validate_TimeUnits [% Data.TimeUnitsRequired | html %] [% Data.TimeUnitsInvalid | html %]"/>
                    <div id="TimeUnitsError" class="TooltipErrorMessage"><p>[% Translate("Invalid time!") | html %]</p></div>
                    <div id="TimeUnitsServerError" class="TooltipErrorMessage"><p>[% Translate("This field is required.") | html %]</p></div>
                </div>
                <div class="Clear"></div>
[% RenderBlockEnd("TimeUnits") %]

            </fieldset>
            <br />
        </div>
        <div class="Footer">
            <button class="CallForAction Primary" id="submitRichText" accesskey="g" title="[% Translate("Send mail") | html %] (g)" type="submit" value="[% Translate("Send mail") | html %]" >
                <span><i class="fa fa-envelope-o"></i> [% Translate("Send mail") | html %]</span>
            </button>
            [% INCLUDE "FormElements/DraftButtons.tt" %]
        </div>
    </div>
</form>