# --
# 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(Data.Title) | html %]</h1>
[% RenderBlockStart("ClosePopup") %]
        <p>
            <a href="[% Env("Baselink") %]Action=[% Env("Action") %];Subaction=ClosePopup" class="ClosePopup">[% Translate("Cancel & close") | html %]</a>
        </p>
[% RenderBlockEnd("ClosePopup") %]
[% RenderBlockStart("GoBack") %]
        <p>
            <a class="GoBack" href="[% Env("Baselink") %]Action=[% Data.Action | uri %];Subaction=[% Data.Subaction | uri %];ID=[% Data.ID | uri %];EntityID=[% Data.EntityID | uri %];StartActivityID=[% Data.StartActivityID | uri %]">[% Translate("Go Back") | html %]</a>
        </p>
[% RenderBlockEnd("GoBack") %]
    </div>
    <div class="Content">
        <div class="ContentColumn">
            <form id="TransitionForm" action="[% Env("CGIHandle") %]" method="post" class="Validate PreventMultipleSubmits">
                <input type="hidden" name="Action" value="[% Env("Action") %]"/>
                <input type="hidden" name="Subaction" value="Transition[% Data.Action | html %]Action"/>
                <input type="hidden" name="EntityID" value="[% Data.EntityID | html %]"/>
                <input type="hidden" name="ID" value="[% Data.ID | html %]"/>
                <input type="hidden" name="ActivityDialogs" value=""/>
                <input type="hidden" name="ConditionConfig" value=""/>
                <input type="hidden" name="PopupRedirect" value="" id="PopupRedirect"/>
                <input type="hidden" name="PopupRedirectID" value="" id="PopupRedirectID"/>
                <input type="hidden" name="PopupRedirectEntityID" value="" id="PopupRedirectEntityID"/>

[% RenderBlockStart("EditWarning") %]
                <div class="WidgetSimple Expanded WidgetNotice">
                    <div class="Content">[% Translate("Please note that changing this transition will affect the following processes") | html %]: [% Data.ProcessList | html %]</div>
                </div>
[% RenderBlockEnd("EditWarning") %]

                <div class="WidgetSimple Expanded">
                    <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("Transition") | html %]</h2>
                    </div>
                    <div class="Content">
                        <fieldset class="TableLike">
                            <label class="Mandatory" for="Name"><span class="Marker">*</span> [% Translate("Transition Name") | html %]:</label>
                            <div class="Field">
                                <input type="text" name="Name" id="Name" value="[% Data.Name | html %]" class="W50pc Validate_Required [% Data.NameServerError | html %]" maxlength="70"/>
                                <div id="NameError" class="TooltipErrorMessage">
                                    <p>[% Translate("This field is required.") | html %]</p>
                                </div>
                                <div id="NameServerError" class="TooltipErrorMessage">
                                    <p>[% Translate("This field is required.") | html %]</p>
                                </div>
                            </div>
                            <div class="Clear"></div>
                        </fieldset>
                    </div>
                </div>

                <div class="WidgetSimple Expanded">
                    <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("Conditions") | html %]</h2>
                    </div>
                    <div class="Content LayoutGrid">
                        <fieldset class="TableLike FixedLabel" id="PresentConditionsContainer">
                        <div class="SpacingBottom">
                            <p>
                                [% Translate("Conditions can only operate on non-empty fields.") | html %]
                            </p>
                        </div>
                        <div class="Clear"></div>
                            <label for="OverallConditionLinking">[% Translate("Type of Linking between Conditions") | html %]:</label>
                            <div class="Field">
                                [% Data.OverallConditionLinking %]
                            </div>
                            <div class="Clear"></div>
