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

{% block main %}
{% if feature-flags.project-creation-redesign %}
<div class="project-wizard-view confirm-found-repositories"  id="page-body"></div>
{% else %}
<div class="project-wizard-view confirm-found-repositories"  id="page-body">
  <div class="title-area">
    <h1>Found Repositories</h1>
    <p class="lead text-muted">
      We found the following repositories when scanning the specified directory.
      Uncheck any repositories you do not want in your project, and then click
      <em>Continue</em>.
    </p>
  </div>

  <form action="{{view-context}}/projects/new/specify-details" method="post" id="continue-form">
    <p>
      <a href="#toggle-uncheck-all" id="toggle-uncheck-all" class="default-button">Uncheck all</a>
    </p>
    <div class="form-group">
      {% for path in discovered-repositories %}
      <div>
        <label>
          <input type="checkbox" name="vcs_{{forloop.counter0}}" value="{{path}}" checked />
          {{path}}
        </label>
      </div>
      {% endfor %}
    </div>
    <div class="form-group">
      <button class="default-button full-width" type="submit">
        Continue
      </button>
    </div>
  </form>
  <form action="" id="scan-again-form" method="post">
    <div class="form-group">
      <input type="hidden" name="path" value="{{path}}" />
      <button class="default-button secondary full-width" type="submit">
        <i class="fa fa-search scan-progress-indicator"></i>
        <span class="text">Scan Again</span>
      </button>
    </div>
  </form>
</div>
{% endif %}
{% endblock %}

{% block scripts %}
<script type="text/javascript">
  {% if feature-flags.project-creation-redesign %}
      codescene.views.projects.newProjectWizard.confirmFoundRepositoriesV2.init({
        mountPoint: document.getElementById('page-body'),
        viewContext: '{{view-context}}',
        localClonedReposRoot: '{{local-cloned-repos-root}}',
        discoveredRepositories: {{discovered-repositories|json|safe}},
      });
      document.getElementById('page-body').style.backgroundColor = 'var(--gray-200)';
  {% else %}
      codescene.views.projects.newProjectWizard.confirmFoundRepositories.init();
  {% endif %}
</script>
{% endblock %}