{% 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</h1>
    <p class="text-muted lead">
      Please wait while CodeScene clones your remote Git repositories.
    </p>
  </div>
  <ul class="remote-repo-list">
    {% for repo in vcss %}
    <li><i class="fa fa-circle-o-notch fa-spin"></i> <span class="repo-to-clone">{{ repo  }}</span></li>
    {% endfor %}
  </ul>

  <p>If this page stops reloading automatically, please refresh.</p>

  <p>Status: {{ status }}</p>

  <p>Message: {{ message }}</p>

  <p>Errors: {{ state }}</p>

</div>
{% endblock %}

{% block scripts %}
<script type="text/javascript">
    codescene.views.projects.newProjectWizard.loadingScreenCreateProject.init({
      mountPoint: document.getElementById('page-body'),
      pendingOperationId: '{{ pending-operation-id }}',
      state: '{{ state|json|safe }}',
      status: '{{ status }}',
      urls:'{{ vcss|json|safe}}',
      wizardId: '{{ wizard-id }}',
      message: '{{ message }}'
    });
    document.getElementById('page-body').style.backgroundColor = 'var(--gray-200)';
</script>
{% endblock %}