MiniDigger/Hangar

@import controllers.sugar.Requests.OreRequest
@import ore.OreConfig
@import ore.permission.role.RoleCategory
@import views.html.helper.{CSRF, form}
@()(implicit messages: Messages, flash: Flash, request: OreRequest[_], config: OreConfig)

@scripts = {
    <script type="text/javascript" src="@routes.Assets.versioned("javascripts/orgCreate.js")"></script>
}

@layout.base(messages("org.create"), scripts) {

    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">
                    @messages("org.create.title")
                    </h3>
                </div>

                <div class="project-body panel-body">
                    <p class="minor"> @messages("org.info")</p>

                    @form(action = routes.Organizations.create(), 'id -> "form-continue") {
                        @CSRF.formField
                        <div class="setting">
                            <div class="setting-description">
                                <h4>@messages("org.name")</h4>
                            </div>
                            <input name="name" type="text" class="input-name form-control"
                            placeholder="SpongePowered" maxlength="20" />
                            <i class="fas fa-spinner fa-spin status-org-name" style="display: none;"></i>
                            <div class="clearfix"></div>
                        </div>
                    }

                    @users.invite.form(owner = request.headerData.currentUser.get, roleCategory = RoleCategory.Organization)

                    <button title="Continue" type="submit" name="create" form="form-continue"
                    value="@messages("general.continue")"
                    class="push-down pull-right continue-btn btn btn-primary" disabled>
                    @messages("general.create")
                    </button>
                </div>
            </div>
        </div>
    </div>

}