[% RenderBlockStart("ConditionItemEditRow") %]
                            <div class="WidgetSimple ParentWidget" id="Condition[[% Data.Index | html %]]">
                                <div class="Header">
                                    <h2 for="Condition[[% Data.Index | html %]]">[% Translate("Condition") | html %] [% Data.Index | html %]</h2>
                                    <div class="AdditionalInformation">
                                        <a class="RemoveButton" href="#" name="ConditionRemove[[% Data.Index | html %]]" title="[% Translate("Remove this Condition") | html %]">
                                            <i class="fa fa-minus-square-o"></i>
                                            <span class="InvisibleText">[% Translate("Remove this Condition") | html %]</span>
                                        </a>
                                    </div>
                                </div>
                                <div class="Content">
                                    <div class="Field ConditionField">
                                        <div class="Condition">
                                            <fieldset class="TableLike FixedLabelSmall">
                                                <label for="ConditionLinking[[% Data.Index | html %]]">[% Translate("Type of Linking") | html %]:</label>
                                                <div class="Field">
                                                    [% Data.ConditionLinking %]
                                                </div>
                                                <div class="Clear"></div>
                                                <div class="WidgetSimple FieldWidget">
                                                    <div class="Header">
                                                        <h2>[% Translate("Fields") | html %]</h2>
                                                        <div class="AdditionalInformation">
                                                            <a class="AddButton ConditionFieldAdd" href="#" title="[% Translate("Add a new Field") | html %]">
                                                                <i class="fa fa-plus-square-o"></i>
                                                                <span class="InvisibleText">[% Translate("Add a new Field") | html %]</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="Content">
[% RenderBlockStart("ConditionItemEditRowField") %]
                                                        <fieldset>
                                                            <label for="ConditionFieldName[[% Data.Index | html %]][[% Data.FieldIndex | html %]]">[% Translate("Name") | html %]:</label>
                                                            <input type="text" name="ConditionFieldName[[% Data.Index | html %]][[% Data.FieldIndex | html %]]" class="W20pc Validate_Required Validate_NotEqual Validate_NotEqual_ConditionFieldName" value="[% Data.FieldIndex | html %]" id="ConditionFieldName[[% Data.Index | html %]][[% Data.FieldIndex | html %]]" />
                                                            <label for="ConditionFieldType[[% Data.Index | html %]][[% Data.FieldIndex | html %]]">[% Translate("Type") | html %]:</label>
                                                            [% Data.ConditionFieldType %]
                                                            &nbsp;<label for="ConditionFieldValue[[% Data.Index | html %]][[% Data.FieldIndex | html %]]">[% Translate("Value") | html %]:</label>
                                                            <input type="text" name="ConditionFieldValue[[% Data.Index | html %]][[% Data.FieldIndex | html %]]" class="W20pc Validate_Required" value="[% Data.Match | html %]" id="ConditionFieldValue[[% Data.Index | html %]][[% Data.FieldIndex | html %]]" />
                                                            <a href="#" class="RemoveButton" type="button" name="ConditionFieldRemove[[% Data.Index | html %]][[% Data.FieldIndex | html %]]" title="[% Translate("Remove this Field") | html %]">
                                                                <i class="fa fa-minus-square-o"></i>
                                                                <span class="InvisibleText">[% Translate("Remove this Field") | html %]</span>
                                                            </a>
                                                            <div id="ConditionFieldName[[% Data.Index | html %]][[% Data.FieldIndex | html %]]Error" class="TooltipErrorMessage">
                                                                [% Translate("This field is required.") | html %] [% Translate("And can't be repeated on the same condition.") | html %]
                                                            </div>
                                                            <div id="ConditionFieldValue[[% Data.Index | html %]][[% Data.FieldIndex | html %]]Error" class="TooltipErrorMessage">
                                                                [% Translate("This field is required.") | html %]
                                                            </div>
                                                        </fieldset>
[% RenderBlockEnd("ConditionItemEditRowField") %]
                                                    </div>
                                                </div>
                                            </fieldset>
                                        </div>
                                        <div class="Clear"></div>
                                    </div>
                                </div>
                            </div>
[% RenderBlockEnd("ConditionItemEditRow") %]

