# --
# 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.
# --

            <div class="WidgetSimple">
                <div class="Header">
                    <div class="WidgetAction Toggle">
                        <a href="#" title="[% Translate("Show or hide the content") | html %]"><i class="fa fa-caret-right"></i><i class="fa fa-caret-down"></i></a>
                    </div>
                    <h2>[% Translate(Data.WidgetTitle) | html %]</h2>
                </div>
                <div class="Content">
                    <fieldset class="TableLike FixedLabelSmall Narrow">
[% RenderBlockStart("ArchiveFlag") %]
                        <label>[% Translate("Archive") | html %]:</label>
                        <p class="Value">[% Translate("This ticket is archived.") | html %]</p>
                        <div class="Clear"></div>
[% RenderBlockEnd("ArchiveFlag") %]
[% RenderBlockStart("Type") %]
                        <label>[% Translate("Type") | html %]:</label>
                        <p class="Value FixedValueSmall" title="[% Data.Type | html %]">[% Data.Type | html %]
                            [% IF Data.Valid != 1 %] <em class="Error">[% Translate("Note: Type is invalid!") | html %]</em> [% END %]
                        </p>
                        <div class="Clear"></div>
[% RenderBlockEnd("Type") %]

                        <label>[% Translate("Age") | html %]:</label>
                        <p class="Value" title="[% Data.Age %]">[% Data.Age %]</p>
                        <div class="Clear"></div>

                        <label>[% Translate("Created") | html %]:</label>
                        <p class="Value" title="[% Data.Created | Localize("TimeShort") %]">[% Data.Created | Localize("TimeShort") %]</p>
                        <div class="Clear"></div>

[% RenderBlockStart("CreatedBy") %]
                        <label>[% Translate("Created by") | html %]:</label>
                        <p class="Value" title="[% Data.CreatedByUser %]">[% Data.CreatedByUser %]</p>
                        <div class="Clear"></div>
[% RenderBlockEnd("CreatedBy") %]

                        <label>[% Translate("State") | html %]:</label>
                        <p class="Value" title="[% Translate(Data.State) | html %]">[% Translate(Data.State) | html %]</p>
                        <div class="Clear"></div>
[% RenderBlockStart("PendingUntil") %]
                        <label>[% Translate("Pending till") | html %]:</label>
                        <p class="Value [% Data.PendingUntilClass | html %]">
                            [% Data.PendingUntil %]
                            <br/>
                            [% Data.UntilTimeHuman | Localize("TimeShort") %]
                        </p>
                        <div class="Clear"></div>
[% RenderBlockEnd("PendingUntil") %]

                        <label>[% Translate("Locked") | html %]:</label>
                        <p class="Value" title="[% Translate(Data.Lock) | html %]">[% Translate(Data.Lock) | html %]</p>
                        <div class="Clear"></div>

                        <label>[% Translate("Priority") | html %]:</label>
                        <p class="Value" title="[% Translate(Data.Priority) | html %]">[% Translate(Data.Priority) | html %]</p>
                        <div class="Clear"></div>

                        <label>[% Translate("Queue") | html %]:</label>
                        <p class="Value" title="[% Data.Queue | html %]">[% Data.Queue | html | replace('::', '<wbr>::<wbr>') %]</p>
                        <div class="Clear"></div>

[% RenderBlockStart("Service") %]
                        <label>[% Translate("Service") | html %]:</label>
                        <p class="Value" title="[% Data.Service | html %]">[% Data.Service | html %]</p>
                        <div class="Clear"></div>
[% RenderBlockEnd("Service") %]
[% RenderBlockStart("SLA") %]
                        <label>[% Translate("Service Level Agreement") | html %]:</label>
                        <p class="Value" title="[% Data.SLA | html %]">[% Data.SLA | html %]</p>
                        <div class="Clear"></div>
[% RenderBlockEnd("SLA") %]
                    </fieldset>

                    <fieldset class="TableLike FixedLabelSmall Narrow">
[% RenderBlockStart("FirstResponseTime") %]
                        <label>[% Translate("First Response Time") | html %]:</label>
                        <div class="Value">
                            <p title="[% Translate("Service Time") | html %]: [% Data.FirstResponseTimeWorkingTime | html %]" class="[% Data.FirstResponseTimeClass | html %]">
                                [% Data.FirstResponseTimeHuman | html %]
                                <br/>
                                [% Data.FirstResponseTimeDestinationDate | Localize("TimeShort") %]
                            </p>
                        </div>
                        <div class="Clear"></div>
[% RenderBlockEnd("FirstResponseTime") %]
[% RenderBlockStart("UpdateTime") %]
                        <label>[% Translate("Update Time") | html %]:</label>
                        <div class="Value">
                            <p title="[% Translate("Service Time") | html %]: [% Data.UpdateTimeWorkingTime | html %]" class="[% Data.UpdateTimeClass | html %]">
                                [% Data.UpdateTimeHuman | html %]
                                <br/>
                                [% Data.UpdateTimeDestinationDate | Localize("TimeShort") %]
                            </p>
                        </div>
                        <div class="Clear"></div>
