@**
* Yona, 21st Century Project Hosting SW
*
* Copyright Yona & Yobi Authors & NAVER Corp.
* https://yona.io
**@
@import play.data.Form
@(title:String, newProjectForm: Form[Project], orgUserList:List[OrganizationUser])

@import utils.TemplateHelper._
@import playRepository.RepositoryService

@siteLayout(title, utils.MenuType.NEW_PROJECT){
<div class="page-wrap-outer">
  <div class="project-page-wrap">
    <div class="form-wrap new-project">
      <form id="importGit" action="@routes.ImportApp.newProject()" method="post" class="frm-wrap">
        <legend>
          @Messages("project.import.from.git")
            <span>
              <small>@Messages("project.import.or") &nbsp; </small>
              <a href="@routes.ProjectApp.newProjectForm()?owner=@newProjectForm.field("owner").value" class="ybtn ybtn-small nm">
                <strong>@Messages("title.newProject")</strong>
              </a>
            </span>
        </legend>

        <dl>
          <!-- Old Repository -->
          <dt>
            <label for="url">
              @Messages("project.git.repository.url")
              <strong class="orange-txt">*</strong>
            </label>
          </dt>
          <dd>
            <input id="url" type="text" name="url" class="text" placeholder="@Messages("project.git.url.alert")" value="@newProjectForm.field("url").value">
          </dd>
          <dd>
            <label class="checkbox">
              <input type="checkbox" id="useRepoAuth" @if(newProjectForm.field("authId").value || newProjectForm.error("repoAuth") != null){checked}> @Messages("project.import.auth.required")
            </label>

            <div id="repoAuth" class="repo-auth-wrap" @if(newProjectForm.field("authId").value || newProjectForm.error("repoAuth") != null){ style="display:block;" }>
              <div class="row-fluid">
              <dl class="span6">
                <dt>@Messages("project.import.auth.userid")</dt>
                <dd>
                  <input type="text" name="authId" class="text"
                         value="@newProjectForm.field("authId").value"
                         placeholder="@Messages("project.import.auth.userid.desc")">
                </dd>
              </dl>
              <dl class="span6">
                <dt>@Messages("project.import.auth.userpw")</dt>
                <dd>
                  <input type="password" name="authPw" class="text">
                </dd>
              </dl>
              </div>
            </div>
          </dd>
          <!-- // -->
          <!-- ProjectOwner -->
          <dt class="bordertop">
            <label for="project-owner">
              @Messages("project.owner")
              <strong class="orange-txt">*</strong>
            </label>
          </dt>
          <dd>
            <select id="project-owner" name="owner" data-toggle="select2" data-format="user" class="mb10">
              <option data-type="user"
                      data-avatar-url="@UserApp.currentUser().avatarUrl"
                      value="@UserApp.currentUser().loginId">
                @UserApp.currentUser().loginId
              </option>

              @for(orgUser <- orgUserList) {
              <option data-type="group"
                      data-avatar-url="@urlToOrganizationLogo(orgUser.organization)"
                      value="@orgUser.organization.name"
              @if(newProjectForm.field("owner").value == orgUser.organization.name) { selected }>
              @orgUser.organization.name
              </option>
              }
            </select>
            @if(newProjectForm.error("owner") != null) {
              <span class="orange-text">@Messages(newProjectForm.error("owner").message())</span>
            }
          </dd>
          <!-- // -->

          <!-- ProjectName -->
          <dt>
            <label for="project-name">
              @Messages("project.name")
              <strong class="orange-txt">*</strong>
            </label>
          </dt>
          <dd>
            <input id="project-name" type="text" name="name" class="text" maxlength="250"
                   value="@newProjectForm.field("name").value" placeholder="@Messages("project.name.alert")"  >
          </dd>
          <!-- // -->

          <!-- Description -->
          <dt>
            <label for="description">@Messages("project.description")</label>
          </dt>
          <dd>
            <textarea id="description" name="overview" class="text textarea.span4">@newProjectForm.field("overview").value</textarea>
          </dd>
          <!-- // -->
        </dl>

        <div class="advanced-options">
          <!-- Access Scope -->
          <div class="row-fluid">
            <div class="span2 right-txt mt10">
              @Messages("project.shareOption")
            </div>
            <div class="span10">
              <ul class="unstyled project-scopes mt10">
                <li>
                  <input type="radio" id="public" name="projectScope" value="PUBLIC" class="radio-btn pull-left" @if(newProjectForm.field("projectScope").value == "PUBLIC" || newProjectForm.field("projectScope").value == null){ checked="checked" }>
                  <label for="public">
                    <strong class="ml5">@Messages("project.public")</strong>
                    <p class="note">
                      @Html(Messages("project.public.notice"))
                    </p>
                  </label>
                </li>

                <li id="opt-protected" class="mt10" @if(!Organization.isNameExist(newProjectForm.field("owner").value)){ style="display:none;"}>
                <input type="radio" id="protected" name="projectScope" value="PROTECTED" class="radio-btn pull-left" @if(newProjectForm.field("projectScope").value == "PROTECTED"){ checked="checked" }>
                <label for="protected">
                  <strong class="ml5">@Messages("project.protected")</strong>
                  <p class="note">
                    @Html(Messages("project.protected.notice"))
                  </p>
                </label>
                </li>

                <li class="mt10">
                  <input type="radio" id="private" name="projectScope" value="PRIVATE" class="radio-btn pull-left" @if(newProjectForm.field("projectScope").value == "PRIVATE" || Application.PRIVATE_IS_DEFAULT.equalsIgnoreCase("private")){ checked="checked" }>
                  <label for="private">
                    <strong class="ml5">@Messages("project.private")</strong>
                    <p class="note">
                      @Html(Messages("project.private.notice"))
                    </p>
                  </label>
                </li>
              </ul>
            </div>
          </div>
          <!-- // -->
          <hr>
          <!-- VCS -->
          <div class="row-fluid">
            <div class="span2 right-txt mt10">
              <label for="vcs">
                @Messages("project.vcs")
              </label>
            </div>
            <div class="span10 cu-desc">
              <select data-toggle="select2" class="mb10 mt5" disabled>
                <option selected>@Messages("project.new.vcsType.git")</option>
              </select>
              <input type="hidden" name="vcs" value="GIT">
            </div>
          </div>
          <!-- // -->
            <hr>
            <!-- VCS -->
            <div class="row-fluid">
                <div class="span2 right-txt">
                    @Messages("project.menu.setting")
                </div>
                <div class="span10 cu-desc">
                    <label for="menuSettingCode" class="bg-radiobtn label-public inline-list">
                      <input type="checkbox" class="radio-btn" id="menuSettingCode" name="code" value="true" checked="checked">
                      @Messages("menu.code")
                    </label>
                    <label for="menuSettingIssue" class="bg-radiobtn label-public inline-list ">
                      <input type="checkbox" class="radio-btn" id="menuSettingIssue" name="issue" value="true" checked="checked">
                      @Messages("menu.issue")
                    </label>
                    <label for="menuSettingPullRequest" class="bg-radiobtn label-public inline-list">
                      <input type="checkbox" class="radio-btn" id="menuSettingPullRequest" name="pullRequest" value="true" checked="checked">
                      @Messages("menu.pullRequest")
                    </label>
                    <label for="menuSettingReview" class="bg-radiobtn label-public inline-list">
                      <input type="checkbox" class="radio-btn" id="menuSettingReview" name="review" value="true" checked="checked">
                      @Messages("menu.review")
                    </label>
                    <label for="menuSettingMilestone" class="bg-radiobtn label-public inline-list">
                      <input type="checkbox" class="radio-btn" id="menuSettingMilestone" name="milestone" value="true" checked="checked">
                      @Messages("milestone")
                    </label>
                    <label for="menuSettingBoard" class="bg-radiobtn label-public inline-list">
                      <input type="checkbox" class="radio-btn" id="menuSettingBoard" name="board" value="true" checked="checked">
                      @Messages("menu.board")
                    </label>
                </div>
            </div>
            <!-- // -->
        </div>

        <div class="actions mt20">
          <button class="ybtn ybtn-primary">
            @Messages("project.create")
          </button>
          <a href="/" class="ybtn">@Messages("button.cancel")</a>
        </div>
      </form>
    </div>
  </div>
</div>

@common.select2()
<script type="text/javascript">
  $(function() {
      $yobi.loadModule("project.New", {
          "sFormId": "#importGit",
          "htError": @Html(newProjectForm.errorsAsJson.toString)
      });
  });
</script>
}