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

    <h1>[% Translate("Add Change") | html %]</h1>

    <div class="ContentColumn">

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

            <div class="Content">
                <form action="[% Env("CGIHandle") %]" method="post" name="compose" id="ChangeForm" 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="TicketID"  value="[% Data.TicketID | html %]"/>
                    <input type="hidden" name="FormID"    value="[% Data.FormID | html %]"/>

                    <fieldset class="TableLike FixedLabelSmall">

                        <label class="Mandatory" for="ChangeTitle"><span class="Marker">* </span>[% Translate("Title") | html %]:</label>
                        <div class="Field">
                            <input type="text" name="ChangeTitle" id="ChangeTitle" value="[% Data.ChangeTitle | html %]" class="W75pc Validate_Required [% Data.ChangeTitleTitleServerError | html %]" maxlength="250"/>
                            <div id="ChangeTitleError" class="TooltipErrorMessage"><p>[% Translate("This field is required.") | html %]</p></div>
                            <div id="ChangeTitleServerError" class="TooltipErrorMessage"><p>[% Translate("This field is required.") | html %]</p></div>
                        </div>
                        <div class="Clear"></div>
                        <label class="Mandatory" for="RichText1"><span class="Marker">*</span> [% Translate("Description") | html %]:</label>
                        <div class="RichTextField Field">
                            <textarea id="RichText1" class="RichText Validate_Required [% Data.DescriptionInvalid %]" name="Description" rows="15" cols="[% Config("Ticket::Frontend::TextAreaNote") %]">[% Data.Description | html %]</textarea>
                            <div id="RichText1Error" class="TooltipErrorMessage"><p>[% Translate("This field is required.") | html %]</p></div>
                            <div id="RichText1ServerError" class="TooltipErrorMessage"><p>[% Translate("This field is required.") | html %]</p></div>
                        </div>
                        <div class="Clear"></div>

                        <label class="Mandatory" for="RichText2"><span class="Marker">*</span> [% Translate("Justification") | html %]:</label>
                        <div class="RichTextField Field">
                            <textarea id="RichText2" class="RichText Validate_Required [% Data.JustificationInvalid %]" name="Justification" rows="15" cols="[% Config("Ticket::Frontend::TextAreaNote") %]">[% Data.Justification | html %]</textarea>
                            <div id="RichText2Error" class="TooltipErrorMessage"><p>[% Translate("This field is required.") | html %]</p></div>
                            <div id="RichText2ServerError" class="TooltipErrorMessage"><p>[% Translate("This field is required.") | html %]</p></div>
                        </div>
                        <div class="Clear"></div>

                        <label for="CategoryID">[% Translate("Category") | html %]:</label>
                        <div class="Field">
                            [% Data.CategorySelectionString %]
                        </div>
                        <div id="CategoryIDServerError" class="TooltipErrorMessage"><p>[% Translate("Input invalid.") | html %]</p></div>
                        <div class="Clear"></div>

                        <label for="ImpactID">[% Translate("Impact") | html %]:</label>
                        <div class="Field">
                            [% Data.ImpactSelectionString %]
                        </div>
                        <div id="ImpactIDServerError" class="TooltipErrorMessage"><p>[% Translate("Input invalid.") | html %]</p></div>
                        <div class="Clear"></div>

                        <label for="PriorityID">[% Translate("Priority") | html %]:</label>
                        <div class="Field">
                            [% Data.PrioritySelectionString %]
                        </div>
                        <div id="PriorityIDServerError" class="TooltipErrorMessage"><p>[% Translate("Input invalid.") | 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") %]


[% RenderBlockStart("RequestedTime") %]
                        <label>[% Translate("Requested Date") | html %]:</label>
                        <div class="Field">
                            [% Data.RequestedTimeString %]
                            <div id="RequestedTimeDayError" class="TooltipErrorMessage"><p>[% Translate("Invalid date!") | html %]</p></div>
                            <div id="RequestedTimeHourError" class="TooltipErrorMessage"><p>[% Translate("Invalid date!") | html %]</p></div>
[% RenderBlockStart("RequestedTimeGenericServerError") %]
                            <div id="RequestedTimeDayServerError" class="TooltipErrorMessage"><p>[% Translate("Invalid date!") | html %]</p></div>
                            <div id="RequestedTimeHourServerError" class="TooltipErrorMessage"><p>[% Translate("Invalid date!") | html %]</p></div>
[% RenderBlockEnd("RequestedTimeGenericServerError") %]
                        </div>
                        <div class="Clear"></div>
[% RenderBlockEnd("RequestedTime") %]

[% RenderBlockStart("AttachmentUpload") %]
                        <label>[% Translate("Attachments") | 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="SubmitChangeAdd" name="ChangeAdd" 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>