# --
# Copyright (C) 2001-2017 OTRS AG, http://otrs.com/
# --
# This software comes with ABSOLUTELY NO WARRANTY. For details, see
# the enclosed file COPYING for license information (AGPL). If you
# did not receive this file, see http://www.gnu.org/licenses/agpl.txt.
# --
<div id="MainBox" class="TicketZoom ARIARoleMain">
[% RenderBlockStart("Back") %]
    <div class="ActionRow">
        <ul class="Tabs">
            <li><a href="[% Env("Baselink") %][% Env("LastScreenOverview") %]">&larr; [% Translate("Back") | html %]</a></li>
        </ul>
        <div class="Clear"></div>
    </div>
[% RenderBlockEnd("Back") %]
    <div class="Content">
        <div class="TicketHeader">
            <h2 title="[% Data.Title | html %]">
[% RenderBlockStart("PriorityFlag") %]
                <div class="Flag" title="[% Translate(Data.Priority) | html %]"><span class="PriorityID-[% Data.PriorityID | html %]">[% Translate(Data.Priority) | html %]</span></div>
[% RenderBlockEnd("PriorityFlag") %]
                [% Data.Title | html %]
            </h2>
            <ul id="TicketOptions">
[% RenderBlockStart("Chat") %]
                <li>
                    <a target="_blank" href="[% Env("Baselink") %]Action=CustomerChat;Subaction=CreateChatRequest;TicketID=[% Data.TicketID | uri %];" class="Print" title="[% Translate("Start a chat from this ticket") | html %]">
                        <i class="fa fa-comments-o"></i>
                        <span>[% Translate("Start a chat from this ticket") | html %]</span>
                    </a>
                </li>
[% RenderBlockEnd("Chat") %]
[% RenderBlockStart("Print") %]
                <li>
                    <a href="[% Env("Baselink") %]Action=CustomerTicketPrint;TicketID=[% Data.TicketID | uri %]" class="Print AsPopup" title="[% Translate("Print") | html %]">
                        <i class="fa fa-print"></i>
                        <span>[% Translate("Print") | html %]</span>
                    </a>
                </li>
[% RenderBlockEnd("Print") %]

[% RenderBlockStart("Expand") %]
                <li>
                    <a href="[% Env("Baselink") %]Action=CustomerTicketZoom;TicketID=[% Data.TicketID | uri %];ZoomExpand=[% Data.ZoomExpand | uri %]" class="ZoomExpand Expand[% Data.ExpandOption %]" title="[% Translate(Data.ExpandText) | html %]">
                        <i class="fa fa-bars"></i>
                        <i class="fa fa-minus"></i>
                        <span>[% Translate(Data.ExpandText) | html %]</span>
                    </a>
                    <input type="hidden" name="ZoomExpand" id="ZoomExpand" value="[% Data.ZoomExpand | html %]" />
                </li>
[% RenderBlockEnd("Expand") %]
            </ul>
            <div class="Clear"></div>
        </div>
        <form action="[% Env("CGIHandle") %]#FollowUp" method="post" enctype="multipart/form-data" name="compose" id="ReplyCustomerTicket" class="Validate PreventMultipleSubmits">
            <input type="hidden" name="Action" value="CustomerTicketZoom" />
            <input type="hidden" name="Subaction" value="Store" />
            <input type="hidden" name="TicketID" value="[% Data.TicketID | html %]" />
            <input type="hidden" name="ArticleID" value="[% Data.ArticleID | html %]" />
            <input type="hidden" name="FormID" value="[% Data.FormID | html %]" />
            <input type="hidden" name="FromChatID" value="[% Data.FromChatID | html %]" />
            <ul id="Messages">
                [% Data.Articles %]
            </ul>
[% IF Data.NoArticles %]
            <ul id="NoArticles">
                <li>
                    [% Translate("This item has no articles yet.") | html %]
                </li>
            </ul>
[% END %]
            <div id="ZoomSidebar">
                <ul id="Metadata">
                    <li class="Header">
                        <div class="MessageHeader">
                            <h3>[% Translate("Information") | html %]</h3>
                            <div class="Clear"></div>
                        </div>
                    </li>
                    <li><span class="Key">[% Data.Hook | html %]:</span> <span>[% Data.TicketNumber | html %]</span></li>

[% RenderBlockStart("Type") %]
                    <li><span class="Key">[% Translate("Type") | html %]:</span> <span title="[% Data.Type | html %]">[% Data.Type | html %]</span></li>