[% RenderBlockStart("ConditionItemInitRow") %]
                            <div class="WidgetSimple ParentWidget" id="Condition[1]">
                                <div class="Header">
                                    <h2>[% Translate("Condition") | html %] 1</h2>
                                </div>
                                <div class="Content">
                                    <div class="Field ConditionField">
                                        <div class="Condition">
                                            <fieldset class="TableLike FixedLabelSmall">
                                                <label for="ConditionLinking[1]">[% Translate("Type of Linking") | html %]:</label>
                                                <div class="Field">
                                                    [% Data.ConditionLinking %]
                                                </div>
                                                <div class="Clear"></div>

                                                <div class="WidgetSimple FieldWidget">
                                                    <div class="Header">
                                                        <h2>[% Translate("Fields") | html %]</h2>
                                                        <div class="AdditionalInformation">
                                                            <a class="ConditionFieldAdd AddButton" href="#" title="[% Translate("Add a new Field") | html %]">
                                                                <i class="fa fa-plus-square-o"></i>
                                                                <span class="InvisibleText">[% Translate("Add a new Field") | html %]</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="Content">
                                                        <fieldset>
                                                            <label for="ConditionFieldName[1][1]">[% Translate("Name") | html %]:</label>
                                                            <input type="text" name="ConditionFieldName[1][1]" class="W20pc Validate_Required Validate_NotEqual Validate_NotEqual_ConditionFieldName" id="ConditionFieldName[1][1]" />
                                                            <label for="ConditionFieldType[1][1]">[% Translate("Type") | html %]:</label>
                                                            [% Data.ConditionFieldType %]
                                                            &nbsp;<label for="ConditionFieldValue[1][1]">[% Translate("Value") | html %]:</label>
                                                            <input type="text" name="ConditionFieldValue[1][1]"  class="W20pc Validate_Required" id="ConditionFieldValue[1][1]" />
                                                            <a href="#" class="RemoveButton" type="button" name="ConditionFieldRemove[1][1]" title="[% Translate("Remove this Field") | html %]">
                                                                <i class="fa fa-minus-square-o"></i>
                                                                <span class="InvisibleText">[% Translate("Remove this Field") | html %]</span>
                                                            </a>

                                                            <div id="ConditionFieldName[1][1]Error" class="TooltipErrorMessage">
                                                                [% Translate("This field is required.") | html %] [% Translate("And can't be repeated on the same condition.") | html %]
                                                            </div>
                                                            <div id="ConditionFieldValue[1][1]Error" class="TooltipErrorMessage">
                                                                [% Translate("This field is required.") | html %]
                                                            </div>
                                                        </fieldset>
                                                    </div>
                                                </div>
                                            </fieldset>
                                        </div>
                                        <div class="Clear"></div>
                                    </div>
                                </div>
                            </div>
[% RenderBlockEnd("ConditionItemInitRow") %]
                            <button type="button" id="ConditionAdd" class="CallForAction"><span>[% Translate("Add New Condition") | html %]</span></button>
                        </fieldset>
                    </div>
                </div>
