{{/*
This file is part of SystemTestPortal.
Copyright (C) 2017  Institute of Software Technology, University of Stuttgart

SystemTestPortal is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

SystemTestPortal is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with SystemTestPortal.  If not, see <http://www.gnu.org/licenses/>.
*/}}

<!-- Translated to German -->
{{define "tab-content"}}
<div class="modal fade" id="helpModal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Test Case Start</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <table class="help-table">
                    <!-- Will be generated by js -->
                </table>
                <span class="mt-3 float-left">For more information visit our <a href="http://docs.systemtestportal.org" target="_blank">documentation</a>.</span>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

    <div class="tab-card card" id="tabSettings">
        <div class="navbar navbar-light action-bar p-3" id="settings-nav">
            {{ template "settings-nav" .}}
        </div>
        <div class="row tab-side-bar-row">
            <div class="col-md-3 p-3 list-group">
                <div class=" nav flex-column" id="v-pills-tab" role="tablist" aria-orientation="vertical">

                    <a class="nav-link list-group-item {{if eq .SettingsIdentifier "Project" }} active {{end}}"
                       id="projectSettingsSelect"
                       data-toggle="pill" href=""
                       aria-controls="permission-settings-cont">{{T "Project settings" .}}</a>

                    <a class="nav-link list-group-item {{if eq .SettingsIdentifier "Permission" }} active {{end}}"
                       id="permissionSettingsSelect"
                       data-toggle="pill" href=""
                       aria-controls="permission-cont">{{T "Permission settings" .}}</a>

                    <a class="nav-link list-group-item {{if eq .SettingsIdentifier "Integrations" }} active {{end}}"
                       id="integrationsSettingsSelect"
                       data-toggle="pill" href=""
                       aria-controls="permission-cont">{{T "Integrations settings" .}}</a>

                </div>
            </div>

            <div class="col-md-9 p-3 tab-side-bar">
                <div class="tab-content" id="settings-tab">
                    {{template "settings-tab" .}}
                </div>
            </div>
        </div>
    </div>

    <!-- Import Scripts here -->
    <script src="/static/js/project/settings/settings.js"></script>
<script src="/static/js/util/generate_help.js"></script>

    <script>
        initializeSettingsTabListener();

        $("#helpIcon").removeClass("d-none");
        $("#printerIcon").addClass("d-none");
        generateHelp($("#settings-nav"));
    </script>
{{end}}