# --
# 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="LayoutPopup ARIARoleMain">

    <div class="Header">
        <h1>[% Translate("Edit %s%s-%s", Config("ITSMWorkOrder::Hook"), Data.ChangeNumber, Data.WorkOrderNumber) | html %] &mdash; [% Data.WorkOrderTitle | html %]</h1>
        <p>
            <a href="#" class="CancelClosePopup">[% Translate("Cancel & close") | html %]</a>
        </p>
    </div>

    <div class="Content">

        <div class="Content">
            <form action="[% Env("CGIHandle") %]" method="post" name="compose" enctype="multipart/form-data" class="Validate PreventMultipleSubmits">
                <input type="hidden" name="Action" value="[% Env("Action") %]"/>
                <input type="hidden" name="Subaction" value="Save"/>
                <input type="hidden" name="WorkOrderID" value="[% Data.WorkOrderID | html %]"/>
                <input type="hidden" name="FormID" value="[% Data.FormID | html %]"/>

                <fieldset class="TableLike FixedLabelSmall">

                    <label class="Mandatory" for="WorkOrderTitle"><span class="Marker">* </span>[% Translate("Title") | html %]:</label>
                    <div class="Field">
                        <input type="text" name="WorkOrderTitle" id="WorkOrderTitle" value="[% Data.WorkOrderTitle | html %]" class="W75pc Validate_Required [% Data.WorkOrderTitleServerError | html %]" maxlength="250"/>
                        <div id="WorkOrderTitleError" class="TooltipErrorMessage"><p>[% Translate("This field is required.") | html %]</p></div>
                        <div id="WorkOrderTitleServerError" class="TooltipErrorMessage"><p>[% Translate("This field is required.") | html %]</p></div>
                    </div>
                    <div class="Clear"></div>
                    <label class="Mandatory" for="RichText"><span class="Marker">*</span> [% Translate("Instruction") | html %]:</label>
                    <div class="RichTextField Field">
                        <textarea id="RichText" class="RichText Validate_Required [% Data.InstructionInvalid %]" name="Instruction" rows="15" cols="[% Config("Ticket::Frontend::TextAreaNote") %]">[% Data.Instruction | 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("Workorder Type") | html %]:</label>
                    <div class="Field">
                        [% Translate(Data.WorkOrderType) | html %]
                    </div>
                    <div class="Clear"></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") %]

                    <label>[% Translate("Planned Start Time") | html %]:</label>
                    <div class="Field">
                        [% Data.PlannedStartTimeSelectionString %]
                        <div id="PlannedStartTimeDayError" class="TooltipErrorMessage"><p>[% Translate("Invalid date!") | html %]</p></div>
                        <div id="PlannedStartTimeHourError" class="TooltipErrorMessage"><p>[% Translate("Invalid date!") | html %]</p></div>
[% RenderBlockStart("PlannedStartTimeGenericServerError") %]
                        <div id="PlannedStartTimeDayServerError" class="TooltipErrorMessage"><p>[% Translate("Invalid date!") | html %]</p></div>
                        <div id="PlannedStartTimeHourServerError" class="TooltipErrorMessage"><p>[% Translate("Invalid date!") | html %]</p></div>
[% RenderBlockEnd("PlannedStartTimeGenericServerError") %]
[% RenderBlockStart("PlannedStartTimeBeforeThanEndTimeServerError") %]
                        <div id="PlannedStartTimeDayServerError" class="TooltipErrorMessage"><p>[% Translate("The planned start time must be before the planned end time!") | html %]</p></div>
                        <div id="PlannedStartTimeHourServerError" class="TooltipErrorMessage"><p>[% Translate("The planned start time must be before the planned end time!") | html %]</p></div>
[% RenderBlockEnd("PlannedStartTimeBeforeThanEndTimeServerError") %]
                    </div>
                    <div class="Clear"></div>

                    <label>[% Translate("Planned End Time") | html %]:</label>
                    <div class="Field">
                        [% Data.PlannedEndTimeSelectionString %]
                        <div id="PlannedEndTimeDayError" class="TooltipErrorMessage"><p>[% Translate("Invalid date!") | html %]</p></div>
                        <div id="PlannedEndTimeHourError" class="TooltipErrorMessage"><p>[% Translate("Invalid date!") | html %]</p></div>
[% RenderBlockStart("PlannedEndTimeGenericServerError") %]
                        <div id="PlannedEndTimeDayServerError" class="TooltipErrorMessage"><p>[% Translate("Invalid date!") | html %]</p></div>
                        <div id="PlannedEndTimeHourServerError" class="TooltipErrorMessage"><p>[% Translate("Invalid date!") | html %]</p></div>
[% RenderBlockEnd("PlannedEndTimeGenericServerError") %]
[% RenderBlockStart("PlannedEndTimeBeforeThanEndTimeServerError") %]
                        <div id="PlannedEndTimeDayServerError" class="TooltipErrorMessage"><p>[% Translate("The planned start time must be before the planned end time!") | html %]</p></div>
                        <div id="PlannedEndTimeHourServerError" class="TooltipErrorMessage"><p>[% Translate("The planned start time must be before the planned end time!") | html %]</p></div>
[% RenderBlockEnd("PlannedEndTimeBeforeThanEndTimeServerError") %]
                    </div>
                    <div class="Clear"></div>

[% RenderBlockStart("MoveFollowingWorkOrders") %]
                    <label for="MoveFollowingWorkOrders">[% Translate("Move following workorders accordingly") | html %]:</label>
                    <div class="Field" title="[% Translate("If the planned end time of this workorder is changed, the planned start times of all following workorders will be changed accordingly") | html %]">
                        <input type="checkbox" id="MoveFollowingWorkOrders" name="MoveFollowingWorkOrders" value="1" [% Data.MoveFollowingWorkOrders | html %]/>
                    </div>
                    <div class="Clear"></div>
[% RenderBlockEnd("MoveFollowingWorkOrders") %]

[% RenderBlockStart("ShowPlannedEffort") %]
                    <label for="PlannedEffort">[% Translate("Planned Effort") | html %]:</label>
                    <div class="Field">
                        <input type="text" name="PlannedEffort" id="PlannedEffort" value="[% Data.PlannedEffort | html %]" class="W10pc Validate [% Data.PlannedEffortInvalid | html %]" maxlength="10"/>
                        <div id="PlannedEffortError" class="TooltipErrorMessage"><p>[% Translate("Invalid format.") | html %]</p></div>
                        <div id="PlannedEffortServerError" class="TooltipErrorMessage"><p>[% Translate("Invalid format.") | html %]</p></div>
                    </div>
                    <div class="Clear"></div>
[% RenderBlockEnd("ShowPlannedEffort") %]

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

                    <div class="Field SpacingTop">
                        <button class="Primary CallForAction" id="SubmitWorkOrderEdit" accesskey="g" name="WorkOrderEdit" title="[% Translate("Submit") | html %] (g)" type="submit" value="[% Translate("Submit") | html %]">
                            <span><i class="fa fa-check-square-o"></i> [% Translate("Submit") | html %]</span>
                        </button>
                    </div>

                </fieldset>
            </form>
        </div>
    </div>
</div>