[% RenderBlockEnd("Type") %]
[% RenderBlockStart("Service") %]
                    <li><span class="Key">[% Translate("Service") | html %]:</span> <span title="[% Translate(Data.Service) | html %]">[% Translate(Data.Service) | html %]</span></li>
[% RenderBlockEnd("Service") %]
[% RenderBlockStart("SLA") %]
                    <li><span class="Key">[% Translate("SLA") | html %]:</span> <span title="[% Translate(Data.SLA) | html %]">[% Translate(Data.SLA) | html %]</span></li>
[% RenderBlockEnd("SLA") %]
[% RenderBlockStart("State") %]
                    <li><span class="Key">[% Translate("State") | html %]:</span> <span title="[% Translate(Data.State) | html %]">[% Translate(Data.State) | html %]</span></li>
[% RenderBlockEnd("State") %]
[% RenderBlockStart("Priority") %]
                    <li><span class="Key">[% Translate("Priority") | html %]:</span> <span title="[% Translate(Data.Priority) | html %]">[% Translate(Data.Priority) | html %]</span></li>
[% RenderBlockEnd("Priority") %]
[% RenderBlockStart("Queue") %]
                    <li><span class="Key">[% Translate("Queue") | html %]:</span> <span title="[% Data.Queue | html %]">[% Data.Queue | html | replace('::', '<wbr>::<wbr>') %]</span></li>
[% RenderBlockEnd("Queue") %]
[% RenderBlockStart("TicketTimeUnits") %]
                    <li><span class="Key">[% Translate("Accounted time") | html %]:</span> <span title="[% Data.TicketTimeUnits | html %]">[% Data.TicketTimeUnits %]</span></li>
[% RenderBlockEnd("TicketTimeUnits") %]
[% RenderBlockStart("Owner") %]
                    <li><span class="Key">[% Translate("Owner") | html %]:</span> [% Data.OwnerName | html %]</li>
[% RenderBlockEnd("Owner") %]
[% RenderBlockStart("Responsible") %]
                    <li><span class="Key">[% Translate("Responsible") | html %]:</span> [% Data.ResponsibleName | html %]</li>
[% RenderBlockEnd("Responsible") %]
[% RenderBlockStart("ProcessData") %]
                    <li><span class="Key">[% Translate("Process") | html %]:</span> <span title="[% Data.Process | html %]">[% Data.Process | html %]</span></li>
                    <li><span class="Key">[% Translate("Activity") | html %]:</span> <span title="[% Data.Activity | html %]">[% Data.Activity | html %]</span></li>
[% RenderBlockEnd("ProcessData") %]

# show ticket dynamic fields
[% RenderBlockStart("TicketDynamicField") %]
                    <li>
                        <span class="Key">[% Translate(Data.Label) | html %]:</span>
[% RenderBlockStart("TicketDynamicFieldLink") %]
                        <span title="[% Data.Title | html %]"><a href="[% Data.Link | Interpolate %]" class="DynamicFieldLink" [% IF Data.LinkPreview %] data-trigger="floater" data-floater-url="[% Data.LinkPreview | Interpolate %]"[% END %] target="_blank">[% Data.Value %]</a></span>
[% RenderBlockEnd("TicketDynamicFieldLink") %]
[% RenderBlockStart("TicketDynamicFieldPlain") %]
                        <span title="[% Data.Title | html %]">[% Data.Value %]</span>
[% RenderBlockEnd("TicketDynamicFieldPlain") %]
                    </li>
[% RenderBlockEnd("TicketDynamicField") %]
# 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("TicketDynamicField_Field1") %]
#                    <li>
#                        <span class="Key">[% Translate(Data.Label) | html %]:</span>
#                        <span title="[% Data.Title1 | html %]">[% Data.Value %]</span>
#                    </li>
#[% RenderBlockEnd("TicketDynamicField_Field1") %]
#[% RenderBlockStart("TicketDynamicField_Field2") %]
#                    <li>
#                        <span class="Key">[% Translate(Data.Label) | html %]:</span>
#                        <span title="[% Data.Title2 | html %]">[% Data.Value %]</span>
#                    </li>
#[% RenderBlockEnd("TicketDynamicField_Field2") %]

                </ul>