[% RenderBlockEnd("UpdateTime") %]
[% RenderBlockStart("SolutionTime") %]
                        <label>[% Translate("Solution Time") | html %]:</label>
                        <div class="Value">
                            <p title="[% Translate("Service Time") | html %]: [% Data.SolutionTimeWorkingTime | html %]" class="[% Data.SolutionTimeClass | html %]">
                                [% Data.SolutionTimeHuman | html %]
                                <br/>
                                [% Data.SolutionTimeDestinationDate | Localize("TimeShort") %]
                            </p>
                        </div>
                        <div class="Clear"></div>
[% RenderBlockEnd("SolutionTime") %]
                    </fieldset>

                    <fieldset class="TableLike FixedLabelSmall Narrow">
                        <label>[% Translate("Customer ID") | html %]:</label>
                        <p class="Value">
                            <a href="[% Config("CustomerDBLink") | Interpolate %]" class="[% Config("CustomerDBLinkClass") | html %]" [% Config("CustomerDBLinkTarget") %]>[% Data.CustomerID | html %]</a>[% RenderBlockStart("CustomerIDTickets") %] - <a href="[% Env("Baselink") %]Action=AgentTicketSearch;Subaction=Search;CustomerID=[% Data.CustomerID | uri %]">[% Translate("%s Ticket(s)", Data.CustomerIDTickets) | html %]</a>[% RenderBlockEnd("CustomerIDTickets") %]
                        </p>
                        <div class="Clear"></div>

[% RenderBlockStart("TotalAccountedTime") %]
                        <label>[% Translate("Accounted time") | html %]:</label>
                        <p class="Value">[% Data.TicketTimeUnits %]</p>
                        <div class="Clear"></div>

[% RenderBlockEnd("TotalAccountedTime") %]
[% RenderBlockStart("Owner") %]
                        <label>[% Translate("Owner") | html %]:</label>
                        <p class="Value" title="[% Data.UserFullname | html %] ([% Data.UserLogin | html %])">
                            [% IF Data.EnableChat %]
                            <span class="UserStatusIcon [% Data.UserState | html %]">
                                <i class="fa fa-circle" title="[% Data.UserStateDescription | html %]"></i>
                            </span>
                            [% END %]
                            [% Data.UserFullname | html %]
                            [% IF Data.AgentEnableChat && Data.UserID != Env('UserID') %]
                            <span class="UserChatIcons Block Hidden">
                                <a href="#" title="[% Translate("Start chat") | html %]" type="button" class="UserChatStart" data-user-id="[% Data.UserID | html %]" data-user-type="User" data-user-fullname="[% Data.UserFullname | html %]" data-ticket-id="[% Data.TicketID | html %]">
                                    <i class="fa fa-comments"></i>
                                </a>
                                [% IF Data.VideoChatEnabled %]
                                <a href="#" title="[% Translate("Video call") | html %]" type="button" class="UserVideoCallStart[% IF !Data.VideoChatAvailable %] Unavailable[% ELSIF !Data.VideoChatSupport %] Unsupported[% END %]" data-user-id="[% Data.UserID | html %]" data-user-type="User" data-user-fullname="[% Data.UserFullname | html %]" data-ticket-id="[% Data.TicketID | html %]">
                                    <i class="fa fa-video-camera"></i>
                                </a>
                                <a href="#" title="[% Translate("Audio call") | html %]" type="button" class="UserAudioCallStart[% IF !Data.VideoChatAvailable %] Unavailable[% ELSIF !Data.VideoChatSupport %] Unsupported[% END %]" data-user-id="[% Data.UserID | html %]" data-user-type="User"  data-user-fullname="[% Data.UserFullname | html %]" data-ticket-id="[% Data.TicketID | html %]">
                                    <i class="fa fa-microphone"></i>
                                </a>
                                [% END %]
                            </span>
                            [% END %]
                        </p>
                        <div class="Clear"></div>

