svg.close.icon.icon-close(title="{{'COMMON.CLOSE' | translate}}")
    use(xlink:href="#icon-close")
form
    header
        h1.title(translate="WIZARD.SECTION_TITLE_CREATE_PROJECT")
        .subtitle(
            translate="WIZARD.CREATE_PROJECT_TEXT"
            role="presentation"
        )
    section.template-option
        .template-selector-title
            legend(translate="WIZARD.CHOOSE_TEMPLATE")
            // UX issue
            //- a.more-info(
            //-     href=""
            //-     title="{{ 'WIZARD.CHOOSE_TEMPLATE_TITLE' | translate }}"
            //-     translate="WIZARD.CHOOSE_TEMPLATE_INFO"
            //- )
        .template-selector
            fieldset(ng-repeat="template in templates")
                input(
                    type="radio"
                    name="template"
                    id="template-{{ template.id }}"
                    ng-value='template.id'
                    ng-model="data.creation_template"
                    data-required="true"
                )
                label.template-label(for="template-{{ template.id }}")
                    svg.icon(ng-class="'icon-'+template.slug")
                        use(xlink:href="{{'#icon-' + template.slug }}")
                    span.template-name {{ template.name }}
        .template-data
            legend(translate="WIZARD.PROJECT_DETAILS")
            fieldset
                input(
                    type="text"
                    name="name"
                    ng-model="data.name"
                    data-required="true"
                    placeholder="{{'COMMON.FIELDS.NAME' | translate}}"
                    maxlength="45"
                    aria-hidden="true"
                )
            fieldset
                textarea(
                    name="description"
                    ng-model="data.description"
                    data-required="true"
                    ng-attr-placeholder="{{'COMMON.FIELDS.DESCRIPTION' | translate}}"
                )
        .template-privacity
            fieldset
                input(
                    type="radio"
                    name="is_private"
                    id="template-public"
                    data-required="true"
                    aria-hidden="true"
                    ng-value="false"
                    ng-model="data.is_private"
                    required
                    ng-disabled="!canCreatePublicProjects.valid"
                    ng-checked="canCreatePublicProjects.valid"
                )
                label.template-privacity(for="template-public")
                    svg.icon.icon-discover
                        use(xlink:href="#icon-discover")
                    span(translate="WIZARD.PUBLIC_PROJECT")
            fieldset
                input(
                    type="radio"
                    name="is_private"
                    id="template-private"
                    data-required="true"
                    ng-value="true"
                    ng-model="data.is_private"
                    aria-hidden="true"
                    required
                    ng-disabled="!canCreatePrivateProjects.valid"
                    ng-checked="!canCreatePublicProjects.valid"
                )
                label.template-privacity(for="template-private")
                    svg.icon.icon-lock
                        use(xlink:href="#icon-lock")
                    span(translate="WIZARD.PRIVATE_PROJECT")
        
        tg-create-project-restriction
        
        button.button-green.submit-button(
            translate="WIZARD.CREATE_PROJECT"
            title="{{'WIZARD.CREATE_PROJECT' | translate}}"
            ng-click=""
        )