[% RenderBlockStart("NextActivities") %]
                <ul id="Activities">
                    <li class="Header">
                        <div class="MessageHeader">
                            <h3>[% Translate("Next Steps") | html %]</h3>
                            <div class="Clear"></div>
                        </div>
                    </li>
[% RenderBlockStart("ActivityDialog") %]
                    <li><a title="[% Data.Name | html %]" class="AsPopup PopupType_TicketAction" href="[% Env("Baselink") %]Action=CustomerTicketProcess;Subaction=DisplayActivityDialog;TicketID=[% Data.TicketID | uri %];ProcessEntityID=[% Data.ProcessEntityID | uri %];ActivityDialogEntityID=[% Data.ActivityDialogEntityID | uri %]">[% Data.Name | html %]</a></li>
[% RenderBlockEnd("ActivityDialog") %]
[% RenderBlockStart("NoActivityDialog") %]
                    <li>[% Translate("There are no dialogs available at this point in the process.") | html %]</li>
[% RenderBlockEnd("NoActivityDialog") %]
                </ul>
[% RenderBlockEnd("NextActivities") %]
            </div>
[% RenderBlockStart("FollowUp") %]
            <div id="FollowUp" class="[% Data.FollowUpVisible | html %]">
                <div id="Messenger">
                    <fieldset class="DontPrint">
                        <div>
                            <label for="Subject">
                                [% Translate("Subject") | html %]:
                            </label>
                            <input class="DontPrint" type="text" name="Subject" id="Subject" title="[% Translate("Subject") | html %]" value="[% Data.Subject | html %]" />
                            <div class="Clear"></div>
                        </div>
                        <div>
                            <label for="RichText" class="Mandatory">
                                <span class="Marker">*</span>
                                [% Translate("Text") | html %]:
                            </label>
                            <textarea title="[% Translate("Reply") | html %]" id="RichText" class="RichText DontPrint Validate_RequiredRichText [% Data.RichTextInvalid | html %]" name="Body" rows="15" cols="[% Config("Ticket::Frontend::TextAreaNote") | html %]">[% Data.Body | html %]</textarea>
                            <div id="RichTextError" class="TooltipErrorMessage">
                                <p>[% Translate("This field is required.") | html %]</p>
                            </div>
                            <div id="RichTextServerError" class="TooltipErrorMessage NoJavaScriptMessage[% Data.RichTextInvalid | html %]">
                                <p>[% Translate("This field is required.") | html %]</p>
                            </div>
                        </div>
                    </fieldset>
                    <fieldset class="DontPrint">

                        <div id="AttachmentHolder">

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

                        </div>
[% RenderBlockStart("FollowUpState") %]
                        <div>
                            <label for="StateID">[% Translate("Next state") | html %]:</label> [% Data.NextStatesStrg %]
                        </div>
[% RenderBlockEnd("FollowUpState") %]
[% RenderBlockStart("FollowUpPriority") %]
                        <div>
                            <label for="PriorityID">[% Translate("Priority") | html %]:</label> [% Data.PriorityStrg %]
                        </div>
[% RenderBlockEnd("FollowUpPriority") %]

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

# 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("FollowUpDynamicField_Field1") %]
#                <div class="Row Row_DynamicField_[% Data.Name | html %]">
#                    [% Data.Label %]
#                    <div class="Field">
#                        [% Data.Field %]
#                    </div>
#                    <div class="Clear"></div>
#                </div>
#[% RenderBlockEnd("FollowUpDynamicField_Field1") %]
#[% RenderBlockStart("FollowUpDynamicField_Field2") %]
#                <div class="Row Row_DynamicField_[% Data.Name | html %]">
#                    [% Data.Label %]
#                    <div class="Field">
#                        [% Data.Field %]
#                    </div>
#                    <div class="Clear"></div>
#                </div>
#[% RenderBlockEnd("FollowUpDynamicField_Field2") %]

                    </fieldset>
                    <div class="ActionRow">
                        <button type="submit" value="[% Translate("Submit") | html %]">[% Translate("Submit") | html %]</button> [% Translate("or") | html %] <a id="CloseButton" href="">[% Translate("Cancel") | html %]</a>
                    </div>
                </div>
                <a id="ReplyButton" class="DontPrint" href=""><i class="fa fa-reply"></i> [% Translate("Reply") | html %]</a>
            </div>
[% RenderBlockEnd("FollowUp") %]
            <div class="Clear"></div>
        </form>
    </div>
</div>