[% RenderBlockEnd("Owner") %]
[% RenderBlockStart("Responsible") %]
                        <label>[% Translate("Responsible") | html %]:</label>
                        <p class="Value" title="[% Data.UserFullname | html %] ([% Data.UserLogin | html %])">
                            [% IF Data.EnableChat %]
                            <span class="UserStatusIcon [% Data.UserState | html %]">
                                <i class="fa fa-circle" title="[% Data.UserStateDescription | html %]"></i>
                            </span>
                            [% END %]
                            [% Data.UserFullname | html %]
                            [% IF Data.AgentEnableChat && Data.UserID != Env('UserID') %]
                            <span class="UserChatIcons Block Hidden">
                                <a href="#" title="[% Translate("Start chat") | html %]" type="button" class="UserChatStart" data-user-id="[% Data.UserID | html %]" data-user-type="User" data-user-fullname="[% Data.UserFullname | html %]" data-ticket-id="[% Data.TicketID | html %]">
                                    <i class="fa fa-comments"></i>
                                </a>
                                [% IF Data.VideoChatEnabled %]
                                <a href="#" title="[% Translate("Video call") | html %]" type="button" class="UserVideoCallStart[% IF !Data.VideoChatAvailable %] Unavailable[% ELSIF !Data.VideoChatSupport %] Unsupported[% END %]" data-user-id="[% Data.UserID | html %]" data-user-type="User" data-user-fullname="[% Data.UserFullname | html %]" data-ticket-id="[% Data.TicketID | html %]">
                                    <i class="fa fa-video-camera"></i>
                                </a>
                                <a href="#" title="[% Translate("Audio call") | html %]" type="button" class="UserAudioCallStart[% IF !Data.VideoChatAvailable %] Unavailable[% ELSIF !Data.VideoChatSupport %] Unsupported[% END %]" data-user-id="[% Data.UserID | html %]" data-user-type="User"  data-user-fullname="[% Data.UserFullname | html %]" data-ticket-id="[% Data.TicketID | html %]">
                                    <i class="fa fa-microphone"></i>
                                </a>
                                [% END %]
                            </span>
                            [% END %]
                        </p>
                        <div class="Clear"></div>
[% RenderBlockEnd("Responsible") %]
                    </fieldset>

[% RenderBlockStart("ProcessData") %]
                    <fieldset class="TableLike FixedLabelSmall Narrow">

                        <label>[% Translate("Process") | html %]:</label>
                        <p class="Value" title="[% Data.Process | html %]">[% Data.Process | html %]</p>
                        <div class="Clear"></div>

                        <label>[% Translate("Activity") | html %]:</label>
                        <p class="Value" title="[% Translate(Data.Activity) | html %]">[% Translate(Data.Activity) | html %]</p>
                        <div class="Clear"></div>
                    </fieldset>
[% RenderBlockEnd("ProcessData") %]

# show ticket dynamic fields
                    <fieldset class="TableLike FixedLabelSmall Narrow">
[% RenderBlockStart("TicketDynamicField") %]
                        <label>[% Translate(Data.Label) | html %]:</label>
                        <p class="Value">
[% RenderBlockStart("TicketDynamicFieldLink") %]
                            <span title="[% Data.Title %]"><a href="[% Data.Link | Interpolate %]"[% IF Data.LinkPreview %] data-trigger="floater" data-floater-url="[% Data.LinkPreview | Interpolate %]"[% END %] target="_blank" class="DynamicFieldLink">[% Data.Value %]</a></span>
[% RenderBlockEnd("TicketDynamicFieldLink") %]
[% RenderBlockStart("TicketDynamicFieldPlain") %]
                            <span title="[% Data.Title %]">[% Data.Value %]</span>
[% RenderBlockEnd("TicketDynamicFieldPlain") %]
                        </p>
                        <div class="Clear"></div>
[% RenderBlockEnd("TicketDynamicField") %]
                    </fieldset>

# 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
#                    <fieldset class="TableLike FixedLabelSmall Narrow">
#[% RenderBlockStart("TicketDynamicField_Field1") %]
#                        <label>[% Translate(Data.Label) | html %]:</label>
#                        <p class="Value">
#[% RenderBlockStart("TicketDynamicField_Field1_Link") %]
#                            <span title="[% Data.Title %]"><a href="[% Data.Link %]" target="_blank">[% Data.Value %]</a></span>
#[% RenderBlockEnd("TicketDynamicField_Field1_Link") %]
#[% RenderBlockStart("TicketDynamicField_Field1_Plain") %]
#                            <span title="[% Data.Title %]">[% Data.Value %]</span>
#[% RenderBlockEnd("TicketDynamicField_Field1_Plain") %]
#                        </p>
#[% RenderBlockEnd("TicketDynamicField_Field1") %]
#                    </fieldset>
#                    <fieldset class="TableLike FixedLabelSmall Narrow">
#[% RenderBlockStart("TicketDynamicField_Field2") %]
#                        <label>[% Translate(Data.Label) | html %]:</label>
#                        <p class="Value">
#[% RenderBlockStart("TicketDynamicField_Field2_Link") %]
#                            <span title="[% Data.Title %]"><a href="[% Data.Link %]" target="_blank">[% Data.Value %]</a></span>
#[% RenderBlockEnd("TicketDynamicField_Field2_Link") %]
#[% RenderBlockStart("TicketDynamicField_Field2_Plain") %]
#                            <span title="[% Data.Title %]">[% Data.Value %]</span>
#[% RenderBlockEnd("TicketDynamicField_Field2_Plain") %]
#                        </p>
#[% RenderBlockEnd("TicketDynamicField_Field2") %]
#                    </fieldset>
                </div>
            </div>