{% extends "cacsremoteservice/views/layouts/master.html" %}

{% block secondary-nav %}
{% include "cacsremoteservice/views/projects/project-header.html" with project=item tabs=tabs %}
{% endblock %}

{% block main %}
<div class="project-delete-view" id="page-body" onclick="document.getElementById('deleteModal').style.display = 'none';">
  <div class="text-content">
    <h2>Delete</h2>
    <p class="lead text-muted">Deleting analysis results, or a project entirely, cannot be undone.</p>
  </div>
  {% if custom-defaults-source-project? %}
  <div class="custom-defaults-warn">
    <div class="custom-defaults-warn-inner">
      <h3>Warning</h3>
      <p>This project is currently defined as the source project for the custom defaults used for new projects.</p>
      <p>Deleting this project will cause the standard CodeScene defaults to be used when new projects are created, until a new source project is defined.</p>
      <p>If you are unsure about what to do, please contact your CodeScene administrator before deleting this project.</p>
    </div>
  </div>
  {% endif %}
  <div class="delete-actions">
    <form action="{{view-context}}/projects/{{item.id}}/delete-results" method="post">
      <div class="form-group">
        <button class="default-button full-width warning"
                type="submit"
                onclick="return confirm('Are you sure you want to delete all historic results for {{item.name}}?')">
          Delete Analysis Results
        </button>
        <div class="help-block">Deletes all historic results.</div>
      </div>
    </form>
    <form action="{{view-context}}/projects/{{item.id}}/delete-delta-analysis-results" method="post">
      <div class="form-group">
        <button class="default-button warning full-width"
                type="submit"
                onclick="return confirm('Are you sure you want to delete all delta analysis results for {{item.name}}?')">
          Delete Delta Analysis Results
        </button>
        <div class="help-block">Deletes all delta analysis results.</div>
      </div>
    </form>
    <div class="form-group">
      <button class="default-button danger full-width" onclick="event.stopPropagation(); document.getElementById('deleteModal').style.display = 'block';">Delete Project</button>
      <div class="help-block">Deletes the project entirely, including all analysis results.</div>
    </div>
    <div id="deleteModal" class="modal" style="background-color: rgba(0, 50, 50, 0.1); display: none;" >
      <form class="styled_form" action="{{view-context}}/projects/{{item.id}}/delete-project" method="post" enctype="multipart/form-data" onclick="event.stopPropagation();">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" aria-hidden="true" onclick="document.getElementById('deleteModal').style.display = 'none';">&times;</button>
              <h4 class="modal-title">Confirmation</h4>
            </div>
            <div class="modal-body">
              <p> What do you want to delete ?</p>
              <ul style="list-style-type:none">
                <li>
                  <label>
                    <input type="checkbox" name="configuration" value="y" checked />
                    The CodeScene Configuration
                    <label>
                </li>
                <li>
                  <label>
                    <input type="checkbox" name="developer-configuration" value="y" 
                      {% if item.shares-developer-configuration? %}disabled{% endif %} 
                      {% if not item.shares-developer-configuration? %}checked{% endif %}
                    />
                    The developer settings
                    <label>
                </li>
                <li>
                  <label>
                    <input type="checkbox" name="analysis" value="y" />
                    The analysis results on disk
                  </label>
                </li>
                <li>
                  <label>
                    <input type="checkbox" name="git" value="y" />
                    The Git repositories used in this project
                  </label>
                </li>
              </ul>
              <p class="text-warning"><small>Are you sure you want to delete the configuration {{item.name}}? You will no longer be able to run any analyses on this configuration.</small></p>
            </div>
            <div class="modal-footer">
              <button type="button" class="default-button secondary" onclick="document.getElementById('deleteModal').style.display = 'none';">Cancel</button>
              <button id="delete-project-confirm-button" type="submit" class="default-button">Delete</button>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>
{% endblock %}