{{/*
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/>.
*/}}

{{define "content"}}
<form id="newProjectForm" action="save">
    <div id="modalPlaceholder"></div>
    <div class="form-group">
        <label for="inputProjectName">Project name</label>
        <input type="text" class="form-control" id="inputProjectName" name="inputProjectName"
               aria-describedby="projectNameHelp" placeholder="Enter project name">
        <small id="projectNameHelp" class="form-text text-muted">
            This name is used wherever the project is mentioned.
        </small>
    </div>
    <div class="form-group">
        <label for="inputProjectDesc">Project description</label>
        <textarea class="form-control" id="inputProjectDesc" name="inputProjectDesc" aria-describedby="projectDescHelp"
                  rows="3" placeholder="Describe your project in a few words."></textarea>
        <small id="projectDescHelp" class="form-text text-muted">
            This description is used in the explore section.
        </small>
    </div>
    <div class="form-group" data-toggle="tooltip" data-placement="left"
         title="" data-original-title="This feature will be available in a future version">
        <label for="inputProjectLogo">Project logo</label>
        <input disabled type="file" class="form-control-file" id="inputProjectLogo" name="inputProjectLogo"
               aria-describedby="projectLogoHelp">
        <small id="projectLogoHelp" class="form-text text-muted">
            This image is used in project lists and notifications.
        </small>
    </div>
    <label>Visibility</label>
    <div class="form-check">
        <label class="form-check-label">
            <input type="radio" class="form-check-input" name="optionsProjectVisibility" id="optionPublic"
                   value="public" checked>
            <b>public</b> &mdash; public projects are visible to everyone
        </label>
    </div>
    <div class="form-check">
        <label class="form-check-label">
            <input type="radio" class="form-check-input" name="optionsProjectVisibility"
                   id="optionInternal"
                   value="internal">
            <b>internal</b> &mdash; internal projects are visible to all signed in users
        </label>
    </div>
    <div class="form-check">
        <label class="form-check-label">
            <input type="radio" class="form-check-input" name="optionsProjectVisibility" id="optionPrivate"
                   value="private">
            <b>private</b> &mdash; private projects are only visible to members of these projects
        </label>
    </div>
    <button type="submit" class="btn btn-primary">Create Project</button>

    <script src="/static/js/explore/new-project.js"></script>

</form>
{{end}}