<!-- Invisible submit button to allow form submit on pressing enter/return without javascript -->
                <input type="image" width="0" height="0" style="display: none;" />
            </form>
            <div id="ConditionContainer" style="display:none;">
                <div class="WidgetSimple ParentWidget" id="Condition[_INDEX_]">
                    <div class="Header">
                        <h2>[% Translate("Condition") | html %] _INDEX_</h2>
                        <div class="AdditionalInformation">
                            <a href="#" name="ConditionRemove[_INDEX_]" class="RemoveButton" title="[% Translate("Remove this Condition") | html %]">
                                <i class="fa fa-minus-square-o"></i>
                                <span class="InvisibleText">[% Translate("Remove this Condition") | html %]</span>
                            </a>
                        </div>
                    </div>
                    <div class="Content">
                        <div class="Field ConditionField">
                            <div class="Condition">
                                <fieldset class="TableLike FixedLabelSmall">
                                    <label for="ConditionLinking[_INDEX_]">[% Translate("Type of Linking") | html %]:</label>
                                    <div class="Field">
                                        [% Data.FreshConditionLinking %]
                                    </div>
                                    <div class="Clear"></div>

                                    <div class="WidgetSimple FieldWidget">
                                        <div class="Header">
                                            <h2>[% Translate("Fields") | html %]</h2>
                                            <div class="AdditionalInformation">
                                                <a class="ConditionFieldAdd AddButton" href="#" title="[% Translate("Add a new Field") | html %]">
                                                    <i class="fa fa-plus-square-o"></i>
                                                    <span class="InvisibleText">[% Translate("Add a new Field") | html %]</span>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="Content">
                                            <fieldset>
                                                <label for="ConditionFieldName[_INDEX_][1]">[% Translate("Name") | html %]:</label>
                                                <input type="text" name="ConditionFieldName[_INDEX_][1]" class="W20pc Validate_Required Validate_NotEqual Validate_NotEqual_ConditionFieldName" id="ConditionFieldName[_INDEX_][1]" />
                                                <label for="ConditionFieldType[_INDEX_][1]">[% Translate("Type") | html %]:</label>
                                                [% Data.FreshConditionFieldType %]
                                                &nbsp;<label for="ConditionFieldValue[_INDEX_][1]">[% Translate("Value") | html %]:</label>
                                                <input type="text" name="ConditionFieldValue[_INDEX_][1]" class="W20pc Validate_Required" id="ConditionFieldValue[_INDEX_][1]" />
                                                <a href="#" class="RemoveButton" type="button" name="ConditionFieldRemove[_INDEX_][1]" title="[% Translate("Remove this Field") | html %]">
                                                    <i class="fa fa-minus-square-o"></i>
                                                    <span class="InvisibleText">[% Translate("Remove this Field") | html %]</span>
                                                </a>
                                                <div id="ConditionFieldName[_INDEX_][1]Error" class="TooltipErrorMessage">
                                                    [% Translate("This field is required.") | html %] [% Translate("And can't be repeated on the same condition.") | html %]
                                                </div>
                                                <div id="ConditionFieldValue[_INDEX_][1]Error" class="TooltipErrorMessage">
                                                    [% Translate("This field is required.") | html %]
                                                </div>
                                            </fieldset>
                                        </div>
                                    </div>
                                </fieldset>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="ConditionFieldContainer" style="display:none;">
                <fieldset>
                    <label for="ConditionFieldName[_INDEX_][_FIELDINDEX_]">[% Translate("Name") | html %]:</label>
                    <input type="text" name="ConditionFieldName[_INDEX_][_FIELDINDEX_]" class="W20pc Validate_Required Validate_NotEqual Validate_NotEqual_ConditionFieldName" id="ConditionFieldName[_INDEX_][_FIELDINDEX_]" />
                    <label for="ConditionFieldType[_INDEX_][_FIELDINDEX_]">[% Translate("Type") | html %]:</label>
                    [% Data.FreshConditionFieldType %]
                    &nbsp;<label for="ConditionFieldValue[_INDEX_][_FIELDINDEX_]">[% Translate("Value") | html %]:</label>
                    <input type="text" name="ConditionFieldValue[_INDEX_][_FIELDINDEX_]" class="W20pc Validate_Required" id="ConditionFieldValue[_INDEX_][_FIELDINDEX_]" />
                    <a href="#" class="RemoveButton" type="button" name="ConditionFieldRemove[_INDEX_][_FIELDINDEX_]" title="[% Translate("Remove this Field") | html %]">
                        <i class="fa fa-minus-square-o"></i>
                        <span class="InvisibleText">[% Translate("Remove this Field") | html %]</span>
                    </a>
                    <div id="ConditionFieldName[_INDEX_][_FIELDINDEX_]Error" class="TooltipErrorMessage">
                        [% Translate("This field is required.") | html %] [% Translate("And can't be repeated on the same condition.") | html %]
                    </div>
                    <div id="ConditionFieldValue[_INDEX_][_FIELDINDEX_]Error" class="TooltipErrorMessage">
                        [% Translate("This field is required.") | html %]
                    </div>
                </fieldset>
            </div>
        </div>
    </div>
    <div class="Footer">
        <button class="Primary CallForAction" id="Submit" title="[% Translate("Save") | html %]" type="submit" value="[% Translate("Save") | html %]"><span>[% Translate("Save") | html %]</span></button>
    </div>
</div>