{% if not has_billing_issues %}
<span class="d-inline-block" data-toggle="popover" data-content="Disabled popover">
    <button
        type="button"
        class="close"
        data-toggle="modal"
        data-target="#{{ modal_id }}"
        aria-label="Destroy Workspace"
    >
        <span aria-hidden="true">&times;</span>
    </button>
</span>
{% endif %}

{% if not has_billing_issues %}
<div class="modal fade" id="{{ modal_id }}" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">
            {% if disabled %}
                Cannot destroy {{ shared_workspace.gcp_project_id }}
            {% else %}
                Destroy {{ shared_workspace.gcp_project_id }}
            {% endif %}
        </h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
        {% if disabled %}
            <div class="modal-body font-weight-normal">
                In order to destroy the workspace, you must first destroy all its resources.
            </div>
        {% else %}
            <div class="modal-body font-weight-normal">
                You are about to destroy the {{ shared_workspace.gcp_project_id }} workspace.
                <br>
                <br>
                This action is irreversible and will cause all the underlying resources to be deleted.
            </div>
            <div class="modal-footer">
                    <button
                        type="button"
                        class="btn btn-danger environment-action-button inside-modal-button"
                        onclick="sendRequest('{{ request_data }}', '{{ request_method }}', '{{ request_url }}', '{{ button_type }}')"
                    >
                        Destroy
                    </button>
            </div>
        {% endif %}
    </div>
  </div>
</div>
{% endif %}