{% extends "cacsremoteservice/views/layouts/project-view.html" %}

{% block main %}
<div class="project-wizard-view specify-remotes" id="page-body">
  <div class="title-area">
    <h1>Cloning Git Remotes: Error</h1>
    <p class="text-muted lead">
      A problem occured while cloning your remote Git repositories:
    </p>

  </div>
  {% include "cacsremoteservice/views/partials/validation-errors.html" %}
  <form action="{{view-context}}/projects/new/specify-remotes" method="post">
    <div class="form-group">
      <input type="hidden" name="fixed_repo_roots" value="{{fixed_repo_roots}}" />
      <input type="hidden" name="wizard-id" value="{{wizard-id}}" />
      <label>Local Path</label>
      <div class="input-list" id="local-git-path">
        <input class="form-control"
               type="text"
               {% if fixed_repo_roots %}
               readonly
               {% endif %}
               name="local-path-for-remotes"
               value="{{local-path-for-remotes}}"
               placeholder="/path/on/your/filesystem"
               required/>
        {% if fixed_repo_roots %}
        <span class="help-block">This path is auto generated from your admin settings, and points to a folder where the remotes will be cloned.</span>
        {% else %}
        <span class="help-block">A path to a writeable folder where CodeScene will clone your remotes.</span>
        {% endif %}
      </div>
    </div>
    <div class="form-group">
      <label>Git Repository URLs</label>
      <div class="input-list" id="dynamic-vcs-list">
        {% for vcs in vcss %}
        <input class="repo-path-input form-control"
               type="text"
               name="vcs_{{forloop.counter0}}"
               value="{{vcs}}"
               placeholder="ssh://[user@]host.xz[:port]/path/to/repo.git/" />
        <div class="repo-path-alert"></div>
        {% endfor %}
        <input class="repo-path-input form-control"
               type="text"
               name="vcs_{{vcss|count}}"
               placeholder="ssh://[user@]host.xz[:port]/path/to/repo.git/"
               autofocus
               value="" />
        <div class="repo-path-alert"></div>
      </div>
      <span class="help-block">One or more URLs to cloneable git repositories.</span>
    </div>
    <button class="default-button" type="submit">
      <i class="fa fa-search clone-progress-indicator"></i>
      <span class="text">Continue</span>
    </button>
  </form>
</div>
{% endblock %}

{% block scripts %}
<script type="text/javascript">
 {% if feature-flags.project-creation-redesign %}
  codescene.views.projects.newProjectWizard.specifyRemotesV2.init({
    mountPoint: document.getElementById('page-body'),
    data: {
      postUrl: '{{view-context}}/projects/new/specify-remotes',  
      urls: {{vcss|json|safe}},
      sshKeys: {{ssh-public-keys|json|safe}},
      fixedRepoRoots: {{fixed_repo_roots|default:false}},
      fixedResultsRoot: {{fixed_results_root|default:false}},
      validationErrors: {{validation-errors|json|safe}},
      wizardId: {{wizard-id|json|safe}},
      localPathForRemotes: {{local-path-for-remotes|json|safe}},
      isJar: {{installation-type.jar?}},
      pendingOperationId: {{pending-operation-id|json|safe}},
      state: {{state|json|safe}},
      status: {{status|json|safe}},
    }
  });
  document.getElementById('page-body').style.backgroundColor = 'var(--gray-200)';
  {% endif %}
</script>
{% endblock scripts %}