# --
# 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("Add Workorder to %s%s", Config("ITSMChange::Hook"), Data.ChangeNumber) | html %] &ndash; [% Data.ChangeTitle | html %]</h1>
        <p>
            <a href="#" class="CancelClosePopup">[% Translate("Cancel & close") | html %]</a>
        </p>
    </div>

    <div class="Content">

        <div class="WidgetSimple">
            <div class="Header">
                <h2>[% Translate("Workorder") | html %]</h2>
            </div>

            <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="ChangeID"  value="[% Data.ChangeID | 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 for="WorkOrderTypeID">[% Translate("Workorder Type") | html %]:</label>
                        <div class="Field">
                            [% Data.WorkOrderTypeStrg %]
                        </div>
                        <div id="WorkOrderTypeIDServerError" class="TooltipErrorMessage"><p>[% Translate("Invalid workorder type.") | html %]</p></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("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="SubmitWorkOrderAdd" name="WorkOrderAdd" title="[% Translate("Create") | html %]" type="submit" value="[% Translate("Create") | html %]"><span><i class="fa fa-check-square-o"></i> [% Translate("Create") | html %]</span></button>
                        </div>

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