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

{% block scripts %}
<script>
  {% if feature-flags.project-creation-redesign %}
    codescene.views.projects.newProjectWizard.projectDetails.init({
        mountPoint: document.getElementById('page-body'),
        viewContext: '{{view-context}}',
        isJar: {{installation-type.jar?}},
        additionalDetails: {
          fixedRepoRoots: {{item.fixed_repo_roots|default:false}},
          fixedResultsRoot: {{item.fixed_results_root|default:false}},
          updateRepositories: {{item.update-repositories|default:false}},
          wizardId: {{item.wizard-id|json|safe}},
          analysisDestination: {{item.analysis-destination|json|safe}},
          analysisStartDate: {{item.start-date|json|safe}},
          teamAnalysisStartDate: {{item.team-analysis-start-date|json|safe}},
          startDate: {{item.start-date|json|safe}},
          endDate: {{item.end-date|json|safe}},
          localPathForRemotes: {{item.local-path-for-remotes|json|safe}},
          exclusionFilter: {{item.exclusionfilter|json|safe}},
          excludeContent: {{item.excludecontent|json|safe}},
          availableConfigurations: {{item.available-developer-configurations|json|safe}},
          repoPaths: {{item.repo-paths|json|safe}},
          validationErrors: {{validation-errors|json|safe}},
          customProjectDefaultsEnabled: {{item.custom-project-defaults-enabled?}},
          useCustomProjectDefaults: {{item.use-custom-project-defaults}},
        }
      });
      document.getElementById('page-body').style.backgroundColor = 'var(--gray-200)';
  {% else %}
    codescene.views.projects.newProjectWizard.details.init();
  {% endif %}
</script>
{% endblock %}

{% block main %}
<div class="project-wizard-view details" id="page-body">
  <div class="title-area">
    <h1>Project Details</h1>
    <p class="text-muted lead">Fill in these details and then you're ready to go!</p>
  </div>
  <form action="{{view-context}}/projects/new" method="post">
      {% include "cacsremoteservice/views/partials/validation-errors.html" %}

      <input type="hidden" name="fixed_repo_roots" value="{{item.fixed_repo_roots}}" />
      <input type="hidden" name="fixed_results_root" value="{{item.fixed_results_root}}" />
      <input type="hidden" name="wizard-id" value="{{item.wizard-id}}" />
      {% for vcs in item.repo-paths %}
      <input type="hidden"
             name="vcs_{{forloop.counter}}"
             value="{{vcs}}" />
      {% endfor %}

      <div class="page-section">
        <div class="form-group">
          <label for="project-name">Project Name</label>
          <input class="form-control"
                 type="text"
                 id="project-name"
                 name="name"
                 placeholder="Enter the name of the project..."
                 autofocus
                 value="{{item.name}}"
                 required />
        </div>
        <div class="form-group">
          <label for="project-results-directory">Analysis Results Destination</label>
          <input id="project-results-directory"
                 {% if item.fixed_results_root %}
                  readonly
                 {% endif %}
                  class="form-control"
                  type="text"
                  name="analysis-destination"
                  value="{{item.analysis-destination}}"
                  placeholder="/somewhere/on/your/filesystem"
                  aria-describedby="analysis-destination-help-block"
                  required />
          {% if item.fixed_results_root %}
          <span class="help-block" id="analysis-destination-help-block">
            This path is auto generated from your admin settings. It specifies a folder where the analysis results will
            be written. This would, typically, be a persistent folder.
          </span>
          {% else %}
          <span class="help-block" id="analysis-destination-help-block">
            A path to a (writeable) folder for analysis results. <strong>Must
              be a directory outside of the repositories you analyze.</strong>
          </span>
          {% endif %}
        </div>
        <div>
          <label>
            <input type="checkbox" name="share-developer-configuration" id="share-developer-configuration" 
              {% if item.share-developer-configuration? %}checked{% endif %}
            />
            Use Existing Developer Configuration?
          </label>
          <select class="form-control" id="developer-configuration" name="developer-configuration"
            style="display: none"
          >
            {% for configuration in item.available-developer-configurations %}
            <option value="{{ configuration.id }}" {% if configuration.current %} selected{% endif %}>
              {{ configuration.name }}
            </option>
            {% endfor %}
          </select>
          <span class="help-block" id="developer-configurations-help-block">
            Share developer and team configuration across projects to make settings easier to manage.
          </span>
        </div>
        {% if item.custom-project-defaults-enabled? %}
        <div class="form-group">
          <label>
            {% if invalid-default-project? %}
            <input type="checkbox"
                   name="use-custom-project-defaults"
                   id="use-custom-project-defaults"
                   disabled/>
            Use default project settings defined by your Admin. <br/>
            <em>WARNING! this is currently misconfigured. Please contact your administrator  to use custom defaults for creating this project.</em>
            {% else %}
            <input type="checkbox"
                   name="use-custom-project-defaults"
                   id="use-custom-project-defaults"
                   {% if item.use-custom-project-defaults %}checked{% endif %}/>
            Use default project settings defined by your Admin.
            {% endif %}
          </label>
        </div>
        {% endif %}
        <input type="hidden" name="local-path-for-remotes" value="{{item.local-path-for-remotes}}" />
        <div class="form-group">
          <label for="exclusion-filter">Exclude File Extensions</label>
          <input class="form-control"
                 type="text"
                 id="exclusion-filter"
                 name="exclusionfilter"
                 placeholder="*.ext1;*.ext2"
                 value="{{item.exclusionfilter}}" />
          <span class="help-block">
	    Specify file extensions to exclude from analysis. These
            extensions are derived from your project and you may
            want to adjust them to your needs. Use semicolons to
            separate patterns.
          </span>
        </div>
        <div class="form-group">
          <label for="exclude-content">Exclude content</label>
          <input class="form-control"
                 type="text"
                 id="exclude-content"
                 name="excludecontent"
                 placeholder="*.ext1;*.ext2"
                 value="{{item.excludecontent}}" />
          <span class="help-block">
	    Specify glob patterns to exclude content from analysis. Adjust the default values to your needs.
        Use semicolons to separate patterns.
          </span>
        </div>
      </div>
      <button class="default-button" type="submit">Create Project</button>
    </form>
</div>
{% endblock %}